:root{--ink:#192827;--muted:#70817b;--line:#e8ece6;--paper:#f7f9f5;--panel:#fff;--green:#177455;--green-dark:#0e6045;--soft-green:#e9f5ee;--orange:#aa6a18;--soft-orange:#fff5df;--shadow:0 6px 25px #142d2409}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin:0}p{line-height:1.5}.setup-page{background:radial-gradient(at 20% 10%,#e5f2e9,#0000 40%),#f7f9f5;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e5ece5;border-radius:20px;width:min(100%,455px);padding:40px;box-shadow:0 18px 80px #0f322014}.auth-card .auth-logo{margin-bottom:44px}.auth-logo{color:#17392d;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.auth-logo b,.brand b{color:var(--green)}.brand-symbol{background:var(--green);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.eyebrow{color:var(--green);letter-spacing:1.8px;font-size:11px;font-weight:800}.auth-card h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(25px,5vw,32px);line-height:1.2}.auth-card p{color:var(--muted)}.auth-card code{color:var(--green);font-size:13px}.stack{flex-direction:column;gap:17px;display:flex}label{color:#344641;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}input:not([type=checkbox]),select{color:#22352f;background:#fff;border:1px solid #dce5dc;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 13px;transition:border-color .15s,box-shadow .15s;display:block}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #17745515}input::placeholder{color:#a3b0aa}input:disabled,select:disabled{color:#708079;background:#f5f7f3}.btn{border:1px solid var(--green);background:var(--green);color:#fff;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 18px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.btn:not(:disabled):hover{background:var(--green-dark)}.btn:not(:disabled):active{transform:translateY(1px)}.btn-secondary{color:var(--green);background:#fff;border:1px solid #c9dfd0}.btn-secondary:not(:disabled):hover{background:#eef8f0}.btn-danger{background:#b94c39;border-color:#b94c39}.full{width:100%}.text-button{color:var(--green);background:0 0;border:none;margin:20px auto 0;font-weight:700;display:block}.text-button:hover{text-decoration:underline}.auth-footer{color:#93a099;justify-content:center;align-items:center;gap:7px;margin-top:35px;font-size:12px;display:flex}.notice{color:#395c4b;overflow-wrap:anywhere;background:#eef8ef;border:1px solid #d8e9db;border-radius:10px;margin-top:20px;padding:13px 15px;font-size:13px;line-height:1.45}.loading{color:var(--green);font-size:19px;font-weight:700}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;flex-shrink:0;width:254px;height:100vh;min-height:100vh;padding:27px 15px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:10px;padding:0 12px;font-size:18px;font-weight:800;display:flex}.brand .brand-symbol{border-radius:11px;width:39px;height:39px}.store-tag{background:#f6f9f6;border:1px solid #e9eee8;border-radius:11px;align-items:center;gap:10px;min-width:0;margin-top:39px;padding:14px 12px;display:flex}.store-tag>div{min-width:0}.store-indicator{background:#39ac79;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-left:3px;box-shadow:0 0 0 4px #e1f3e7}.store-tag span:not(.store-indicator){letter-spacing:.9px;color:#8a9990;font-size:9px;font-weight:700;display:block}.store-tag strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.menu-caption{letter-spacing:1.15px;color:#9aa69e;margin:36px 15px 14px;font-size:10px;font-weight:800}.nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#64766e;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:44px;padding:0 14px;font-weight:700;display:flex}.nav-item:hover{background:#f3f8f3}.nav-item.active{color:var(--green);background:var(--soft-green)}.nav-plus{margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:20px 6px 0}.admin-chip{align-items:center;gap:10px;display:flex}.admin-chip>div{min-width:0}.admin-chip strong,.admin-chip small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-chip strong{font-size:12px}.admin-chip small{color:#90a096;margin-top:3px;font-size:11px}.avatar{color:#116746;background:#d6eee0;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.logout{color:#76867e;background:0 0;border:0;align-items:center;gap:12px;width:100%;margin-top:17px;padding:12px 8px;font-size:12px;font-weight:700;display:flex}.logout:hover{color:#b94c39}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:75px;padding:0 36px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:13px;display:flex}.topbar-left{color:#8b9990;font-size:13px}.topbar-left strong{color:var(--ink)}.topbar-divider{color:#c9d0c9}.online{color:#5f9a76;align-items:center;gap:8px;font-size:12px;display:flex}.online>span{background:#35b47b;border-radius:50%;width:8px;height:8px}.icon-button{color:#77867f;background:#fff;border:1px solid #e5ebe4;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#f7f9f6}.mobile-menu,.mobile-close{color:var(--ink);background:0 0;border:none;padding:4px;display:none}.main{max-width:1500px;margin:0 auto;padding:36px}.app-notice{justify-content:space-between;align-items:center;gap:15px;margin:0 0 22px;display:flex}.app-notice button{color:inherit;background:0 0;border:0}.welcome{justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px;display:flex}.welcome h1{letter-spacing:-1px;margin:7px 0;font-size:clamp(27px,3vw,34px)}.wave{color:#e6ad46;font-size:25px}.welcome p,.section-title p{color:#85938b}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.section-title h2{letter-spacing:-1px;margin-bottom:6px;font-size:29px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px;display:grid}.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;min-height:163px;padding:22px;display:flex}.metric-icon{color:#2d7659;background:#e8f4e9;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:18px;display:grid}.metric-icon.purple{color:#7762a7;background:#eeeafb}.metric-icon.orange{color:#ad742b;background:#fff1da}.metric-label{color:#8c9a91;font-size:12px;font-weight:700}.metric-value{letter-spacing:-.8px;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(22px,2.4vw,28px)}.two-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid #f0f3ef;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;display:flex}.panel-header h3{letter-spacing:-.25px;margin-bottom:5px;font-size:16px}.panel-header p{color:#99a59b;font-size:12px}.small-link{white-space:nowrap;color:var(--green);background:0 0;border:0;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.small-link:hover{text-decoration:underline}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:470px}thead{color:#99a59c;letter-spacing:.35px;background:#fbfcfa;font-size:11px}th{padding:13px 23px;font-weight:800}td{color:#63766b;border-top:1px solid #f0f3ef;padding:17px 23px;font-size:12px}td.strong{color:#283b30;font-size:13px;font-weight:800}.align-right{text-align:right}.pill{color:#5a7561;background:#f0f5f0;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.empty{color:#a4b0a7;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 22px;display:flex}.empty strong{color:#485b51;margin-top:5px}.empty p{max-width:275px;font-size:12px}.alert-list{padding:4px 20px}.alert-item{border-bottom:1px solid #f0f3ed;align-items:center;gap:11px;padding:15px 5px;display:flex}.alert-item:last-child{border-bottom:0}.alert-icon{color:#b77a23;background:#fff4df;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.alert-item>div{flex:1;min-width:0}.alert-item strong,.alert-item small{display:block}.alert-item strong{font-size:12px}.alert-item small{color:#9aa79d;margin-top:5px;font-size:11px}.alert-item b{color:#bb7627;white-space:nowrap;font-size:12px}.good-state{text-align:center;color:var(--green);flex-direction:column;align-items:center;gap:10px;padding:70px 25px;display:flex}.good-state strong{color:#2b4e3f}.good-state p{color:#9aa89e;font-size:12px}.hint{color:#4a715c;background:#edf6ef;border-radius:10px;align-items:flex-start;gap:12px;margin-top:22px;padding:17px 20px;font-size:12px;line-height:1.5;display:flex}.hint svg{flex-shrink:0}.products-cols{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr)}.sales-cols{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)}.form-grid{grid-template-columns:1fr 1fr;gap:17px;padding:23px;display:grid}.form-grid .span-2{grid-column:span 2}.check-row{flex-direction:row;align-items:center;padding:3px 0;font-size:12px}.check-row input{accent-color:var(--green);width:16px;height:16px}.search{color:#9caaa0;border:1px solid #e5ece6;border-radius:10px;align-items:center;gap:10px;margin:16px 19px;padding-left:13px;display:flex}.search input{border:0;min-height:40px;padding-left:0;box-shadow:none!important}.product-list{max-height:580px;overflow:auto}.product-row{text-align:left;background:0 0;border:0;border-top:1px solid #f1f3ef;align-items:center;gap:13px;width:100%;padding:15px 21px;display:flex}.product-row:hover{background:#f9fbf8}.product-avatar{color:#398462;background:#ecf4ec;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.product-info{flex:1;min-width:0}.product-info strong,.product-info small,.product-price small{display:block}.product-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.product-info small{color:#9fa99f;margin-top:6px;font-size:11px}.product-price{color:#245b41;text-align:right;white-space:nowrap;font-size:13px;font-weight:800}.product-price small{color:#9ea99f;margin-top:4px;font-size:11px;font-weight:400}.product-row>svg{color:#bbc5bb}.panel>.stack{padding:23px}.subtle-icon{color:#91a998}.stock-hint{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.inventory-list{max-height:530px;padding:0 23px;overflow-y:auto}.inventory-row{border-bottom:1px solid #f1f3f0;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;display:flex}.inventory-row:last-child{border:none}.inventory-row strong,.inventory-row small,.inventory-balance strong,.inventory-balance span{display:block}.inventory-row strong{font-size:13px}.inventory-row small{color:#97a59a;margin-top:5px;font-size:11px}.inventory-balance{text-align:right}.inventory-balance strong{color:var(--green)}.stock-status{color:var(--green);background:#ecf6ec;border-radius:5px;margin-top:6px;padding:4px 7px;font-size:10px}.stock-status.low{background:var(--soft-orange);color:#ac6a25}.spaced-panel{margin-top:22px}.positive{color:#1b8d58!important}.negative{color:#b15d36!important}.cart-panel{flex-direction:column;display:flex}.cart-items{flex:1;padding:0 21px}.cart-item{border-bottom:1px solid #f1f3ef;align-items:center;gap:12px;padding:17px 0;display:flex}.cart-item>div{flex:1}.cart-item strong,.cart-item small{display:block}.cart-item strong{font-size:12px}.cart-item small{color:#91a097;margin-top:5px;font-size:11px}.cart-item b{color:#294e39;white-space:nowrap;font-size:13px}.cart-item button{color:#b5beb6;background:0 0;border:0}.cart-item button:hover{color:#bb5138}.cart-footer{background:#f9fbf8;border-top:1px solid #edf0eb;flex-direction:column;gap:15px;margin-top:auto;padding:25px;display:flex}.cart-total{justify-content:space-between;align-items:center;gap:15px;display:flex}.cart-total span{color:#687d6c;font-weight:700}.cart-total strong{letter-spacing:-.6px;color:var(--green);font-size:25px}.disclaimer{text-align:center;color:#95a399;font-size:11px}.sale-tip{color:#ac7d31;background:#fff8eb;border-radius:10px;align-items:flex-start;gap:10px;margin:10px 23px 23px;padding:13px;font-size:12px;line-height:1.5;display:flex}.sale-tip svg{flex-shrink:0}.metrics-two{grid-template-columns:repeat(2,minmax(0,1fr))}.mono{letter-spacing:.5px;font-family:monospace}.page-footer{color:#a7b0a7;border-top:1px solid #e8eee7;justify-content:space-between;gap:14px;margin-top:42px;padding:24px 0 10px;font-size:11px;display:flex}.backdrop{display:none}@media (max-width:1200px){.main{padding:28px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}.metric{min-height:148px}}@media (max-width:750px){.sidebar{width:265px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:5px 0 30px #1a36251a}.sidebar.open{transform:translate(0)}.backdrop{z-index:8;background:#0b281f66;display:block;position:fixed;inset:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{margin-left:auto}.topbar{height:62px;padding:0 19px}.topbar-left{gap:9px;font-size:12px}.topbar-left>span:not(.topbar-divider),.topbar-divider{display:none}.online{font-size:0}.online>span{margin-right:0}.main{padding:22px 16px}.welcome,.section-title{flex-wrap:wrap}.metrics{gap:10px}.metric{min-height:134px;padding:15px}.metric-value{font-size:clamp(18px,4.8vw,24px)}.metric-icon{margin-bottom:11px}.panel-header,.form-grid{padding:19px}.section-title h2{font-size:27px}.welcome h1{font-size:29px}.page-footer{flex-direction:column}}@media (max-width:430px){.auth-card{padding:27px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-label{font-size:11px}.metric-value{font-size:18px}.form-grid{gap:12px}.form-grid>label:not(.span-2),.form-grid .span-2{grid-column:span 2}.cart-item{gap:8px}.cart-item .product-avatar{width:31px;height:31px}}