:root { --ink:#1c2731; --muted:#63717c; --line:#dfe6e4; --paper:#f7f9f8; --white:#fff; --teal:#0d6e69; --teal-dark:#07514d; --mint:#d8f1e7; --amber:#d88016; --red:#c94d40; --radius:6px; }
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",Arial,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;background:#163c3a;color:#eef6f1;padding:28px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{width:28px;height:28px;background:#d2f156;color:#143735;display:grid;place-items:center;font-family:"DM Mono",monospace;font-size:16px}.workspace-label{font:11px "DM Mono",monospace;color:#9bb9b1;letter-spacing:.08em;margin:46px 8px 12px}.nav{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#c2d5ce;padding:10px 12px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;font:500 14px inherit;cursor:pointer;text-align:left}.nav-item:hover{background:#214b48;color:#fff}.nav-item.active{background:#295752;color:#fff}.nav-item small{font-size:11px;color:#d2f156}.sidebar-bottom{margin-top:auto;padding:0 8px}.support-note{border-top:1px solid #315754;padding-top:18px;display:grid;gap:5px;font-size:12px;color:#b6cbc3}.support-note strong{color:#eef6f1;font-size:13px}.quiet-button{margin-top:18px;padding:0;border:0;background:none;color:#a9c2b9;font:12px inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.main-content{min-width:0;flex:1}.topbar{height:68px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;position:sticky;top:0;z-index:3;backdrop-filter:blur(10px)}.breadcrumb{font-weight:600}.separator{padding:0 9px;color:#a0aca9}.breadcrumb span:last-child,.top-actions{color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#35a177}.cart-button{margin-left:12px;border:1px solid #cddad6;background:white;border-radius:var(--radius);padding:7px 10px;color:var(--ink);font:600 12px inherit;cursor:pointer}.cart-button b{display:inline-grid;place-items:center;background:var(--teal);color:white;border-radius:50%;width:16px;height:16px;margin-left:4px;font-size:10px}.view{display:none;padding:52px 46px 64px;max-width:1440px}.view.active{display:block}.store-hero{display:flex;justify-content:space-between;gap:50px;align-items:end;padding:12px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.08em;color:var(--teal);margin:0 0 14px}.store-hero h1,.section-heading h1{font-size:clamp(28px,3.5vw,44px);line-height:1.18;letter-spacing:0;margin:0;font-weight:700}.lead{max-width:550px;color:var(--muted);line-height:1.75;margin:18px 0 0}.availability-total{min-width:190px;background:var(--mint);padding:20px;border-left:3px solid var(--teal);display:grid;gap:3px}.availability-total span,.availability-total small,.metric span,.metric small{color:#54706b;font-size:12px}.availability-total strong{font:38px "DM Mono",monospace;letter-spacing:-2px;color:var(--teal-dark)}.store-toolbar{display:flex;justify-content:space-between;gap:20px;padding:25px 0}.search-box,.table-search{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.search-box{background:#fff;border:1px solid var(--line);padding:0 12px;width:min(350px,100%)}input{border:0;outline:0;background:transparent;color:var(--ink);font:14px inherit;min-width:0}.search-box input{height:39px;width:100%}.filter-group{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:14px;padding:5px 10px;font:12px inherit;cursor:pointer}.filter-button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{background:#fff;border:1px solid var(--line);padding:20px;min-height:205px;display:flex;flex-direction:column}.product-card:hover{border-color:#a7c9c1;box-shadow:0 8px 24px rgba(20,55,53,.06)}.card-top{display:flex;justify-content:space-between;gap:8px}.category-tag{font:11px "DM Mono",monospace;color:#527b74;background:#edf6f2;padding:4px 7px}.stock-badge{font:11px "DM Mono",monospace;color:#168161}.stock-badge.low{color:var(--amber)}.stock-badge.empty{color:var(--red)}.product-card h2{font-size:17px;letter-spacing:0;margin:22px 0 5px;line-height:1.4}.sku{font:11px "DM Mono",monospace;color:#86928f}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ef;padding-top:16px}.price{font:600 16px "DM Mono",monospace}.add-button{border:0;background:var(--teal);color:#fff;border-radius:var(--radius);padding:8px 11px;font:600 12px inherit;cursor:pointer}.add-button:hover,.primary-button:hover{background:var(--teal-dark)}.add-button:disabled{background:#ccd5d1;cursor:not-allowed}.empty-state,.cart-empty{text-align:center;padding:60px 20px;color:var(--muted);display:grid;gap:8px}.empty-state strong{color:var(--ink)}.hidden{display:none!important}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section-heading h1{font-size:34px}.section-heading p:not(.eyebrow){color:var(--muted);margin:12px 0 0}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.primary-button,.secondary-button{border:0;border-radius:var(--radius);padding:10px 13px;font:600 13px inherit;cursor:pointer;white-space:nowrap}.primary-button{background:var(--teal);color:#fff}.secondary-button{background:#fff;border:1px solid #cbd8d4;color:#31544f}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);margin-bottom:16px}.metric{padding:18px 20px;border-right:1px solid var(--line);display:grid;gap:3px}.metric:last-child{border:0}.metric strong{font:26px "DM Mono",monospace;color:var(--ink)}.panel{background:#fff;border:1px solid var(--line)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:16px;margin:0}.panel-header p{color:var(--muted);font-size:12px;margin:5px 0 0}.table-search{border:1px solid var(--line);padding:6px 8px}.table-search input{width:140px;font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;color:#71807c;background:#fafcfb;font:11px "DM Mono",monospace;letter-spacing:.04em;padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #edf0ef;font-size:13px}tbody tr:last-child td{border-bottom:0}.table-product{font-weight:600}.mono{font:11px "DM Mono",monospace;color:#687772}.stock-input{font:14px "DM Mono",monospace;width:58px;border-bottom:1px solid #b8cbc5;padding:4px 0}.adjust-controls{display:flex;align-items:center;gap:6px}.adjust-button{width:25px;height:25px;border:1px solid #cad8d3;background:#fff;border-radius:4px;font-size:16px;line-height:1;cursor:pointer;color:#31544f}.delete-link{border:0;background:none;color:#a45a51;font:12px inherit;cursor:pointer}.status{font:11px "DM Mono",monospace;background:#e8f6ee;color:#14704e;padding:4px 7px}.cart-drawer{position:fixed;z-index:10;right:0;top:0;width:min(410px,100vw);height:100dvh;background:#fff;transform:translateX(105%);transition:transform .22s ease;box-shadow:-14px 0 40px rgba(16,45,42,.16);display:flex;flex-direction:column;padding:25px}.cart-drawer.open{transform:translateX(0)}.scrim{position:fixed;inset:0;z-index:9;background:rgba(12,36,34,.25);opacity:0;visibility:hidden;transition:.2s}.scrim.show{opacity:1;visibility:visible}.drawer-header,.dialog-header{display:flex;justify-content:space-between;align-items:start}.drawer-header h2,.dialog-header h2{margin:0;font-size:23px}.icon-button{border:1px solid var(--line);background:#fff;width:30px;height:30px;border-radius:4px;cursor:pointer;font:18px "DM Mono",monospace;color:var(--muted)}.cart-list{overflow:auto;flex:1;margin:24px 0}.cart-item{border-bottom:1px solid var(--line);padding:13px 0;display:grid;gap:9px}.cart-item-main{display:flex;justify-content:space-between;gap:12px}.cart-item-name{font-weight:600}.cart-item-sku{font:11px "DM Mono",monospace;color:var(--muted);margin-top:3px}.cart-item-bottom{display:flex;justify-content:space-between;align-items:center}.quantity-control{display:flex;border:1px solid var(--line);width:max-content}.quantity-control button{width:25px;border:0;background:#f7f9f8;cursor:pointer}.quantity-control span{width:30px;text-align:center;padding:3px;font:12px "DM Mono",monospace}.remove-item{border:0;background:none;color:#b66256;font:12px inherit;cursor:pointer}.request-form{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.request-form label,.form-grid label{display:grid;gap:6px;color:#586863;font-size:12px}.request-form input,.form-grid input{border:1px solid #cfdad7;height:38px;padding:0 10px;margin-top:1px}.full-width{width:100%;margin-top:2px}.cart-empty{flex:1;place-content:center}.cart-empty span{font-size:12px}.request-form:has(+ *){}.request-form.hidden{display:none}.cart-list:empty{display:none}dialog{border:0;padding:0;width:min(520px,calc(100% - 32px));box-shadow:0 20px 50px rgba(8,32,30,.25)}dialog::backdrop{background:rgba(12,36,34,.35)}dialog form{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0}.full-form-row{grid-column:span 2}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:20;background:#183e3c;color:#fff;padding:10px 15px;box-shadow:0 8px 20px rgba(13,45,42,.18);font-size:13px;opacity:0;visibility:hidden;transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.sidebar{width:72px;padding:20px 8px}.brand{font-size:0;justify-content:center}.workspace-label,.nav-item small,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:12px 4px;font-size:11px;text-align:center}.topbar,.view{padding-left:25px;padding-right:25px}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.sidebar{display:none}.topbar{padding:0 16px;height:58px}.top-actions>span:not(.sync-dot){display:none}.view{padding:30px 16px 50px}.store-hero,.section-heading{display:grid;gap:24px}.store-hero{padding-bottom:28px}.store-hero h1{font-size:29px}.store-toolbar{display:grid}.search-box{width:100%}.customer-grid{grid-template-columns:1fr}.metrics{margin-left:0}.heading-actions{align-items:stretch}.heading-actions>*{flex:1;text-align:center}.panel-header{align-items:start;gap:10px;display:grid}.table-search{width:100%}.table-search input{width:100%}.availability-total{width:100%}}