:root{color-scheme:light;--bg:#f4f6f9;--panel:#fff;--panel-soft:#f8fafc;--border:#e5e9f0;--text:#152033;--muted:#667085;--muted-light:#98a2b3;--blue:#246bfd;--blue-dark:#1755d1;--blue-soft:#edf4ff;--green:#0f9f6e;--green-soft:#eafaf4;--red:#d92d20;--red-soft:#fff0ee;--amber:#d97706;--amber-soft:#fff7e8;--violet:#7a5af8;--shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.035)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}b,strong{font-weight:700}.shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh;width:100%}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--border);padding:22px 14px 16px;display:flex;flex-direction:column;gap:18px;z-index:10}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3478ff,#1855d6);font-size:15px;font-weight:800;letter-spacing:-.5px;box-shadow:0 7px 18px rgba(36,107,253,.23)}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.2px}.brand-subtitle{font-size:10px;color:var(--muted-light);margin-top:2px;letter-spacing:.5px}.brand{font-size:18px;font-weight:800;letter-spacing:-.2px;padding:8px}.brand b{color:var(--blue)}.context{font-size:11px;color:var(--muted);padding:0 8px 8px}.org-switch{width:100%;border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;padding:9px;display:grid;grid-template-columns:31px 1fr auto;grid-gap:9px;gap:9px;align-items:center;text-align:left;color:var(--text)}.org-avatar{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#e8efff;color:var(--blue-dark);font-size:12px;font-weight:800}.org-switch b{display:block;font-size:12px}.org-switch small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.chevron{color:var(--muted-light);font-size:16px;padding-right:2px}.nav{display:grid;grid-gap:14px;gap:14px}.nav-group{display:grid;grid-gap:3px;gap:3px}.nav-caption{padding:0 11px 5px;color:#a3aab8;font-size:10px;font-weight:700;letter-spacing:1.2px}.nav a{position:relative;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:#475467;font-size:13px;font-weight:600;transition:.16s ease;white-space:nowrap}.nav a:hover{background:#f6f8fb;color:var(--text)}.nav a.active{background:var(--blue-soft);color:var(--blue-dark)}.nav-dot{width:6px;height:6px;border:1.5px solid #aeb6c5;border-radius:2px;transform:rotate(45deg)}.nav a.active .nav-dot{background:var(--blue);border-color:var(--blue)}.sidebar-status{margin-top:auto;border-top:1px solid var(--border);padding:15px 8px 0;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#1fbd83;box-shadow:0 0 0 4px #e8f8f2}.sidebar-status b{display:block;font-size:11px}.sidebar-status small{display:block;font-size:10px;color:var(--muted-light);margin-top:2px}.main{min-width:0;width:100%}.topbar{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 22px;position:-webkit-sticky;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-heading{min-width:174px}.page-heading b{display:block;font-size:15px}.page-heading span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.search{flex:1 1;max-width:480px;height:38px;border:1px solid #dfe4ec;border-radius:10px;background:#f8fafc;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--muted-light);min-width:180px}.search:focus-within{border-color:#94b6ff;background:#fff;box-shadow:0 0 0 3px rgba(36,107,253,.08)}.search input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search input::placeholder{color:#98a2b3}.search kbd{font-family:inherit;font-size:10px;color:#98a2b3;background:#fff;border:1px solid var(--border);border-radius:5px;padding:2px 5px;white-space:nowrap}.actions{margin-left:auto;display:flex;gap:8px;flex:none}.actions,.btn{align-items:center}.btn{height:38px;border:1px solid #dfe4ec;background:#fff;color:#344054;border-radius:9px;padding:0 13px;display:inline-flex;justify-content:center;gap:3px;font-weight:650;font-size:12px;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.03)}.btn:hover{background:#f8fafc}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 13px rgba(36,107,253,.2)}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.content{padding:20px 22px 30px;display:grid;grid-gap:14px;gap:14px;width:100%;max-width:1720px;margin:0 auto}.dashboard-content{align-content:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.demo-notice{min-height:48px;display:flex;align-items:center;gap:11px;border:1px solid #f4d79c;background:#fffbf2;color:#7a4b09;border-radius:11px;padding:9px 12px}.notice-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#fff0ca;color:#a45f06;font-size:12px;font-weight:800;flex:none}.demo-notice div{min-width:0;display:flex;align-items:baseline;gap:9px;flex:1 1}.demo-notice strong{font-size:12px;white-space:nowrap}.demo-notice div span{font-size:11px;color:#9a681d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-tag{border:1px solid #efd08f;border-radius:999px;background:#fff;padding:4px 8px;font-size:10px;font-weight:700;white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi-card{position:relative;overflow:hidden;min-height:119px;padding:16px 17px}.kpi-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-32px;bottom:-38px;background:currentColor;opacity:.045}.kpi-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:650}.kpi-orb{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 10%,transparent)}.kpi-card.blue{color:var(--blue)}.kpi-card.violet{color:var(--violet)}.kpi-card.amber{color:var(--amber)}.kpi-card.green{color:var(--green)}.kpi-value{color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.7px;margin-top:11px;line-height:1}.kpi-sub{font-size:10px;color:var(--muted);margin-top:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.78fr);grid-gap:12px;gap:12px}.integrity-card,.queue-card{min-height:180px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{font-size:14px;margin:0;letter-spacing:-.1px}.section-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.link{font-size:10px;color:var(--blue);font-weight:700;white-space:nowrap;padding-top:2px}.link span{padding-left:3px}.todo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #edf0f4;border-radius:10px;overflow:hidden}.todo{position:relative;padding:13px 14px;min-height:100px;border-right:1px solid #edf0f4;background:#fff}.todo:last-child{border-right:0}.todo>span{display:block;font-size:10px;color:var(--muted);font-weight:650}.todo strong{display:block;font-size:23px;margin-top:10px;line-height:1}.todo small{display:block;font-size:10px;color:#475467;margin-top:8px}.todo.urgent:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--red)}.todo.urgent strong{color:var(--red)}.integrity-card{background:linear-gradient(145deg,#17243b,#1b3154);border-color:#243b60;color:#fff;box-shadow:0 10px 30px rgba(17,38,72,.14)}.integrity-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:13px}.integrity-head span{display:block;color:#a9bad2;font-size:10px}.integrity-head strong{display:block;font-size:16px;margin-top:4px}.health-ring{width:38px;height:38px;border:1px solid rgba(106,231,184,.3);background:rgba(43,190,135,.15);color:#6ee7b7!important;border-radius:50%;display:grid!important;place-items:center;font-size:16px!important;font-weight:800}.integrity-list{display:grid;grid-gap:9px;gap:9px;margin-top:13px}.integrity-list div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.integrity-list span{color:#a9bad2}.integrity-list b{font-size:10px;color:#e7edf6}.integrity-list .success{color:#6ee7b7}.data-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);grid-gap:12px;gap:12px;align-items:stretch}.data-card{min-width:0;min-height:294px}.receivable-card{grid-column:1/-1;min-height:auto}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table td,.table th{padding:11px 8px;text-align:left;border-bottom:1px solid #edf0f4;white-space:nowrap}.table th{color:var(--muted-light);font-weight:650;font-size:9px;text-transform:uppercase;letter-spacing:.4px}.table tbody tr:last-child td{border-bottom:0}.table td:last-child,.table th:last-child{text-align:right}.product-cell{display:flex;align-items:center;gap:10px}.product-cell>div{display:grid;grid-gap:3px;gap:3px}.product-cell b{font-size:11px}.product-cell small{font-size:9px;color:var(--muted)}.product-thumb{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;flex:none}.product-thumb.blue{background:linear-gradient(145deg,#357bff,#1a55c9)}.product-thumb.dark{background:linear-gradient(145deg,#475467,#1d2939)}.product-thumb.violet{background:linear-gradient(145deg,#8b72ff,#6647e8)}.warehouse-list{display:grid}.warehouse-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid #edf0f4}.warehouse-list>div>span{display:flex;align-items:center;gap:9px}.warehouse-list>div>span:last-child{display:grid;grid-gap:3px;gap:3px;text-align:right}.warehouse-list b{font-size:11px}.warehouse-list small{font-size:9px;color:var(--muted)}.warehouse-icon{font-style:normal;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef3fa;color:#51637d;font-size:9px;font-weight:800}.stock-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 12px;border-radius:9px;background:#f7f9fc;font-size:10px;color:var(--muted)}.stock-total div{display:grid;text-align:right;grid-gap:3px;gap:3px}.stock-total b{color:var(--text);font-size:13px}.stock-total small{font-size:9px}.receivable-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #edf0f4;border-radius:10px;overflow:hidden}.receivable-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:12px 13px;border-right:1px solid #edf0f4}.receivable-list>div:last-child{border-right:0}.customer-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef3fa;color:#52647f;font-size:10px;font-weight:800}.receivable-list>div>span:nth-child(2){display:grid;grid-gap:3px;gap:3px}.receivable-list b{font-size:11px}.receivable-list small{font-size:9px;color:var(--muted)}.receivable-list em{font-style:normal;font-size:9px;color:var(--red);background:var(--red-soft);border-radius:999px;padding:4px 7px;white-space:nowrap}.receivable-list em.warn{color:var(--amber);background:var(--amber-soft)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:11px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:#fff;color:var(--text)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar.left-priority .btn:first-child{background:var(--blue);color:#fff;border-color:var(--blue)}.scan-panel{border:1px solid #bfdbfe;background:#f8fbff;border-radius:10px;padding:12px;display:grid;grid-gap:10px;gap:10px}.scan-stats{display:flex;gap:16px;font-size:12px}.scan-input{width:100%;border:2px solid #93c5fd;border-radius:9px;padding:12px 13px;font-size:15px}.error-box{border:1px solid #fecaca;background:#fff7f7;color:#991b1b;border-radius:8px;padding:10px}.muted{color:var(--muted)}.row-actions{display:flex;gap:6px}.footer-bar{display:flex;justify-content:flex-end;gap:8px;position:-webkit-sticky;position:sticky;bottom:0;background:rgba(244,246,249,.96);padding:12px 0 0}.grid{display:grid;grid-gap:14px;gap:14px;padding:24px;max-width:1200px;margin:0 auto}@media(min-width:1600px){.shell{grid-template-columns:216px minmax(0,1fr)}.content{padding-left:28px;padding-right:28px}.data-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr) minmax(320px,.82fr)}.receivable-card{grid-column:auto;min-height:294px}.receivable-list{grid-template-columns:1fr}.receivable-list>div{border-right:0;border-bottom:1px solid #edf0f4}.receivable-list>div:last-child{border-bottom:0}}@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.page-heading{display:none}.topbar{gap:10px;padding:0 16px}.content{padding:16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.integrity-card,.queue-card{min-height:auto}.integrity-list{grid-template-columns:repeat(3,1fr)}.data-grid{grid-template-columns:1fr}.receivable-card{grid-column:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 12px}.search{max-width:none}.actions .btn:first-child{display:none}.content{padding:12px}.demo-notice div{display:grid;grid-gap:2px;gap:2px}.demo-notice div span{white-space:normal}.notice-tag{display:none}.todo-grid{grid-template-columns:repeat(2,1fr)}.todo:nth-child(2){border-right:0}.todo:nth-child(-n+2){border-bottom:1px solid #edf0f4}.integrity-list,.receivable-list{grid-template-columns:1fr}.receivable-list>div{border-right:0;border-bottom:1px solid #edf0f4}.receivable-list>div:last-child{border-bottom:0}}@media(max-width:560px){.topbar{height:60px}.search kbd{display:none}.actions .btn.primary{width:38px;padding:0;font-size:0}.actions .btn.primary span{font-size:18px}.content{padding:10px;gap:10px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{min-height:106px;padding:13px}.kpi-value{font-size:19px}.data-grid,.overview-grid{gap:10px}.todo{padding:11px;min-height:92px}.form-grid{grid-template-columns:1fr}.scan-stats{flex-wrap:wrap}.card{border-radius:11px;padding:13px}}