:root{--bg:#0a0a0b;--bg2:#111113;--bg3:#1a1a1e;--bg4:#222228;--line:#2a2a32;--line2:#3a3a45;--text:#e8e8f0;--text2:#9090a8;--text3:#5a5a70;--accent:#4ade80;--accent2:#22d3ee;--warn:#fbbf24;--danger:#f87171;--purple:#a78bfa;--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--sans)}button{cursor:pointer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:2px}.mono{font-family:var(--mono)}.text2{color:var(--text2)}.text3{color:var(--text3)}.accent{color:var(--accent)}.warn{color:var(--warn)}.danger{color:var(--danger)}.cyan{color:var(--accent2)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:var(--mono);padding:2px 7px;border-radius:3px;border:1px solid}.badge-green{color:var(--accent);border-color:#1a4a2a;background:#0d2018}.badge-red{color:var(--danger);border-color:#4a1a1a;background:#200d0d}.badge-yellow{color:var(--warn);border-color:#4a3a0a;background:#201800}.badge-blue{color:var(--accent2);border-color:#0a3a4a;background:#041820}.badge-gray{color:var(--text2);border-color:var(--line2);background:var(--bg3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid var(--line2);background:var(--bg3);color:var(--text);transition:all .15s}.btn:hover{background:var(--bg4)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:#6ee89a;border-color:#6ee89a}.btn-danger{background:transparent;color:var(--danger);border-color:#4a1a1a}.btn-danger:hover{background:#200d0d}.btn-sm{padding:4px 10px;font-size:11px}.btn-icon{padding:6px;width:30px;height:30px;justify-content:center}.input{background:var(--bg3);border:1px solid var(--line2);color:var(--text);border-radius:4px;padding:7px 10px;font-size:13px;width:100%;transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--text3)}textarea.input{resize:vertical;min-height:80px;font-family:var(--mono);font-size:12px}select.input{cursor:pointer}.card{background:var(--bg2);border:1px solid var(--line);border-radius:6px}.stat-card{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:16px 20px}.stat-label{font-size:11px;color:var(--text3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-value{font-size:26px;font-weight:600;font-family:var(--mono);color:var(--text)}.stat-sub{font-size:11px;color:var(--text3);margin-top:4px}table{width:100%;border-collapse:collapse}thead th{font-size:11px;font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);font-weight:400}tbody tr{border-bottom:1px solid var(--line);transition:background .1s}tbody tr:hover{background:var(--bg3)}tbody tr:last-child{border-bottom:none}tbody td{padding:10px 12px;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-green{background:var(--accent);box-shadow:0 0 6px var(--accent)}.dot-red{background:var(--danger)}.dot-yellow{background:var(--warn)}.dot-gray{background:var(--text3)}