@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&family=Exo+2:wght@300;400;700;900&display=swap";:root{--bg: #080c10;--panel: #0d1520;--panel2: #101a28;--border: #1e3a5f;--accent: #00d4ff;--accent2: #ff6b00;--green: #00ff88;--red: #ff3355;--text: #c8dff0;--dim: #4a7a9b;--sidebar-w: 220px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:"Exo 2",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:40px 40px;z-index:0}.splash{display:flex;align-items:center;justify-content:center;height:100vh}.splash-spinner{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3{font-family:"Exo 2",sans-serif;font-weight:900}.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:#00000040}.panel-title{font-family:Share Tech Mono;font-size:11px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:8px}.panel-title:before{content:"◈"}.btn{font-family:Rajdhani;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:9px 20px;border:none;border-radius:3px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent),#008eab);color:#000;box-shadow:0 0 15px #00d4ff33}.btn-primary:hover:not(:disabled){box-shadow:0 0 25px #00d4ff80;transform:translateY(-1px)}.btn-orange{background:linear-gradient(135deg,var(--accent2),#c45000);color:#fff}.btn-orange:hover:not(:disabled){box-shadow:0 0 25px #ff6b0066;transform:translateY(-1px)}.btn-ghost{background:#00d4ff14;color:var(--accent);border:1px solid rgba(0,212,255,.2)}.btn-ghost:hover:not(:disabled){background:#00d4ff26}.btn-danger{background:#ff33551f;color:var(--red);border:1px solid rgba(255,51,85,.25)}.btn-danger:hover:not(:disabled){background:#ff335538}.btn-sm{padding:6px 14px;font-size:11px}.input{width:100%;background:var(--panel2);border:1px solid var(--border);color:var(--text);font-family:Share Tech Mono;font-size:12px;padding:10px 14px;border-radius:3px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--dim)}.input-label{font-family:Share Tech Mono;font-size:10px;color:var(--accent);letter-spacing:2px;display:block;margin-bottom:6px}.dot{width:7px;height:7px;border-radius:50%;background:var(--dim);transition:all .3s;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}.dot.orange{background:var(--accent2);box-shadow:0 0 8px var(--accent2)}.dot.red{background:var(--red);box-shadow:0 0 8px var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chip{font-family:Share Tech Mono;font-size:10px;padding:3px 10px;border-radius:2px;display:inline-block}.chip-blue{background:#00d4ff1a;color:var(--accent);border:1px solid rgba(0,212,255,.2)}.chip-green{background:#00ff8814;color:var(--green);border:1px solid rgba(0,255,136,.2)}.chip-orange{background:#ff6b001a;color:var(--accent2);border:1px solid rgba(255,107,0,.2)}.chip-red{background:#ff33551a;color:var(--red);border:1px solid rgba(255,51,85,.2)}.data-table{width:100%;border-collapse:collapse;font-family:Share Tech Mono;font-size:11px}.data-table th{padding:10px 16px;text-align:left;color:var(--dim);letter-spacing:2px;font-size:10px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 16px;border-bottom:1px solid rgba(30,58,95,.4)}.data-table tr:hover td{background:#00d4ff05}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notif{padding:12px 18px;border-radius:4px;font-family:Share Tech Mono;font-size:12px;background:var(--panel);border:1px solid var(--border);animation:slideUp .3s ease;max-width:340px}.notif.success{border-color:#0f86;color:var(--green)}.notif.error{border-color:#f356;color:var(--red)}.notif.info{border-color:#00d4ff66;color:var(--accent)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.sidebar{transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.mobile-header{display:flex!important}.mobile-overlay{display:block!important}}@media (min-width: 769px){.sidebar{position:relative!important;transform:translate(0)!important}.mobile-header{display:none!important}}@media (max-width: 768px){aside{display:none!important}.mobile-header{display:flex!important}}@media (max-width: 768px){aside{display:none!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:240px!important;z-index:999!important}aside.open{display:flex!important}.mobile-header{display:flex!important}}