*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060d12;--bg-surface: #0a1520;--bg-card: #0d1a27;--bg-elevated: #112334;--border: rgba(0, 230, 118, .08);--border-bright: rgba(0, 230, 118, .25);--green: #00e676;--cyan: #00b8d4;--amber: #ffc107;--red: #f44336;--red-dim: rgba(244, 67, 54, .12);--amber-dim: rgba(255, 193, 7, .12);--green-dim: rgba(0, 230, 118, .08);--text: #c8dde8;--text-secondary: #6a8fa0;--text-muted: #2d5060;--mono: "Share Tech Mono", "Courier New", monospace;--display: "Bebas Neue", sans-serif;--body: "Barlow", system-ui, sans-serif;--sidebar-w: 220px;--r: 4px}html,body{height:100%;font-family:var(--body);font-size:14px;color:var(--text);background:var(--bg);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,230,118,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.022) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.035) 3px,rgba(0,0,0,.035) 4px);pointer-events:none;z-index:9999}#root{height:100%;position:relative;z-index:1}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-bright);display:flex;flex-direction:column;position:relative;z-index:10}.sidebar:after{content:"";position:absolute;top:10%;right:-1px;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,var(--green),transparent);opacity:.35}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid var(--border)}.logo-text{font-family:var(--display);font-size:30px;letter-spacing:5px;color:var(--green);text-shadow:0 0 24px rgba(0,230,118,.45);line-height:1}.logo-sub{font-family:var(--mono);font-size:9px;color:var(--text-muted);letter-spacing:3px;margin-top:5px;text-transform:uppercase}.sidebar-nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);text-decoration:none;color:var(--text-secondary);font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;transition:all .14s ease;border:1px solid transparent;position:relative}.nav-item:hover{color:var(--text);background:var(--green-dim);border-color:var(--border)}.nav-item.active{color:var(--green);background:var(--green-dim);border-color:var(--border-bright);text-shadow:0 0 10px rgba(0,230,118,.35)}.nav-item.active:before{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--green);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--green)}.nav-icon{width:15px;height:15px;flex-shrink:0;opacity:.8}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border)}.status-row{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 36px;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.main-content::-webkit-scrollbar{width:3px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.page-header{margin-bottom:28px}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px}.page-title{font-family:var(--display);font-size:38px;letter-spacing:4px;color:var(--text);line-height:1}.page-subtitle{font-family:var(--mono);font-size:10px;color:var(--text-muted);letter-spacing:2px;margin-top:6px;text-transform:uppercase}.timestamp{font-family:var(--mono);font-size:9px;color:var(--text-muted);letter-spacing:1px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px;position:relative;transition:border-color .18s ease}.card:hover{border-color:#00e67624}.card-title{font-family:var(--mono);font-size:9px;letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.3}.stat-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.stat-value{font-family:var(--display);font-size:38px;letter-spacing:2px;color:var(--text);line-height:1}.stat-value.green{color:var(--green);text-shadow:0 0 20px rgba(0,230,118,.35)}.stat-value.amber{color:var(--amber);text-shadow:0 0 20px rgba(255,193,7,.35)}.stat-value.cyan{color:var(--cyan);text-shadow:0 0 20px rgba(0,184,212,.35)}.stat-text{font-family:var(--display);font-size:20px;letter-spacing:2px;color:var(--amber);text-shadow:0 0 16px rgba(255,193,7,.35);line-height:1;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.data-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px}.data-table th{text-align:left;padding:7px 12px;color:var(--text-muted);letter-spacing:2px;font-size:9px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid rgba(0,230,118,.035);color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#00e6760a;color:var(--text)}.td-name{color:var(--text)!important;font-family:var(--body)!important;font-size:13px!important;font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-mono{font-family:var(--mono)!important}.td-cyan{color:var(--cyan)!important}.td-bright{color:var(--text)!important;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-family:var(--mono);font-size:9px;letter-spacing:1px;padding:2px 7px;border-radius:2px;background:#00b8d414;color:var(--cyan);border:1px solid rgba(0,184,212,.2);text-transform:uppercase;white-space:nowrap}.tag.red{background:var(--red-dim);color:var(--red);border-color:#f4433638}.tag.amber{background:var(--amber-dim);color:var(--amber);border-color:#ffc10738}.tag.green{background:var(--green-dim);color:var(--green);border-color:var(--border-bright)}.tag.muted{background:transparent;color:var(--text-muted);border-color:var(--border)}.lookup-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.input-wrap{flex:1;min-width:240px;position:relative}.input-prompt{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:14px;color:var(--green);pointer-events:none;opacity:.7}.ioc-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--r);padding:13px 13px 13px 30px;font-family:var(--mono);font-size:13px;color:var(--text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.ioc-input::placeholder{color:var(--text-muted)}.ioc-input:focus{border-color:var(--green);box-shadow:0 0 0 1px #00e6764d,0 0 18px #00e6761a}.type-select{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--r);padding:13px 16px;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--text-secondary);outline:none;cursor:pointer;text-transform:uppercase;transition:border-color .14s ease}.type-select:focus{border-color:var(--green)}.btn-scan{background:transparent;border:1px solid var(--green);border-radius:var(--r);padding:13px 32px;font-family:var(--display);font-size:18px;letter-spacing:4px;color:var(--green);cursor:pointer;transition:background .14s ease,box-shadow .14s ease,transform .1s ease;white-space:nowrap}.btn-scan:hover{background:#00e67614;box-shadow:0 0 20px #00e6762e}.btn-scan:active{transform:scale(.98)}.btn-scan:disabled{opacity:.35;cursor:not-allowed}.gauge-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-top{display:grid;grid-template-columns:148px 1fr;gap:20px;align-items:start}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}.meta-item{display:flex;flex-direction:column;gap:3px}.meta-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.meta-value{font-family:var(--mono);font-size:13px;color:var(--text)}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.source-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.source-name{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--text-secondary);text-transform:uppercase}.btn-raw{background:transparent;border:1px solid var(--border);border-radius:var(--r);padding:6px 14px;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--text-muted);cursor:pointer;text-transform:uppercase;transition:color .14s,border-color .14s}.btn-raw:hover{color:var(--text);border-color:var(--border-bright)}.raw-json{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;font-family:var(--mono);font-size:11px;color:var(--text-secondary);overflow:auto;white-space:pre;margin-top:10px;max-height:320px;line-height:1.6}.section-label{font-family:var(--mono);font-size:9px;letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.loading-dots{display:inline-flex;gap:5px;align-items:center}.loading-dots span{width:4px;height:4px;border-radius:50%;background:var(--green);animation:blink 1.3s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.15}40%{opacity:1}}.error-box{background:var(--red-dim);border:1px solid rgba(244,67,54,.28);border-radius:var(--r);padding:11px 16px;font-family:var(--mono);font-size:11px;color:var(--red);letter-spacing:1px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;gap:14px;color:var(--text-muted)}.empty-text{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .28s ease forwards}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#00e6760d!important}.recharts-text{font-family:var(--mono)!important;fill:var(--text-muted)!important;font-size:10px!important}@media (max-width: 860px){.two-col,.result-top{grid-template-columns:1fr}.meta-grid{grid-template-columns:1fr 1fr}}