*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #090c10;--bg2: #0d1117;--bg3: #161b22;--bg4: #1c2330;--border: #21262d;--border2: #30363d;--text: #e6edf3;--text2: #8b949e;--text3: #484f58;--green: #3fb950;--green-dim: #1a3a20;--green-glow: rgba(63,185,80,.18);--red: #f85149;--red-dim: #3a1a1a;--red-glow: rgba(248,81,73,.18);--yellow: #d29922;--blue: #388bfd;--blue-dim: #1a2840;--accent: #58a6ff;--accent2: #1f6feb;--font-head: "Space Mono", monospace;--font-data: "DM Mono", monospace;--radius: 6px;--radius2: 10px;--transition: .18s ease}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-data);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.dim{color:var(--text2)}.mono{font-family:var(--font-data)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-family:var(--font-head);font-weight:700;letter-spacing:.04em}.badge.green{background:var(--green-dim);color:var(--green);border:1px solid var(--green)}.badge.red{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.badge.yellow{background:#d2992226;color:var(--yellow);border:1px solid var(--yellow)}.badge.blue{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue)}.badge.dim{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;border:1px solid transparent;transition:all var(--transition);text-transform:uppercase;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent2);color:#fff;border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent);box-shadow:0 0 16px #58a6ff4d}.btn.success{background:var(--green-dim);color:var(--green);border-color:var(--green)}.btn.success:hover:not(:disabled){background:var(--green);color:#000;box-shadow:0 0 16px var(--green-glow)}.btn.danger{background:var(--red-dim);color:var(--red);border-color:var(--red)}.btn.danger:hover:not(:disabled){background:var(--red);color:#fff;box-shadow:0 0 16px var(--red-glow)}.btn.ghost{background:transparent;color:var(--text2);border-color:var(--border2)}.btn.ghost:hover:not(:disabled){background:var(--bg3);color:var(--text)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg3)}.card-title{font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);display:flex;align-items:center;gap:8px}.card-body{padding:16px}.input,.select{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font-data);font-size:13px;padding:7px 10px;width:100%;transition:border-color var(--transition);outline:none}.input:focus,.select:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}label{font-size:11px;color:var(--text2);margin-bottom:4px;display:block}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px #58a6ff80}.toggle{position:relative;width:36px;height:20px;cursor:pointer}.toggle input{display:none}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg4);border-radius:10px;border:1px solid var(--border2);transition:all var(--transition)}.toggle input:checked+.toggle-track{background:var(--green-dim);border-color:var(--green)}.toggle-thumb{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--text2);transition:all var(--transition)}.toggle input:checked~.toggle-thumb{transform:translate(16px);background:var(--green)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex-shrink:0}.pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--green);animation:pulse 2s infinite}.pulse.red{background:var(--red)}.pulse.red:after{border-color:var(--red)}.pulse.yellow{background:var(--yellow)}.pulse.yellow:after{border-color:var(--yellow);animation:none}@keyframes pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease forwards}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:8px 12px;font-size:10px;font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text);font-size:12px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg3)}.divider{height:1px;background:var(--border);margin:12px 0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}