@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0c;--bg2:#131316;--card:#1a1a1f;--card-h:#222228;--surface:#2a2a32;--border:#2e2e36;--border2:#222228;--t1:#f0f0f5;--t2:#b8b8c8;--t3:#7a7a8e;--accent:#f59e0b;--accent-d:rgba(245,158,11,.14);--green:#34d872;--green-d:rgba(52,216,114,.14);--red:#f05252;--red-d:rgba(240,82,82,.14);--blue:#5b9cf6;--orange:#fb923c;--purple:#b49aff;--radius:10px;--rsm:6px;--font:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"JetBrains Mono",monospace;--shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=light]{--bg:#f4f5f7;--bg2:#ffffff;--card:#ffffff;--card-h:#f0f1f4;--surface:#e4e6eb;--border:#d4d6dc;--border2:#e8eaee;--t1:#1a1c24;--t2:#4a4d5a;--t3:#7c7f8e;--accent:#c87a04;--accent-d:rgba(200,122,4,.1);--green:#0f8c3e;--green-d:rgba(15,140,62,.1);--red:#cc2a2a;--red-d:rgba(204,42,42,.1);--blue:#2563eb;--orange:#d45a08;--purple:#6d28d9;--shadow:0 1px 3px rgba(0,0,0,.08)}html{font-size:14px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--t1);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:3px}.b-badge,.b-pager button,.b-stat,.b-tbl-wrap,.badge,.bdg,.chip,.inp,.mc,.pager button,.pg-btn,.sc,.stat-card,.tbl-wrap,.tw,body,header{transition:background .2s,color .2s,border-color .2s}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;overflow:visible}.topbar-inner{max-width:1800px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;overflow:visible}.topbar-brand{font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.topbar-brand span{color:var(--accent)}.topbar-nav{display:flex;align-items:center;gap:2px;overflow:visible;flex:1 1;padding:0 4px}.topbar-nav::-webkit-scrollbar{display:none}.nav-i{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--rsm);font-size:12px;color:var(--t2);cursor:pointer;border:none;background:transparent;font-family:var(--font);white-space:nowrap;transition:all .12s;flex-shrink:0}.nav-i:hover{background:var(--card);color:var(--t1)}.nav-i.on{background:var(--accent-d);color:var(--accent);font-weight:500}.nav-ic{font-size:12px}.nav-badge{font-size:9px;background:var(--surface);padding:1px 6px;border-radius:10px;color:var(--t3);font-weight:500}.nav-i.on .nav-badge{background:rgba(245,158,11,.2);color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.topbar-meta{font-size:10px;color:var(--t3);white-space:nowrap}.theme-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--rsm);padding:4px 8px;cursor:pointer;font-size:13px;color:var(--t2);transition:all .12s;display:flex;align-items:center}.theme-btn:hover{border-color:var(--t3);color:var(--t1)}.nav-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.nav-dropdown{position:relative}.nav-dd-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:180px;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.4)}.nav-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:var(--t2);cursor:pointer;font-size:12px;font-family:var(--font);border-radius:6px;white-space:nowrap}.nav-dd-item:hover{background:var(--surface);color:var(--t1)}.nav-dd-item.on{background:var(--accent-d);color:var(--accent)}.main-body{max-width:1800px;margin:0 auto;padding:16px 16px 40px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.sc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:border-color .12s}.sc-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-weight:500}.sc-val{font-size:20px;font-weight:700;letter-spacing:-.02em}.tw{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.dt{width:100%;border-collapse:collapse}.dt th{background:var(--bg2);padding:8px 10px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--t3);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:5;font-weight:500;font-family:var(--font);white-space:nowrap}.dt th:hover{color:var(--accent)}.dt td{padding:6px 10px;border-bottom:1px solid var(--border2);font-size:12px;white-space:nowrap}.dt tr:hover td{background:var(--card-h)}.dt tr:last-child td{border-bottom:none}.cname{color:var(--accent);cursor:pointer;font-weight:500;font-size:12px}.cname:hover{text-decoration:underline}[data-theme=light] .cname{color:var(--accent)}.bdg{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;white-space:nowrap}.bdg,.chip{display:inline-flex;align-items:center}.chip{padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer;background:var(--card);border:1px solid var(--border);color:var(--t2);transition:all .12s;font-family:var(--font)}.chip:hover{border-color:var(--t3);color:var(--t1)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.inp{background:var(--card);border:1px solid var(--border);border-radius:var(--rsm);padding:7px 12px;color:var(--t1);font-size:13px;outline:none;font-family:var(--font);transition:border-color .12s}.inp::placeholder{color:var(--t3)}.pg{display:flex;gap:6px;align-items:center}.pg-btn{padding:4px 10px;border-radius:var(--rsm);background:var(--card);border:1px solid var(--border);color:var(--t2);cursor:pointer;font-size:12px;font-family:var(--font);transition:all .12s}.pg-btn:hover:not(:disabled){border-color:var(--t3);color:var(--t1)}.pg-btn:disabled{opacity:.3;cursor:default}.pg-info{color:var(--t3);font-size:11px}.mo{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mc{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:660px;padding:24px;box-shadow:0 4px 24px rgba(0,0,0,.2)}.mc-close{padding:5px 10px;border-radius:var(--rsm);background:var(--surface);border:1px solid var(--border);color:var(--t3);cursor:pointer;font-size:14px;transition:all .12s;font-family:var(--font)}.mc-close:hover{color:var(--t1);border-color:var(--t3)}.mg{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ms-title{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.mr{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--border2);font-size:12px}.mr-l{color:var(--t3)}.mr-v{color:var(--t1);text-align:right;max-width:60%}.qs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.qs-item{background:var(--surface);border-radius:var(--rsm);padding:10px;text-align:center}.qs-label{font-size:9px;color:var(--t3);margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em}.qs-val{font-size:15px;font-weight:600;font-family:var(--mono)}@media(max-width:1024px){.stats{gap:6px}.b-stats,.stats,.stats-row{grid-template-columns:repeat(3,1fr)}.b-stat-value,.sc-val,.stat-value{font-size:18px}}@media(max-width:768px){html{font-size:13px}.topbar-inner{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.topbar-nav{order:3;width:100%;padding:4px 0}.topbar-right{order:2}.main-body{padding:12px 8px}.stats{grid-template-columns:repeat(3,1fr);gap:6px}.b-stats,.stats-row{grid-template-columns:repeat(2,1fr)}.mo{padding:12px 6px}.mc{padding:16px;border-radius:12px}.mg{grid-template-columns:1fr}.qs{grid-template-columns:repeat(2,1fr)}.dt td,.dt th{padding:5px 6px;font-size:11px}.b-tbl td,.b-tbl th,.tbl td,.tbl th{padding:6px 8px;font-size:11px}.b-stat-value,.sc-val,.stat-value{font-size:17px}.nav-i{padding:5px 8px;font-size:11px}.b-filter,.filter-bar{gap:6px;margin-bottom:8px}.mobile-subnav{-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-subnav::-webkit-scrollbar{display:none}}@media(max-width:480px){html{font-size:12px}.b-stats,.qs,.stats,.stats-row{grid-template-columns:1fr 1fr}.topbar-meta{display:none}.sc{padding:10px 12px}.b-stat-value,.sc-val,.stat-value{font-size:16px}.b-stat,.stat-card{padding:10px 12px}.b-stat-label,.stat-label{font-size:10px}.b-tbl td,.b-tbl th,.tbl td,.tbl th{padding:5px 6px;font-size:10px}.b-tbl th,.tbl th{font-size:9px}.b-badge,.badge{font-size:9px;padding:1px 5px}.b-pager,.pager{gap:4px}.b-pager button,.pager button{padding:4px 8px;font-size:11px}.b-filter,.filter-bar{gap:4px;margin-bottom:6px}.inp{font-size:12px;padding:6px 10px}.chk{width:13px;height:13px}.mo{padding:6px 4px}.mc{padding:14px 12px;border-radius:10px;max-width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card-h) 50%,var(--card) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:var(--rsm);height:14px}.main-body>div{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(245,158,11,.12)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sc{transition:border-color .12s,transform .12s}.sc:hover{border-color:var(--t3);transform:translateY(-1px)}.dt tr:active td{background:var(--surface)}.stats-row{display:grid;gap:12px;margin-bottom:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .12s,transform .12s}.stat-card:hover{border-color:var(--t3);transform:translateY(-1px)}.stat-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.stat-value{font-size:22px;font-weight:700}.b-stats{display:grid;gap:12px;margin-bottom:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.b-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .12s,transform .12s}.b-stat:hover{border-color:var(--t3);transform:translateY(-1px)}.b-stat.sel{border-color:var(--accent)}.b-stat-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.b-stat-value{font-size:22px;font-weight:700}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:8px 10px;font-weight:500;color:var(--t3);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;position:sticky;top:0;background:var(--card);z-index:1}.tbl th:hover{color:var(--t2)}.tbl td{padding:8px 10px;border-bottom:1px solid var(--border2);white-space:nowrap}.tbl tr:hover td{background:var(--card-h)}.badge{display:inline-flex;padding:2px 8px;border-radius:var(--rsm);font-size:11px;font-weight:500;white-space:nowrap}.badge,.pager{align-items:center}.pager{display:flex;gap:6px;justify-content:center;margin-top:12px}.pager button{padding:5px 12px;border-radius:var(--rsm);border:1px solid var(--border);background:var(--card);color:var(--t2);cursor:pointer;font-size:12px;font-family:var(--font)}.pager button:hover{background:var(--card-h)}.pager button:disabled{opacity:.4;cursor:default}.bt-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--t3)}.bt-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(1turn)}}.bt-empty{text-align:center;padding:60px 20px;color:var(--t3)}.bt-empty-icon{font-size:32px;margin-bottom:8px}.b-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.b-tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.b-tbl{width:100%;border-collapse:collapse;font-size:13px}.b-tbl th{text-align:left;padding:8px 10px;font-weight:500;color:var(--t3);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;position:sticky;top:0;background:var(--card)}.b-tbl th:hover{color:var(--t2)}.b-tbl td{padding:8px 10px;border-bottom:1px solid var(--border2);white-space:nowrap}.b-tbl tr:hover td{background:var(--card-h)}.b-badge{display:inline-flex;padding:2px 8px;border-radius:var(--rsm);font-size:11px;font-weight:500;white-space:nowrap}.b-badge,.b-pager{align-items:center}.b-pager{display:flex;gap:6px;justify-content:center;margin-top:12px}.b-pager button{padding:5px 12px;border-radius:var(--rsm);border:1px solid var(--border);background:var(--card);color:var(--t2);cursor:pointer;font-size:12px;font-family:var(--font)}.b-pager button:hover{background:var(--card-h)}.b-pager button:disabled{opacity:.4;cursor:default}.b-empty{text-align:center;padding:60px 20px;color:var(--t3)}.b-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--t3)}.b-spin{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:10px}.chk{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}@media(max-width:768px){.col-btl,.col-seen,.col-sub,.col-supplier{display:none}.home-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.col-btl,.col-deals,.col-seen,.col-stock,.col-sub,.col-supplier,.col-type{display:none}.home-grid{grid-template-columns:1fr!important}}