:root{--bg: #10131c;--panel: #181c2a;--panel-2: #1f243a;--border: #2d3354;--text: #e8ebff;--muted: #9aa0c7;--accent: #ff5c7a;--accent-2: #5cd0ff;--accent-3: #39d98a;--good: #39d98a;--warn: #ffb454;--bad: #ff5c7a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#5a1f3a 0%,transparent 60%),radial-gradient(900px 500px at 90% 0%,#1a4458 0%,transparent 55%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;min-height:100vh}body{display:flex;flex-direction:column}header{padding:28px 32px 16px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;background:#10131cdb;transition:transform .25s ease;will-change:transform}header.hidden{transform:translateY(-100%)}h1{font-size:22px;margin:0 0 4px;letter-spacing:.3px;background:linear-gradient(90deg,#fff,#ffd4dc);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.toolbar.app-toolbar{margin-top:12px}.tabs{display:flex;gap:4px;background:var(--panel);padding:4px;border-radius:10px;border:1px solid var(--border)}.tab{padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--muted);transition:all .15s ease;-webkit-user-select:none;user-select:none}.tab:hover:not(.disabled){color:var(--text)}.tab.active{background:linear-gradient(135deg,var(--accent),#c93b5b);color:#fff}.tab.disabled{cursor:not-allowed;opacity:.5}.tab.disabled:hover{color:var(--muted)}.source-link{font-size:12px;color:var(--muted);padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px}input[type=search]{flex:1;min-width:200px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 14px;font-size:14px;outline:none;transition:border-color .15s ease}input[type=search]:focus{border-color:var(--accent)}select,button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 14px;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:inherit}button:hover,select:hover{border-color:var(--accent)}button.primary{background:linear-gradient(135deg,var(--accent),#c93b5b);border:none}button.primary:hover{filter:brightness(1.1)}button.info-btn{background:#5cd0ff1a;color:var(--accent-2);border:1px solid rgba(92,208,255,.4);font-weight:600;letter-spacing:.2px;box-shadow:0 0 #5cd0ff00}button.info-btn:hover{background:#5cd0ff2e;border-color:var(--accent-2);color:#d6f1ff;box-shadow:0 0 12px -2px #5cd0ff73}button.info-btn:active{transform:translateY(1px)}button.info-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.info-btn:disabled:hover{background:#5cd0ff1a;border-color:#5cd0ff66;color:var(--accent-2);box-shadow:none}main{padding:24px 32px 64px;flex:1 0 auto}.empty{text-align:center;color:var(--muted);padding:80px 0}footer{flex-shrink:0;text-align:center;color:var(--muted);font-size:12px;padding:24px;border-top:1px solid var(--border)}@media (max-width: 600px){header,main{padding-left:16px;padding-right:16px}}