@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#273b31;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a6c8a5;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"DM Serif Display",serif;font-weight:400}h1{font-size:43px;letter-spacing:-1px;line-height:1.08}h2{font-size:27px;letter-spacing:-.4px}p{color:#829088;line-height:1.6}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid #ebeee8;display:flex;flex-direction:column;padding:29px 18px 20px;z-index:5}.brand,.login-brand{display:flex;align-items:center;gap:10px;padding:0 9px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#325d45;color:#fff;display:grid;place-items:center;flex:none}.brand strong,.login-brand strong{font-size:23px;letter-spacing:-1.1px;line-height:1}.brand strong span,.login-brand strong span{color:#b8c885}.brand small{display:block;font-size:8px;letter-spacing:1.55px;color:#a4ada6;font-weight:700;margin-top:5px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#779783}.nav-label{margin:53px 11px 14px;color:#adb6ae;font-size:9px}nav{display:grid;gap:5px}.nav-item{height:46px;display:flex;align-items:center;gap:13px;padding:0 12px;background:transparent;color:#839087;text-align:left;border-radius:8px;font-size:13px;font-weight:600}.nav-item span{flex:1}.nav-item.active{background:#eaf1e9;color:#3d6c4e}.nav-item:hover{background:#f2f6ef}.nav-item b{font-size:10px;background:#dbe8d8;color:#5b7b5d;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center}.side-bottom{margin-top:auto}.side-note{border-radius:11px;padding:16px;background:#f1f5ed}.side-note-icon{color:#769b72}.side-note strong{font-size:12px;display:block;margin:10px 0 4px}.side-note p{font-size:11px;color:#8c9a8d}.signout{background:none;color:#87948a;font-size:12px;display:flex;align-items:center;gap:10px;margin:22px 10px 4px}.app main{margin-left:242px}.topbar{height:76px;background:#ffffffad;border-bottom:1px solid #ebeee8;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{font-size:12px;color:#9aa79c}.breadcrumb span{padding:0 9px;color:#d2d9d2}.breadcrumb b{color:#52675a;font-weight:600}.top-right{display:flex;align-items:center;gap:9px;font-size:11px;color:#8c9a90}.online-dot,.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#8fb898;display:inline-block}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e4ece1;color:#55775c;font-family:"DM Serif Display";font-size:15px;margin-left:15px}.content{max-width:1430px;margin:auto;padding:34px 48px 0}.welcome{min-height:265px;background:#eaf1e7;border-radius:13px;position:relative;overflow:hidden;padding:35px 38px;display:flex;align-items:center}.welcome>div:first-child{z-index:1}.welcome .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:16px}.welcome h1{font-size:43px}.welcome h1 em{color:#719877;font-weight:400}.welcome p{font-size:13px;margin:12px 0 20px;color:#7c9180}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;font-size:12px;font-weight:700;padding:13px 17px}.primary{background:#345e45;color:#fff}.primary:hover{background:#264e37}.primary:disabled{opacity:.6}.secondary{background:#edf3eb;color:#436c4c}.welcome-art{position:absolute;right:8%;bottom:0;width:300px;height:245px}.art-sun{position:absolute;width:185px;height:185px;border-radius:50%;background:#dbe8d7;right:37px;bottom:38px}.art-shelf{position:absolute;bottom:44px;right:0;width:290px;height:9px;border-radius:8px;background:#9bb49a;box-shadow:0 7px #d0dfcd}.art-jar,.art-bottle{position:absolute;bottom:53px;border-radius:12px 12px 10px 10px;background:#b2c9ad;border:4px solid #90ae91}.art-jar:before,.art-bottle:before{content:"";position:absolute;left:-5px;right:-5px;top:-12px;height:10px;background:#819e80;border-radius:3px}.jar-one{width:65px;height:92px;left:40px}.jar-two{width:76px;height:124px;left:116px;background:#e1c7a6;border-color:#d4b692}.jar-two:before{background:#b69d7f}.art-jar i{position:absolute;left:7px;right:7px;top:28px;height:30px;border-radius:3px;background:#f5f5df;opacity:.7}.art-bottle{width:45px;height:133px;right:25px;background:#d6e3d2;border-color:#a8c0a8;border-radius:13px 13px 8px 8px}.art-bottle:before{left:7px;right:7px}.art-bottle i{display:block;background:#93ae90;height:29px;margin-top:50px}.art-leaf{position:absolute;background:#9eb99b;width:27px;height:52px;border-radius:100% 0;transform:rotate(-30deg);bottom:68px;left:7px}.leaf-two{transform:rotate(30deg);left:0;bottom:92px;background:#b5ccb0}.art-spark{position:absolute;right:3px;top:35px;color:#a0bc9c;font-size:28px}.section-heading{display:flex;justify-content:space-between;align-items:end}.overview-heading{margin:37px 0 17px}.muted{color:#a1aea3}.section-heading h2{margin-top:6px}.heading-note{font-size:11px;color:#a6b1a8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{text-align:left;background:#fff;border:1px solid #edf0ea;border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:14px;color:inherit;min-height:120px}.stat:hover,.mini-panel:hover{border-color:#bcd1b9}.stat-icon,.mini-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none}.sage{background:#eaf2e7;color:#719875}.peach{background:#fcf0e5;color:#cf9c6e}.yellow{background:#f9f3dd;color:#b5a15f}.stat-copy{display:flex;flex-direction:column}.stat-copy small{font-size:9px;letter-spacing:.9px;font-weight:700;color:#9ca9a0}.stat-copy strong{font-family:"DM Serif Display";font-weight:400;font-size:30px;margin:7px 0 2px;line-height:1}.stat-copy>span{font-size:11px;color:#9aa69d}.stat-arrow{margin-left:auto;color:#c5cfc5}.list-heading{margin:39px 0 17px}.list-heading p{font-size:12px;margin-top:4px}.count{display:inline-grid;place-items:center;vertical-align:middle;margin-left:8px;border-radius:20px;background:#e8efe6;color:#78947b;font:700 10px DM Sans;min-width:24px;height:21px}.text-button{background:none;color:#648b6a;font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.inventory{background:#fff;border:1px solid #edf0ea;border-radius:10px;overflow:hidden}.table-head,.item-row{display:grid;grid-template-columns:minmax(170px,2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(120px,1fr) 75px;gap:15px;align-items:center}.table-head{padding:15px 20px;background:#fbfcfa;color:#adb8ae;font-size:9px;font-weight:700;letter-spacing:1px}.item-wrap+.item-wrap{border-top:1px solid #f0f2ee}.item-row{padding:14px 20px;min-height:78px}.item-name{display:flex;align-items:center;gap:12px;background:transparent;text-align:left;color:inherit;padding:0;min-width:0}.item-name strong,.item-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name strong{font-size:12px}.item-name small{color:#a5b0a7;font-size:10px;margin-top:5px}.product-image{height:43px;width:43px;flex:none;border-radius:8px;background:#f1f5ee;color:#9ab19a;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.stock-cell{font-size:11px;color:#a0aca1}.stock-cell strong{font-size:12px;color:#4b5f50}.progress{height:4px;border-radius:3px;background:#edf2eb;margin-top:8px;max-width:88px}.progress i{display:block;height:100%;border-radius:3px;background:#95b89b}.progress i.low-bar{background:#e3b386}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border-radius:20px;padding:6px 9px;white-space:nowrap}.badge span{height:5px;width:5px;border-radius:50%;background:currentColor}.badge-good{color:#739679;background:#f0f6ee}.badge-low{color:#c38e60;background:#fcf1e7}.date-cell{font-size:11px;color:#6e8072}.date-cell small{display:block;font-size:10px;color:#c39463;margin-top:4px}.date-cell .date-expired{color:#bc6963}.date-cell .date-soon{color:#c39261}.subtle{color:#b5bfb6}.buy-count{font-size:12px;font-weight:700;color:#bf885a}.row-action{background:#f6f8f4;color:#78917d;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700}.batch-list{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 13px 75px}.batch-list button{display:flex;gap:12px;align-items:center;background:#f8faf7;color:#819086;border:1px solid #edf1eb;border-radius:5px;padding:6px 8px;font-size:10px}.batch-list button span:last-child{display:flex;gap:3px;align-items:center;color:#5f8968}.empty{text-align:center;border:1px dashed #dbe5d9;border-radius:10px;background:#fff;padding:40px 20px}.empty-icon{width:47px;height:47px;border-radius:14px;background:#eef4ec;color:#86a78a;display:grid;place-items:center;margin:0 auto 15px}.empty h3{font-size:21px}.empty p{font-size:12px;margin:6px 0 15px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.mini-panel{border:1px solid #edf0ea;border-radius:10px;background:#fff;display:flex;gap:13px;align-items:center;text-align:left;padding:16px;color:inherit}.mini-panel strong{font-size:12px}.mini-panel p{font-size:11px;margin-top:3px}.mini-panel>svg{margin-left:auto;color:#b5c2b6}.page-heading{display:flex;align-items:end;justify-content:space-between;margin:15px 0 28px}.page-heading h1{margin-top:10px}.page-heading p{font-size:13px;margin-top:9px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search,.select-wrap{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e8ede6;border-radius:8px;padding:0 12px;color:#9aab9c}.search{width:300px}.search input{border:0;outline:none;width:100%;font-size:12px;padding:13px 0;color:#344b3b}.search input::placeholder{color:#acb8ad}.select-wrap select{border:0;background:transparent;color:#718577;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:11px;padding:12px 0}.select-wrap{gap:8px}footer{display:flex;justify-content:space-between;color:#b0bcb1;font-size:10px;padding:40px 0 24px}footer span{font-size:9px;letter-spacing:1px}.icon{display:grid;place-items:center;background:none;color:#8a9c8d;padding:5px}.mobile-menu,.mobile-close{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#1d2f2373;display:flex;justify-content:center;align-items:center;padding:20px}.modal{position:relative;background:#fff;border-radius:14px;width:min(100%,470px);max-height:90vh;overflow:auto;padding:32px}.modal-close{position:absolute;right:22px;top:20px}.modal h2{font-size:30px;margin:8px 0}.modal-intro{font-size:12px;margin-bottom:24px}.modal label,.login-card label{display:block;font-size:11px;font-weight:700;margin:16px 0 8px;color:#506555}.modal input:not([type=file]),.login-card input{width:100%;border:1px solid #e3eae1;border-radius:7px;padding:12px;color:#344c3a;background:#fbfcfa;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-help{font-size:10px;margin-top:8px}.optional{font-weight:400;color:#a4b1a6}.upload{border:1px dashed #d3e0d1;border-radius:8px;background:#f8faf7;display:flex!important;align-items:center;gap:12px;padding:14px;color:#87a389!important;cursor:pointer}.upload span{font-weight:600}.upload small{display:block;font-weight:400;color:#a2afa3;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.remove-image{background:none;color:#b77d6b;font-size:11px;padding:0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:25px}.delete-button{display:flex;align-items:center;gap:6px;background:none;color:#b87870;font-size:11px;margin-right:auto}.quantity-input{display:flex;align-items:center;border:1px solid #e3eae1;border-radius:7px;background:#fbfcfa}.quantity-input input{border:0!important;text-align:center}.quantity-input button{background:none;color:#729176;padding:10px}.form-error{color:#ae5a50;font-size:12px;margin-top:12px}.toast{position:fixed;bottom:20px;right:20px;background:#fff;border:1px solid #e5d2cc;padding:12px 15px;border-radius:8px;display:flex;align-items:center;gap:20px;color:#a15f53;font-size:12px;z-index:20}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5ed;padding:20px}.login-brand{margin-bottom:32px}.login-card{width:min(100%,410px);padding:38px;background:#fff;border-radius:15px;box-shadow:0 14px 60px #42614a0b}.login-icon{background:#eaf2e7;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;color:#719875;margin-bottom:24px}.login-card h1{font-size:39px;margin:10px 0}.login-card p{font-size:13px;margin-bottom:25px}.login-card .full{width:100%;margin-top:20px}.login-footer{font-size:11px;color:#a6b4a7;margin-top:25px}.loading{min-height:100vh;display:grid;place-items:center}@media(max-width:1050px){.sidebar{width:205px}.app main{margin-left:205px}.content{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.welcome-art{right:2%;transform:scale(.85);transform-origin:bottom right}.table-head,.item-row{grid-template-columns:minmax(150px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(95px,1fr) 60px;gap:8px}.item-row,.table-head{padding-left:14px;padding-right:14px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:250px}.sidebar-open{transform:translate(0)}.mobile-close,.mobile-menu{display:grid}.mobile-close{margin-left:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2d23a0;z-index:4;width:100%;height:100%}.app main{margin-left:0}.topbar{height:62px;padding:0 18px;justify-content:flex-start;gap:12px}.top-right{margin-left:auto;font-size:0}.avatar{font-size:15px;margin-left:3px}.content{padding:22px 18px 0}.welcome{padding:28px;min-height:250px}.welcome h1{font-size:37px}.welcome-art{opacity:.55;right:-45px;transform:scale(.65)}.welcome p{max-width:230px}.stats{grid-template-columns:1fr;gap:9px}.stat{min-height:85px;padding:15px}.stat-copy strong{font-size:25px;margin:3px 0}.stat-copy{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center}.stat-copy small{grid-column:1/3}.stat-copy>span{align-self:end;margin-bottom:3px}.stat-arrow{align-self:center}.heading-note{display:none}.overview-heading{margin-top:28px}.list-heading{margin-top:30px}.table-head{display:none}.item-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px}.item-name{grid-column:1}.stock-cell{grid-column:1;margin-left:55px}.stock-cell .progress{display:inline-block;width:60px;margin-left:10px;vertical-align:middle}.item-row>div:nth-child(3){grid-column:2;grid-row:1}.date-cell{grid-column:1;margin-left:55px}.row-action{grid-column:2;grid-row:2/4;align-self:center}.batch-list{padding:0 14px 13px}.bottom-grid{grid-template-columns:1fr}.page-heading{align-items:start;gap:15px}.page-heading h1{font-size:35px}.page-heading .primary{white-space:nowrap}.search{width:100%}.toolbar{align-items:stretch}.select-wrap{white-space:nowrap}footer span{display:none}}.catalog{background:#f7faf6;border:1px solid #e8efe6;border-radius:9px;padding:14px;margin-bottom:20px}.catalog label{margin:0 0 3px}.catalog .field-help{margin:0 0 10px}.catalog-search{display:flex;gap:8px}.catalog-search input{min-width:0;background:#fff!important}.catalog-search button{flex:none;padding:10px 12px}.catalog-search button:disabled{opacity:.6}.catalog-results{max-height:220px;overflow:auto;margin-top:9px;background:#fff;border:1px solid #e5ece3;border-radius:7px}.catalog-result{display:flex;align-items:center;gap:10px;width:100%;background:#fff;text-align:left;color:#3b5140;padding:8px;border-bottom:1px solid #eff3ed}.catalog-result:hover,.catalog-result:focus-visible{background:#f0f6ee}.catalog-result>span:nth-child(2){flex:1;min-width:0}.catalog-result strong,.catalog-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-result strong{font-size:11px}.catalog-result small{font-size:10px;color:#9aa89c;margin-top:4px}.catalog-result>svg{color:#8daa8f}.catalog-thumbnail{width:39px;height:39px;background:#f3f6f1;border-radius:5px;display:grid;place-items:center;color:#a3b6a4;flex:none;overflow:hidden}.catalog-thumbnail img{height:100%;width:100%;object-fit:contain}.catalog-empty{padding:14px;font-size:11px}.catalog-credit,.image-credit{font-size:9px;color:#9eaba0;line-height:1.5}.catalog-credit{margin-top:10px}.catalog-credit a,.image-credit a{color:#718e76}.image-credit{padding:0 20px 10px 75px}.chosen-image{display:flex;align-items:center;gap:10px;background:#f5f9f3;border-radius:7px;padding:8px;font-size:11px;color:#536f59}.chosen-image img{width:38px;height:38px;object-fit:contain;border-radius:4px;background:#fff}.chosen-image span{flex:1}.chosen-image small{color:#9aac9c}.chosen-image+.upload{margin-top:8px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;align-items:start}.product-card{min-width:0;background:#fff;border:1px solid #ebefe8;border-radius:12px;overflow:hidden;box-shadow:0 3px 14px #304b3308;transition:box-shadow .2s,border-color .2s}.product-card:hover{border-color:#d9e6d6;box-shadow:0 8px 24px #304b3312}.card-image{position:relative;width:100%;height:190px;display:flex;align-items:center;justify-content:center;background:#f3f6ef;color:#a8bda9;padding:22px}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-status{position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #3c553610}.card-body{padding:17px}.card-name{display:block;background:none;padding:0;color:#273b31;text-align:left;font-size:14px;font-weight:700;line-height:1.4;min-height:40px;overflow-wrap:anywhere}.card-name:hover{color:#648b6a}.card-stock{display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:#a0aca1;font-size:10px;margin-top:13px}.card-stock strong{font-size:19px;color:#3c5945;font-family:"DM Serif Display";font-weight:400}.card-progress{height:4px;background:#edf2eb;border-radius:4px;margin-top:8px;overflow:hidden}.card-progress i{display:block;height:100%;background:#95b89b;border-radius:4px}.card-progress i.low-bar{background:#e3b386}.card-expiry{display:flex;align-items:center;gap:7px;color:#9aa89c;font-size:10px;margin-top:15px;min-height:16px}.card-expiry.card-expired{color:#bc6963}.card-expiry.card-expiring{color:#c39261}.card-credit{font-size:9px;color:#9eaba0;line-height:1.5;margin-top:10px}.card-credit a{color:#718e76}.card-add-stock{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;color:#517c5a;background:#edf4eb;border-radius:7px;padding:10px;margin-top:16px;font-size:11px;font-weight:700}.card-add-stock:hover{background:#deebda}.card-batches{margin-top:13px;border-top:1px solid #edf1eb;padding-top:11px}.card-batches summary{display:flex;align-items:center;gap:7px;color:#748b79;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.card-batches summary::-webkit-details-marker{display:none}.card-batches summary span{background:#edf3eb;color:#819b84;padding:2px 6px;border-radius:10px}.card-batches summary svg{margin-left:auto;transition:transform .2s}.card-batches[open] summary svg{transform:rotate(180deg)}.card-batches>div{display:grid;gap:6px;margin-top:10px}.card-batches button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#f8faf7;border-radius:6px;padding:8px;color:#526c58;font-size:10px}.card-batches button strong,.card-batches button small{display:block}.card-batches button small{font-size:9px;color:#9ba99d;margin-top:4px}.card-batches button>span:last-child{display:flex;align-items:center;gap:3px;color:#6c9272}@media(max-width:540px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-image{height:150px;padding:15px}.card-body{padding:12px}.card-name{font-size:12px}.card-stock{flex-wrap:wrap}.card-expiry{line-height:1.3}.card-credit{overflow-wrap:anywhere}}@media(max-width:330px){.product-grid{grid-template-columns:1fr}}.mobile-nav{display:none}@media(max-width:760px){.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:3;background:#fafcf8f7;height:60px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.mobile-menu,.mobile-close,.modal-close{width:44px;height:44px}.breadcrumb{font-size:13px}.content{padding:18px 16px 0}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:fixed;z-index:4;bottom:0;left:0;right:0;background:#fffffffa;border-top:1px solid #e5ebe2;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -5px 24px #2c49330c}.mobile-nav-item{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:transparent;color:#829388;font-size:10px;font-weight:700;border-radius:10px}.mobile-nav-item.active{color:#345e45}.mobile-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:25px}.mobile-nav-item.active .mobile-nav-icon{background:#eaf2e7;border-radius:15px}.mobile-nav-count{position:absolute;top:-5px;right:-6px;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;background:#c8865d;color:#fff;border:2px solid white;border-radius:10px;font-size:8px}.sidebar{z-index:7}.mobile-overlay{z-index:6}.sidebar-open{box-shadow:10px 0 35px #203a2725}.welcome{min-height:230px;padding:25px 22px}.welcome h1{font-size:clamp(33px,10vw,40px)}.welcome p{max-width:210px;font-size:13px}.welcome-art{right:-65px;opacity:.38}.primary,.secondary,.text-button{min-height:44px}.stat{min-height:75px}.stat-copy small{font-size:10px}.stat-copy>span{font-size:12px}.stat-copy strong{font-size:27px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin:8px 0 20px}.page-heading h1{font-size:clamp(30px,9vw,38px)}.page-heading p{font-size:13px}.page-heading .primary{margin-left:auto}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.search{min-width:0;min-height:46px}.search input,.select-wrap select,.modal input:not([type=file]),.login-card input{font-size:16px}.select-wrap{min-height:46px;padding:0 10px}.select-wrap select{font-size:13px;max-width:112px}.item-row{gap:10px;padding:15px}.item-name{min-height:44px}.item-name strong{font-size:13px}.item-name small,.stock-cell,.date-cell{font-size:12px}.row-action{min-height:44px;min-width:66px;font-size:11px}.batch-list button{min-height:44px;font-size:11px}.image-credit{font-size:10px}.product-grid{gap:12px}.card-name{font-size:14px;min-height:44px}.card-stock,.card-expiry{font-size:11px}.card-add-stock{min-height:44px;font-size:12px}.card-batches summary{min-height:44px;font-size:11px}.card-batches button{min-height:48px;font-size:11px}.card-batches button small,.card-credit{font-size:10px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:min(90dvh,850px);border-radius:18px 18px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-close{top:10px;right:10px}.modal h2{padding-right:36px}.modal label,.login-card label{font-size:13px}.modal-intro,.field-help{font-size:12px}.modal input:not([type=file]){min-height:48px}.quantity-input button{min-width:48px;min-height:48px}.form-actions .primary{min-height:48px}.delete-button{min-height:44px}.catalog-result{min-height:56px}.catalog-result strong{font-size:12px}.catalog-result small{font-size:11px}.catalog-results{max-height:190px}.upload{min-height:58px}.toast{bottom:calc(80px + env(safe-area-inset-bottom));left:16px;right:16px}.login-page{min-height:100dvh;padding:24px 18px}.login-card{padding:28px 24px}.login-card input,.login-card .full{min-height:48px}}@media(max-width:380px){.page-heading .primary{margin-left:0}.toolbar{grid-template-columns:1fr}.select-wrap select{max-width:none;width:100%}.product-grid{gap:9px}.card-image{height:135px}.card-body{padding:10px}.card-status{left:7px;top:7px;padding:5px 7px;font-size:9px}.catalog-search{flex-wrap:wrap}.catalog-search input{flex:1 1 100%}.catalog-search button{width:100%}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}.product-card{border-radius:16px}.card-image{height:auto;aspect-ratio:1/1;padding:24px;background:#f1f5ee}.card-image img{object-fit:contain}.card-status{top:16px;left:16px;font-size:11px;padding:8px 11px}.card-body{padding:20px}.card-name{font-size:17px;min-height:0}.card-stock{font-size:12px;margin-top:14px}.card-stock strong{font-size:23px}.card-expiry{font-size:12px}.card-add-stock{min-height:46px;font-size:13px}.card-batches summary{min-height:44px;font-size:12px}.card-batches button{min-height:48px;font-size:12px}.card-batches button small{font-size:11px}@media(max-width:760px){.product-grid{grid-template-columns:1fr;gap:16px;max-width:540px;margin:0 auto}.card-image{height:auto;aspect-ratio:1/1;padding:24px}.card-status{top:14px;left:14px;font-size:11px;padding:8px 11px}.card-body{padding:18px}.card-name{font-size:17px;min-height:0}.card-stock,.card-expiry{font-size:12px}.card-add-stock{font-size:13px}}