:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17233a;background:#f3f5f8;font-synthesis:none;--green-700: #15803d;--green-600: #16a34a;--green-500: #22c55e;--green-100: #dcfce7;--green-50: #f0fdf4;--ink: #17233a;--muted: #7d8ca1;--line: #e3e8ef;--line-soft: #eef2f7;--line-strong: #d6dee8;--link: #2563eb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}a{color:var(--link);text-decoration:none}.no-scroll{overflow:hidden}.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid var(--line)}.topbar{min-height:70px;display:flex;align-items:center;gap:24px;padding:0 25px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--ink)}.brand-mark,.logo{display:grid;place-items:center;background:var(--green-600);color:#fff;border-radius:8px;font-weight:800;letter-spacing:-2px}.brand-mark{width:36px;height:36px;font-size:16px}.brand-mark span,.logo span{color:#bbf7d0}.brand-copy strong{display:block;font-size:14px;white-space:nowrap}.brand-copy small{display:block;color:var(--muted);margin-top:3px;font-size:11px;white-space:nowrap}.primary-nav{display:flex;align-items:center;gap:3px;min-width:0}.nav-item,.subnav-item{border:0;background:transparent;color:#526780;white-space:nowrap}.nav-item{padding:11px 12px;border-radius:7px;font-size:12px}.nav-item:not(:disabled):hover,.subnav-item:not(:disabled):hover{color:var(--green-700);background:var(--green-50)}.nav-item-active{background:var(--green-50);color:var(--green-700);font-weight:700}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px;flex:0 0 auto}.user-email{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}.logout-button{border:0;background:none;color:#55708e;font-size:12px;padding:7px 0}.logout-button:hover{color:var(--green-700)}.subnav{min-height:43px;display:flex;align-items:stretch;gap:26px;padding:0 25px;border-top:1px solid var(--line-soft);overflow-x:auto}.subnav-item{position:relative;padding:0 3px;font-size:12px}.subnav-item-active{color:var(--green-700);font-weight:650}.subnav-item-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green-600)}.content{min-width:0}.page{padding:24px 30px 40px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:14px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--green-700);font-weight:800;margin-bottom:8px}.page h1{font-size:25px;margin:0 0 6px;letter-spacing:-.03em}.page-heading p{font-size:13px;color:var(--muted);margin:0}.account-select{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}.account-select select{min-width:230px;height:34px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#233b55;padding:0 10px;font-size:12px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}.kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px 13px 26px;min-height:92px;transition:box-shadow .15s,border-color .15s}.kpi-clickable{cursor:pointer}.kpi-clickable:hover{border-color:var(--green-500);box-shadow:0 4px 14px #16a34a1f}.kpi-active{border-color:var(--green-600);background:var(--green-50);box-shadow:0 0 0 1px var(--green-500) inset}.kpi-dragging{opacity:.55}.kpi-drag{position:absolute;left:5px;top:10px;color:#c3ccd8;cursor:grab}.kpi-drag svg{width:13px;height:13px}.kpi-hide{position:absolute;right:4px;top:4px;border:0;background:none;color:var(--muted);padding:4px;border-radius:6px;opacity:0;transition:opacity .15s}.kpi:hover .kpi-hide{opacity:1}.kpi-hide:hover{color:var(--green-700);background:var(--green-50)}.kpi-title{display:block;font-size:12.5px;font-weight:600;color:#46586f}.kpi-value{display:block;font-size:22px;font-weight:750;letter-spacing:-.02em;margin-top:6px;color:var(--ink)}.kpi-category{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9aa9bc;margin-top:5px}.sheet-table{border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 2px 9px #152f5508;display:flex;flex-direction:column;overflow:hidden}.sheet-table.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;border-radius:0;border:0}.grid-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.sku-search{display:flex;align-items:center;gap:8px;flex:0 1 400px;min-width:240px;height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;color:#9aa9bc;background:#fff}.sku-search:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #16a34a1f;color:var(--green-700)}.sku-search input{flex:1;min-width:0;border:0;outline:none;font-size:13px;color:var(--ink);background:transparent}.input-clear{border:0;background:none;color:#9aa9bc;display:grid;place-items:center;padding:2px;border-radius:4px}.input-clear:hover{color:#ef4444}.input-clear svg{width:12px;height:12px}.toolbar-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#46586f;font-size:12px}.chip svg{width:14px;height:14px}.chip:hover{border-color:var(--green-500);color:var(--green-700)}.chip-on{background:var(--green-50);border-color:var(--green-600);color:var(--green-700);font-weight:650}.chip-plain{border-style:dashed;color:var(--muted)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sync-chip{font-size:11px;color:var(--muted);background:#f4f6f9;border-radius:999px;padding:6px 11px;white-space:nowrap}.sync-chip-error{background:#fff7ed;color:#9a3412}.icon-button{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#4a5c73;display:grid;place-items:center;flex:0 0 auto}.icon-button:hover:not(:disabled){border-color:var(--green-500);color:var(--green-700);background:var(--green-50)}.icon-button.small{width:26px;height:26px;border-radius:6px}.icon-button svg{width:15px;height:15px}.sync-warning{padding:8px 14px;font-size:11.5px;background:#fff8eb;color:#8c5b17;border-bottom:1px solid var(--line)}.restore-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:12px;color:#78350f}.restore-bar button{display:inline-flex;align-items:center;gap:4px;border:1px solid #fcd34d;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;color:#78350f}.restore-bar button:hover{background:#fef3c7}.grid-zone{display:flex;align-items:stretch;min-height:200px}.table-scroll{flex:1;min-width:0;overflow:auto;position:relative;max-height:calc(100vh - 430px)}.fullscreen .table-scroll{max-height:none}table{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}th,td{padding:0 9px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:center;vertical-align:middle}th:last-child,td:last-child{border-right:0}td{height:46px}.density-compact td{height:34px}.density-compact .photo{width:24px;height:32px}thead th{padding:0 8px;background:#fff;color:#56677e;font-weight:650;font-size:11px}.band-row th{position:sticky;top:0;z-index:6;height:34px;background:#f7f9fc;font-size:11px;color:#6b7c93}.band-cell{text-align:left;padding:0 10px}.band-cell>span{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 22px);vertical-align:middle}.band-collapse{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:#9aa9bc;padding:3px;border-radius:5px;display:grid;place-items:center}.band-cell{position:relative}.band-collapse:hover{color:var(--green-700);background:var(--green-50)}.band-collapse svg{width:13px;height:13px;transform:rotate(180deg)}.head-row th{position:sticky;top:34px;z-index:5;height:38px}.head-cell{position:relative}.head-cell.sortable{cursor:pointer}.head-cell.sortable:hover{background:#f8fafc;color:var(--green-700)}.head-title{display:inline-block;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.head-cell.numeric .head-title{text-align:right;width:calc(100% - 14px)}.head-cell.left{text-align:left}.head-cell.left .head-title{width:calc(100% - 14px)}.sort-mark{color:var(--green-600);display:inline-flex;vertical-align:middle;margin-left:2px}.sort-mark svg{width:12px;height:12px}.col-resizer{position:absolute;right:-3px;top:0;height:100%;width:7px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;border-right:2px solid transparent}.col-resizer:hover,.col-resizer.resizing{border-right-color:var(--green-500)}.filter-row th{position:sticky;top:72px;z-index:4;height:42px;padding:0 6px;border-bottom:1px solid var(--line);background:#fff}.filter-box{display:flex;align-items:center;gap:4px;height:27px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#b6c1d0}.filter-box:focus-within{border-color:var(--green-500);box-shadow:0 0 0 2px #16a34a1a}.filter-box.filled{border-color:var(--green-500);color:var(--green-700)}.filter-box input{flex:1;min-width:0;border:0;outline:none;font-size:11px;color:var(--ink);background:transparent}.filter-box>svg{width:12px;height:12px;flex:0 0 auto}td.sticky-col,th.sticky-col{position:sticky;background:#fff}.band-row th.sticky-col,.band-empty{background:#f7f9fc}td.sticky-col{z-index:2;box-shadow:6px 0 8px -8px #17233a1f}.band-row th.sticky-col{z-index:9}.head-row th.sticky-col{z-index:8}.filter-row th.sticky-col{z-index:7}.band-row th.sticky-col,.band-row th.band-empty{box-shadow:6px 0 8px -6px #17233a14}.head-row th.sticky-col,.filter-row th.sticky-col{box-shadow:none}td.sticky-col:last-of-type{box-shadow:6px 0 8px -8px #17233a1f}tbody tr:hover td,tbody tr:hover td.sticky-col{background:#f8fafc}tbody tr.selected td,tbody tr.selected td.sticky-col{background:var(--green-50)}td.numeric{text-align:right}.number{font-variant-numeric:tabular-nums}.total{font-weight:750;color:#1f3b5c}.daily-active{color:var(--green-700);font-weight:650}.stock-low{color:#c2410c;font-weight:650}.muted{color:#b8c3d1}.photo{display:block;width:36px;height:48px;margin:2px auto;border-radius:4px;object-fit:cover;background:#f1f5f9}.photo-empty{display:grid;place-items:center;color:#9fb0c3;border:1px dashed var(--line-strong);background:#f8fafc}.photo-empty svg{width:15px;height:15px}.product-cell{text-align:left}.product-link{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.product-cell small{display:block;color:#8294a8;font-size:10.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.sku-link{font-variant-numeric:tabular-nums}.bell{border:0;background:none;color:#c3ccd8;display:grid;place-items:center;padding:4px;border-radius:6px}.bell:hover{color:var(--green-700);background:var(--green-50)}.bell-on{color:var(--green-600)}.row-check{width:15px;height:15px;accent-color:var(--green-600)}.table-state{padding:46px;text-align:center;color:var(--muted);font-size:13px}.link-button{border:0;background:none;color:var(--link);text-decoration:underline;padding:0;font-size:inherit}.side-rail{flex:0 0 34px;border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center}.rail-tab{border:0;background:none;color:#6b7c93;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;font-size:11px}.rail-tab:hover{color:var(--green-700)}.rail-tab span{writing-mode:vertical-rl;letter-spacing:.02em}.rail-tab svg{width:15px;height:15px}.rail-collapse{margin-top:auto}.rail-expand{flex:0 0 22px;border:1px solid var(--line);border-right:0;background:#fff;color:#6b7c93;border-radius:6px 0 0 6px;display:grid;place-items:center}.rail-expand:hover{color:var(--green-700);background:var(--green-50)}.grid-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);font-size:11.5px;color:#7386a0}.footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-dot{color:#c3ccd8}.selection-chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-50);border:1px solid var(--green-100);color:var(--green-700);padding:4px 9px;border-radius:999px;font-weight:650}.selection-chip button{border:0;background:none;color:inherit;display:grid;place-items:center;padding:0}.selection-chip svg{width:11px;height:11px}.pager{display:flex;align-items:center;gap:8px}.page-size{display:inline-flex;align-items:center;gap:8px}.page-size select{height:30px;border:1px solid var(--line-strong);border-radius:6px;font-size:12px;padding:0 6px;background:#fff;color:#33455c}.page-label{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a29;z-index:90}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,94vw);background:#fff;z-index:91;display:flex;flex-direction:column;box-shadow:-12px 0 30px #0f172a1f}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.drawer-tabs{display:flex;gap:4px}.drawer-tabs button{border:0;background:none;padding:8px 11px;border-radius:7px;color:#5b6d84;font-size:13px}.drawer-tabs button.on{background:var(--green-50);color:var(--green-700);font-weight:700}.drawer-body{padding:14px;overflow:auto}.drawer-body section{margin-bottom:18px}.drawer-body h4{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7b8ca1}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.segmented button{border:0;background:#fff;padding:7px 12px;font-size:12px;color:#56677e}.segmented button.on{background:var(--green-600);color:#fff}.column-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12.5px;color:#33455c}.column-item input[type=checkbox]{accent-color:var(--green-600);width:14px;height:14px}.column-group-head{font-weight:700}.column-leaf{padding-left:18px}.card-item{justify-content:space-between}.card-check{display:flex;align-items:center;gap:8px}.card-move{display:flex;gap:2px}.ghost-button{width:100%;height:36px;border:1px dashed var(--line-strong);background:#fff;border-radius:8px;color:#5b6d84;font-size:12.5px}.ghost-button:hover{border-color:var(--green-500);color:var(--green-700)}.drawer-body.info p{margin:0 0 10px;font-size:12.5px;line-height:1.55;color:#56677e}.drawer-body.info code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:11.5px}.alert{padding:12px 16px;background:#fff3f1;color:#9c3f32;font-size:12px;border-radius:8px}.alert button{margin-left:8px;border:0;background:none;color:#8e3329;text-decoration:underline}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,390px);padding:35px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 35px #213b5a12}.logo{width:45px;height:45px;font-size:21px;margin-bottom:24px}.login-card h1{font-size:24px;margin:0 0 5px}.login-card p{font-size:13px;color:var(--muted);margin:0 0 27px}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;margin-bottom:17px}.login-card input{height:39px;border:1px solid var(--line-strong);border-radius:6px;padding:0 11px;font-weight:400}.primary{height:40px;border:0;background:var(--green-600);color:#fff;border-radius:6px;width:100%;font-weight:700;margin-top:6px}.primary:hover{background:var(--green-700)}.boot{height:100vh;display:grid;place-items:center;color:var(--green-700);font-weight:800}@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:0 16px;padding:10px 18px 0}.topbar-actions{margin-left:auto;min-height:48px}.primary-nav{order:3;width:100%;overflow-x:auto}.nav-item{padding:10px 11px}.subnav{padding:0 18px}.page{padding:20px 20px 34px}}@media(max-width:800px){.page-heading{align-items:start}.account-select select{min-width:150px;max-width:180px}.table-scroll{max-height:calc(100vh - 340px)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.toolbar-right{margin-left:0}}@media(max-width:600px){.topbar{padding-inline:13px}.brand-copy small,.user-email{display:none}.topbar-actions{gap:8px}.primary-nav{gap:0}.nav-item{padding:10px 9px;font-size:11px}.subnav{gap:21px;padding:0 13px}.page{padding:17px 13px 30px}.page-heading{flex-direction:column;align-items:stretch}.account-select select{width:100%;max-width:none}.page h1{white-space:nowrap}.kpi-row{grid-template-columns:1fr}.sku-search{flex:1 1 100%}}