@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--bg:#07080f;--surface:#0e0f1a;--surface2:#141526;--border:rgba(255,255,255,0.07);--cyan:#00d4ff;--green:#00ff88;--red:#ef4444;--yellow:#f59e0b;--purple:#8b5cf6;--orange:#f97316;--text:#e8e9f0;--text-dim:#6b7280;--sidebar-w:220px;--topbar-h:56px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden;font-size:13px}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,212,255,.04) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.03) 0,transparent 50%);pointer-events:none;z-index:0}.layout{position:relative;z-index:1;overflow:hidden}.layout,.sidebar{display:flex;height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0}.sidebar-logo{padding:20px 16px 14px;border-bottom:1px solid var(--border)}.sidebar-logo .name{font-size:14px;font-weight:700;color:var(--cyan)}.sidebar-logo .sub{margin-top:2px}.sidebar-logo .sub,.sidebar-section{font-size:10px;color:var(--text-dim)}.sidebar-section{padding:14px 12px 4px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.sidebar-item{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;border-radius:6px;margin:1px 6px;text-decoration:none;transition:all .15s}.sidebar-item:hover{background:rgba(0,212,255,.06);color:var(--text)}.sidebar-item.active{background:rgba(0,212,255,.1);color:var(--cyan)}.sidebar-sub-item{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 32px;border-radius:6px;margin:1px 8px;font-size:12px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s}.sidebar-sub-arrow{font-size:10px;color:var(--text-dim);opacity:.6;flex-shrink:0}.sidebar-sub-item:hover{background:rgba(0,212,255,.05);color:var(--text)}.sidebar-sub-item.active{color:var(--cyan);background:rgba(0,212,255,.08)}.sidebar-sub-item.active .sidebar-sub-arrow{color:var(--cyan);opacity:1}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.sidebar-item.active .sidebar-dot{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.badge{margin-left:auto;font-size:10px;font-weight:700;background:rgba(239,68,68,.15);color:var(--red);padding:2px 6px;border-radius:10px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);padding:0 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.topbar-title{font-size:18px;font-weight:800;letter-spacing:-.3px}.topbar-meta{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.content{flex:1;overflow-y:auto;padding:20px 24px}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.card-label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.card-value{font-size:28px;font-weight:800;letter-spacing:-.5px}.card-sub{font-size:12px;color:var(--text-dim);margin-top:4px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3,.grid-4{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse}thead th{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap}tbody td,thead th{padding:11px 14px;border-bottom:1px solid var(--border)}tbody td{font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(255,255,255,.02)}.growth{font-size:12px;font-weight:800;padding:3px 8px;border-radius:5px;white-space:nowrap;letter-spacing:.02em}.growth-up{color:var(--green);background:rgba(0,255,136,.12);border:1px solid rgba(0,255,136,.2)}.growth-down{color:var(--red);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.growth-flat{color:var(--text-dim);background:rgba(255,255,255,.05);border:1px solid var(--border)}.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.tag-1{background:rgba(0,212,255,.1);color:var(--cyan)}.tag-2{background:rgba(0,255,136,.1);color:var(--green)}.tag-3{background:rgba(245,158,11,.08);color:var(--yellow)}.tag-4{background:rgba(255,255,255,.06);color:var(--text-dim)}.btn{padding:7px 16px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:Space Grotesk,sans-serif;border:none;transition:all .15s}.btn-primary{background:var(--cyan);color:#000}.btn-primary:hover{opacity:.85}.btn-ghost{background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:rgba(255,255,255,.15)}.input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--text);font-family:Space Grotesk,sans-serif;outline:none;transition:border-color .15s}.input:focus{border-color:rgba(0,212,255,.4)}.input::placeholder{color:var(--text-dim)}.select{border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600;color:var(--text-dim);font-family:Space Grotesk,sans-serif;cursor:pointer;outline:none}.select,.time-range{background:var(--surface2)}.time-range{display:flex;gap:3px;border:1px solid var(--border);border-radius:8px;padding:3px}.tr-btn{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-dim);background:transparent;border:none;font-family:Space Grotesk,sans-serif;transition:all .15s}.tr-btn:hover{color:var(--text)}.tr-btn.active{background:var(--surface);color:var(--cyan);box-shadow:0 1px 3px rgba(0,0,0,.3)}.plus-btn{width:22px;height:22px;border-radius:50%;background:rgba(0,212,255,.08);color:var(--cyan);border:1px solid rgba(0,212,255,.25);display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;transition:all .15s}.plus-btn:hover{background:rgba(0,212,255,.18)}.plus-btn.added{background:rgba(0,255,136,.1);color:var(--green);border-color:rgba(0,255,136,.3);font-size:11px}.avatar{width:30px;height:30px;border-radius:50%;background:rgba(0,212,255,.12);color:var(--cyan);justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.alerts-ribbon,.avatar{display:flex;align-items:center}.alerts-ribbon{background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.15);border-radius:8px;padding:10px 14px;margin-bottom:16px;gap:8px;flex-wrap:wrap}.alert-chip{font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;cursor:pointer;transition:opacity .15s}.alert-chip:hover{opacity:.8}.alert-chip-cat{background:rgba(0,212,255,.12);color:var(--cyan);border:1px solid rgba(0,212,255,.25)}.alert-chip-seller{background:rgba(0,255,136,.1);color:var(--green);border:1px solid rgba(0,255,136,.25)}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:start}.heat-tile{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 12px;cursor:pointer;transition:all .2s;text-decoration:none;display:block;position:relative;overflow:hidden}.heat-tile:before{content:"";position:absolute;inset:0;border-radius:10px;opacity:0;transition:opacity .2s}.heat-tile:hover{transform:translateY(-3px)}.heat-tile:hover:before{opacity:1}.heat-tile .ht-name{font-size:16px;font-weight:800;margin-bottom:8px;line-height:1.25;color:#fff;letter-spacing:-.01em}.heat-tile .ht-metric-val{font-size:18px;font-weight:800;line-height:1}.heat-tile .ht-stats{display:flex;flex-direction:column;gap:5px;margin-top:10px}.heat-tile .ht-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}.heat-tile .ht-stat-label{color:rgba(255,255,255,.55);font-weight:500}.heat-tile .ht-stat-val{font-weight:700;color:#fff}.heat-t1{border-color:rgba(0,255,136,.5);background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,255,136,.03));box-shadow:0 0 18px rgba(0,255,136,.12),inset 0 1px 0 rgba(0,255,136,.2)}.heat-t1:hover{box-shadow:0 4px 28px rgba(0,255,136,.28),inset 0 1px 0 rgba(0,255,136,.3)}.heat-t1:before{background:radial-gradient(circle at 50% 0,rgba(0,255,136,.1),transparent 70%)}.heat-t1 .ht-metric-val{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.7)}.heat-t2{border-color:rgba(255,214,0,.45);background:linear-gradient(135deg,rgba(255,214,0,.09),rgba(255,214,0,.02));box-shadow:0 0 16px rgba(255,214,0,.1),inset 0 1px 0 rgba(255,214,0,.2)}.heat-t2:hover{box-shadow:0 4px 24px rgba(255,214,0,.25),inset 0 1px 0 rgba(255,214,0,.3)}.heat-t2:before{background:radial-gradient(circle at 50% 0,rgba(255,214,0,.09),transparent 70%)}.heat-t2 .ht-metric-val{color:#ffd600;text-shadow:0 0 18px rgba(255,214,0,.7)}.heat-t3{border-color:rgba(139,92,246,.45);background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(139,92,246,.02));box-shadow:0 0 14px rgba(139,92,246,.08),inset 0 1px 0 rgba(139,92,246,.18)}.heat-t3:hover{box-shadow:0 4px 20px rgba(139,92,246,.22),inset 0 1px 0 rgba(139,92,246,.28)}.heat-t3:before{background:radial-gradient(circle at 50% 0,rgba(139,92,246,.08),transparent 70%)}.heat-t3 .ht-metric-val{color:var(--purple);text-shadow:0 0 16px rgba(139,92,246,.55)}.heat-t4{border-color:rgba(239,68,68,.4);background:linear-gradient(135deg,rgba(239,68,68,.07),rgba(239,68,68,.02));box-shadow:0 0 12px rgba(239,68,68,.07),inset 0 1px 0 rgba(239,68,68,.15)}.heat-t4:hover{box-shadow:0 4px 18px rgba(239,68,68,.18),inset 0 1px 0 rgba(239,68,68,.22)}.heat-t4:before{background:radial-gradient(circle at 50% 0,rgba(239,68,68,.06),transparent 70%)}.heat-t4 .ht-metric-val{color:var(--red);text-shadow:0 0 14px rgba(239,68,68,.5)}.tier-opportunity{border-color:rgba(0,255,136,.5)!important;box-shadow:0 2px 20px rgba(0,255,136,.18),inset 0 1px 0 rgba(0,255,136,.2)!important}.tier-chance{border-color:rgba(251,191,36,.5)!important;box-shadow:0 2px 20px rgba(251,191,36,.15),inset 0 1px 0 rgba(251,191,36,.2)!important}.tier-risky{border-color:rgba(239,68,68,.5)!important;box-shadow:0 2px 20px rgba(239,68,68,.15),inset 0 1px 0 rgba(239,68,68,.2)!important}.tier-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-bottom:6px}.tier-badge-opportunity{background:rgba(0,255,136,.15);color:#00ff88}.tier-badge-chance{background:rgba(251,191,36,.15);color:#fbbf24}.tier-badge-risky{background:rgba(239,68,68,.15);color:#ef4444}.cat-badge{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.5;margin-bottom:4px}.heat-inactive{border-color:rgba(160,165,190,.25);background:linear-gradient(135deg,rgba(160,165,190,.07),rgba(160,165,190,.02));box-shadow:0 0 12px rgba(160,165,190,.06),inset 0 1px 0 rgba(160,165,190,.12)}.heat-inactive:hover{box-shadow:0 4px 18px rgba(180,185,210,.14),inset 0 1px 0 rgba(180,185,210,.16)}.heat-inactive:before{background:radial-gradient(circle at 50% 0,rgba(160,165,190,.06),transparent 70%)}.heat-inactive .ht-metric-val{color:rgba(190,195,220,.65);text-shadow:0 0 12px rgba(180,185,210,.25)}.wl-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:10px;display:flex;gap:14px;align-items:flex-start}.wl-stats{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap}.wl-stat-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.wl-stat-val{font-size:15px;font-weight:700;margin-top:2px}.alert-item{background:var(--surface);border-left:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:10px;border:1px solid var(--border);border-left-width:3px}.alert-item.cat-alert{border-left-color:var(--cyan)}.alert-item.seller-alert{border-left-color:var(--green)}.alert-item.acked{opacity:.5}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:15px;font-weight:800;letter-spacing:-.2px}.loading{height:200px;font-size:13px}.empty,.loading{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.empty{height:120px;font-size:12px}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;display:flex;justify-content:flex-end}.drawer{width:480px;background:var(--surface);border-left:1px solid var(--border);height:100vh;overflow-y:auto;padding:24px}.drawer-title{font-size:18px;font-weight:700;margin-bottom:4px}.drawer-sub{font-size:11px;color:var(--text-dim)}