@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #080808;--bg-secondary: #0f0f0f;--bg-tertiary: #161616;--bg-card: #111111;--bg-hover: #1a1a1a;--border: #2a2a2a;--border-light: #1e1e1e;--accent: #ffffff;--accent-dim: #c0c0c0;--accent-muted: #707070;--accent-faint: #333333;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #555555;--red: #ff3b3b;--red-dim: #cc2222;--green: #39ff78;--yellow: #ffd700;--blue: #4fc3f7;--orange: #ff9800;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Space Mono", monospace}html{height:100%;overflow-y:scroll}body,#root{min-height:100%;background:var(--bg-primary);color:var(--text-primary)}body{font-family:var(--font-body);font-size:12px;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-faint);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-muted)}.card{background:var(--bg-card);border:1px solid var(--border);padding:16px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff10,transparent)}.card-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:2px 7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;border:1px solid;white-space:nowrap}.badge-red{color:var(--red);border-color:#ff3b3b44;background:#ff3b3b0d}.badge-green{color:var(--green);border-color:#39ff7844;background:#39ff780d}.badge-yellow{color:var(--yellow);border-color:#ffd70044;background:#ffd7000d}.badge-blue{color:var(--blue);border-color:#4fc3f744;background:#4fc3f70d}.badge-white{color:var(--accent-dim);border-color:#fff3;background:#ffffff08}.badge-orange{color:var(--orange);border-color:#ff980044;background:#ff98000d}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent-muted);color:var(--accent)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red-dim)}.btn-sm{padding:5px 12px;font-size:9px}.btn-xs{padding:3px 8px;font-size:8px}.btn:disabled{opacity:.4;cursor:not-allowed}.eye-input{background:var(--bg-secondary);border:1px solid var(--border);padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);outline:none;width:100%}.eye-input:focus{border-color:var(--accent-muted)}.eye-select{background:var(--bg-secondary);border:1px solid var(--border);padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.eye-table{width:100%;border-collapse:collapse}.eye-table th{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-secondary);white-space:nowrap}.eye-table td{padding:9px 12px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}.eye-table tr{cursor:pointer;transition:all .15s}.eye-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rule-block{background:#000;border:1px solid var(--border);padding:12px;font-family:var(--font-mono);font-size:9px;color:#7ec8e3;line-height:1.8;overflow-x:auto;white-space:pre}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:16px 20px;display:flex;flex-direction:column;gap:6px}.stat-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--accent);line-height:1}.stat-sub{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.loading-bar{height:2px;background:var(--bg-tertiary);overflow:hidden;margin:8px 0}.loading-fill{height:100%;width:40%;background:var(--accent);animation:loading 1.5s ease-in-out infinite}.tag{display:inline-flex;align-items:center;padding:2px 6px;font-family:var(--font-mono);font-size:9px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);margin:2px}.spinner{width:10px;height:10px;border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}.eye-table{font-size:8px}.eye-table thead th{padding:6px 8px;font-size:7px}.eye-table tbody td{padding:6px 8px}.stat-value{font-size:24px}.btn{padding:5px 10px;font-size:8px}.btn-sm{padding:3px 8px;font-size:7px}.card{padding:12px}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.stat-value{font-size:20px}}@media (max-width: 900px){.hide-mobile,.hide-mobile-inline{display:none!important}}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 768px){.content-area{padding:12px!important}}