@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--sb:#0f0f0f;--sb-w:240px;--sb-hover:#ffffff0f;--sb-active:#ffffff1a;--sb-text:#ffffff8c;--sb-text-active:#fff;--sb-border:#ffffff12;--sb-accent:#6ad96a;--top:#1a1a1a;--top-h:54px;--top-border:#ffffff12;--page:#f5f4f1;--card:#fff;--card-border:#00000014;--card-r:12px;--t1:#1a1a1a;--t2:#5a5a5a;--t3:#9a9a9a;--green:#1a7f37;--green-bg:#edfaef;--green-border:#b7e8be;--amber:#b45309;--amber-bg:#fef3c7;--amber-border:#fcd34d;--red:#b91c1c;--red-bg:#fee2e2;--blue:#1d4ed8;--blue-bg:#dbeafe;--purple:#7c3aed;--purple-bg:#ede9fe;--s1:0 1px 3px #0000000f, 0 1px 2px #0000000a;--s2:0 4px 16px #00000014, 0 2px 4px #0000000a;--s3:0 20px 60px #00000024, 0 6px 20px #00000014;--font:"Inter", -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:14px}body{font-family:var(--font);background:var(--page);color:var(--t1);-webkit-font-smoothing:antialiased;height:100%}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d0cdc8;border-radius:4px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--card-r);box-shadow:var(--s1)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--t3);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid #0000000f;padding:10px 14px;font-size:11px;font-weight:700}td{color:var(--t2);vertical-align:middle;border-bottom:1px solid #0000000a;padding:13px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#00000004}.td-name{color:var(--t1);font-weight:600}.td-amt-g{color:var(--green);font-weight:700}.badge{white-space:nowrap;border-radius:100px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.bg-partial{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.bg-paid{background:var(--blue-bg);color:var(--blue)}.bg-done{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.bg-pending{background:var(--red-bg);color:var(--red)}.bg-shipped{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.bg-ok{background:var(--green-bg);color:var(--green)}.bg-low{background:var(--amber-bg);color:var(--amber)}.bg-out{background:var(--red-bg);color:var(--red)}.bg-vip{color:#7c3aed;background:#fdf4ff}.btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;line-height:1;transition:all .14s;display:inline-flex}.btn-dark{background:var(--t1);color:#fff;box-shadow:0 1px 4px #0003}.btn-dark:hover{box-shadow:var(--s2);background:#333;transform:translateY(-1px)}.btn-green{color:#fff;background:#16a34a;box-shadow:0 1px 4px #16a34a4d}.btn-green:hover{background:#15803d;transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--t1);box-shadow:var(--s1);border:1px solid #0000001f}.btn-ghost:hover{background:#f9f8f6;border-color:#0000002e}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{border-radius:7px;padding:4px 10px;font-size:11px}.filter-bar{border-bottom:1px solid #0000000f;flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.finput{min-width:180px;height:34px;color:var(--t1);font-size:13px;font-family:var(--font);background:var(--page);border:1px solid #0000001a;border-radius:8px;outline:none;flex:1;padding:0 12px;transition:border-color .15s}.finput:focus{border-color:#00000040}.fsel{height:34px;color:var(--t2);font-size:12px;font-family:var(--font);background:var(--page);cursor:pointer;border:1px solid #0000001a;border-radius:8px;outline:none;padding:0 10px}.card-hd{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.card-title{color:var(--t1);font-size:14px;font-weight:700}.card-sub{color:var(--t3);margin-top:3px;font-size:12px}.card-hd-r{align-items:center;gap:8px;display:flex}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.kpi-row{grid-template-columns:1fr}}.kpi{background:var(--card);border:1px solid var(--card-border);border-radius:var(--card-r);box-shadow:var(--s1);padding:20px 22px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--s2);transform:translateY(-1px)}.kpi-top-bar{height:3px;position:absolute;top:0;left:0;right:0}.kpi-label{color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.kpi-val{color:var(--t1);letter-spacing:-.03em;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1}.kpi-foot{align-items:center;gap:6px;display:flex}.kpi-sub{color:var(--t3);font-size:11px}.kpi-trend{border-radius:100px;padding:3px 8px;font-size:11px;font-weight:700}.tr-up{background:var(--green-bg);color:var(--green)}.tr-down{background:var(--red-bg);color:var(--red)}.tr-flat{color:var(--t3);background:#0000000f}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.g-7-3{grid-template-columns:7fr 3fr;gap:16px;margin-bottom:16px;display:grid}.g-3-7{grid-template-columns:3fr 7fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=1024px){.g2,.g-7-3,.g-3-7{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}}@media (width<=600px){.g3{grid-template-columns:1fr}}.tab-bar{gap:4px;display:flex}.tab-btn{cursor:pointer;color:var(--t3);font-size:12px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:7px;padding:5px 12px;transition:all .13s}.tab-btn:hover{color:var(--t1);background:#0000000d}.tab-btn.on{color:var(--t1);background:#00000012}.sparkline{align-items:flex-end;gap:3px;height:60px;padding:4px 0;display:flex}.spark-bar{cursor:pointer;border-radius:3px 3px 0 0;flex:1;min-width:8px;transition:opacity .2s}.spark-bar:hover{opacity:.75}.bar-chart{padding:16px 18px}.bar-row{align-items:flex-end;gap:6px;height:140px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bar-fill{cursor:pointer;background:linear-gradient(#22c55e,#16a34a);border-radius:4px 4px 0 0;width:100%;transition:opacity .2s}.bar-fill:hover{opacity:.8}.bar-lbl{color:var(--t3);text-align:center;font-size:9px}.activity{padding:8px 0}.act-item{align-items:flex-start;gap:10px;padding:10px 18px;transition:background .13s;display:flex}.act-item:hover{background:#00000005}.act-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.act-body{flex:1}.act-title{color:var(--t1);font-size:12.5px;line-height:1.5}.act-time{color:var(--t3);margin-top:2px;font-size:11px}.prod-item{border-bottom:1px solid #0000000a;align-items:center;gap:10px;padding:10px 18px;display:flex}.prod-item:last-child{border-bottom:none}.prod-rank{color:var(--t3);text-align:center;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.prod-emoji{flex-shrink:0;font-size:20px}.prod-info{flex:1}.prod-name{color:var(--t1);font-size:12.5px;font-weight:600}.prod-cat{color:var(--t3);font-size:11px}.prod-sold{color:var(--green);font-size:12px;font-weight:700}.donut-wrap{flex-wrap:wrap;align-items:center;gap:24px;padding:16px 18px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:110px;height:110px;position:relative}.donut-hole{background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:18px}.donut-center-val{color:var(--t1);font-size:13px;font-weight:800}.donut-center-lbl{color:var(--t3);text-align:center;font-size:9px}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.donut-item{align-items:center;gap:8px;display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-name{color:var(--t2);flex:1;font-size:12px}.donut-pct{color:var(--t1);font-size:12px;font-weight:700}.chan-row{border-bottom:1px solid #0000000a;align-items:center;gap:10px;padding:10px 18px;display:flex}.chan-row:last-child{border-bottom:none}.chan-name{color:var(--t1);flex-shrink:0;width:80px;font-size:12px;font-weight:600}.chan-bar-bg{background:#0000000f;border-radius:4px;flex:1;height:6px;overflow:hidden}.chan-bar-f{border-radius:4px;height:100%;transition:width .4s}.chan-amt{color:var(--t1);text-align:right;flex-shrink:0;width:72px;font-size:12px;font-weight:700}.chan-pct{color:var(--t3);text-align:right;flex-shrink:0;width:32px;font-size:11px}.pending-block{padding:18px 18px 0}.pending-num{color:var(--amber);letter-spacing:-.04em;font-size:36px;font-weight:800;line-height:1}.pending-desc{color:var(--t3);margin-top:6px;font-size:12px;line-height:1.6}.coupon-tag{color:var(--t1);letter-spacing:.03em;background:#0000000f;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:800;display:inline-block}.inv-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--card-r);box-shadow:var(--s1);padding:18px 20px}.inv-card-name{color:var(--t1);font-size:14px;font-weight:700}.inv-card-sub{color:var(--t3);margin-top:2px;margin-bottom:14px;font-size:11px}.inv-stock-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.inv-stock-lbl{color:var(--t2);flex-shrink:0;width:64px;font-size:11px}.inv-stock-bar-bg{background:#0000000f;border-radius:3px;flex:1;height:5px}.inv-stock-bar-f{border-radius:3px;height:100%}.inv-stock-num{text-align:right;flex-shrink:0;width:24px;font-size:11px;font-weight:700}.chart-area{border-bottom:1px solid #0000000f;padding:14px 18px}.chart-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chart-main-val{color:var(--t1);letter-spacing:-.03em;font-size:24px;font-weight:800}.stat-inline{border-top:1px solid #0000000f;display:flex}.stat-inline-item{border-right:1px solid #0000000f;flex:1;padding:12px 18px}.stat-inline-item:last-child{border-right:none}.si-val{color:var(--t1);letter-spacing:-.02em;font-size:15px;font-weight:800}.si-lbl{color:var(--t3);margin-top:3px;font-size:10px}.modal-bg{z-index:900;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-bg.open{opacity:1;pointer-events:all}.modal{background:var(--card);width:520px;max-width:95vw;box-shadow:var(--s3);border-radius:16px;max-height:90vh;padding:24px;transition:transform .2s;overflow-y:auto;transform:translateY(10px)}.modal-bg.open .modal{transform:translateY(0)}.modal-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.modal-ttl{color:var(--t1);font-size:16px;font-weight:800}.modal-x{cursor:pointer;width:30px;height:30px;color:var(--t2);background:0 0;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-sub{color:var(--t3);margin-bottom:18px;font-size:12px}.mrow{gap:12px;margin-bottom:12px;display:flex}.mf{flex-direction:column;flex:1;gap:5px;margin-bottom:12px;display:flex}.mf label{color:var(--t2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.mf input,.mf select{height:36px;color:var(--t1);font-size:13px;font-family:var(--font);border:1px solid #0000001f;border-radius:8px;outline:none;width:100%;padding:0 12px}.mf input:focus{border-color:#0000004d}.modal-foot{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.link-preview{background:var(--page);color:var(--blue);word-break:break-all;border:1px solid #0000001a;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-family:monospace;font-size:12px}.toast{color:#fff;box-shadow:var(--s3);opacity:0;pointer-events:none;z-index:999;background:#1a1a1a;border-radius:10px;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:500;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toast-ck{background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.skeleton{background:linear-gradient(90deg,#e8e6e2 0%,#f0ede9 50%,#e8e6e2 100%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pg-animate{animation:.16s pgIn}.pulse{animation:2s infinite pulse}@media (width<=768px){:root{--sb-w:200px}}