@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;700&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;500&display=swap";:root{--bg-color:#f8fafc;--panel-bg:#fff;--border-glow:#4f46e50d;--border-neon:#4f46e5;--accent-blue:#3b82f6;--accent-orange:#f59e0b;--text-primary:#0f172a;--text-secondary:#475569;--card-border:#e2e8f0;--font-hud:"Be Vietnam Pro", sans-serif;--font-body:"Be Vietnam Pro", sans-serif;--font-mono:"Fira Code", monospace;--grid-color:#00000004}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);color:var(--text-primary);font-family:var(--font-body);background-size:30px 30px;height:100vh;margin:0;overflow:hidden}.hud-panel{background:var(--panel-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a,0 0 1px #00000014}.hud-panel:before{content:"";background:linear-gradient(90deg,#4f46e5,#9333ea);width:100%;height:3px;position:absolute;top:0;left:0}.hud-panel:hover{border-color:#4f46e540;transform:translateY(-2px);box-shadow:0 10px 30px #4f46e50f,0 0 1px #0000001a}.hud-panel-title{font-family:var(--font-hud);letter-spacing:1.5px;color:var(--border-neon);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.glow-dot{background-color:var(--border-neon);width:8px;height:8px;box-shadow:0 0 6px var(--border-neon);border-radius:50%;animation:1.5s infinite alternate pulse-glow;display:inline-block}.glow-dot.blue{background-color:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue)}.glow-dot.orange{background-color:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange)}.glow-dot.offline{background-color:#ef4444;animation:none;box-shadow:0 0 6px #ef4444}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}::-webkit-scrollbar-thumb{border:2px solid var(--panel-bg);background:#cbd5e1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes scan-light{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.neon-btn{border:1px solid var(--border-neon);color:var(--border-neon);font-family:var(--font-hud);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 1px 2px #0000000d}.neon-btn:hover{background:var(--border-neon);color:#fff;box-shadow:0 4px 12px #4f46e533}.neon-btn.blue{border-color:var(--accent-blue);color:var(--accent-blue)}.neon-btn.blue:hover{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #3b82f633}.neon-btn.orange{border-color:var(--accent-orange);color:var(--accent-orange)}.neon-btn.orange:hover{background:var(--accent-orange);color:#fff;box-shadow:0 4px 12px #f59e0b33}.gradient-btn{color:#fff;font-family:var(--font-hud);cursor:pointer;background:linear-gradient(135deg,#4f46e5,#9333ea);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #4f46e526}.gradient-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.hud-layout{grid-template-rows:auto 1fr;grid-template-columns:350px 1fr 400px;gap:20px;height:100vh;max-height:100vh;padding:20px;display:grid;overflow:hidden}@media (width<=1200px){.hud-layout{grid-template-rows:auto auto auto;grid-template-columns:1fr;height:auto;overflow-y:auto}}.form-group{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.form-label{color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-hud);letter-spacing:.8px;text-transform:uppercase}.form-input{color:var(--text-primary);font-size:13px;font-family:var(--font-body);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #00000005}textarea.form-input{font-family:var(--font-mono);line-height:1.5}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234f46e5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input:hover{background:#fff;border-color:#cbd5e1}.form-input:focus{border-color:var(--border-neon);background:#fff;box-shadow:0 0 0 3px #4f46e526,inset 0 1px 2px #00000005}input[type=checkbox]{accent-color:var(--border-neon);cursor:pointer;border-radius:4px;width:15px;height:15px}.dark-theme{--bg-color:#0c0f12;--panel-bg:#0d1418d9;--border-glow:#00ff880d;--border-neon:#0f8;--accent-blue:#00a2ff;--accent-orange:#f70;--text-primary:#fff;--text-secondary:#94a3b8;--card-border:#00ff8826;--font-hud:"Orbitron", sans-serif;--grid-color:#00ff8806}.dark-theme .hud-panel{box-shadow:0 4px 20px #00000080,0 0 1px #00ff881a}.dark-theme .hud-panel:before{background:linear-gradient(90deg,#0f8,#00a2ff)}.dark-theme .hud-panel:hover{border-color:#00ff884d;box-shadow:0 10px 30px #00ff8814,0 0 15px #00ff880d}.dark-theme ::-webkit-scrollbar-track{background:var(--bg-color)}.dark-theme ::-webkit-scrollbar-thumb{border:2px solid var(--panel-bg);background:#0f83}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#0f86}.dark-theme .neon-btn:hover{background:var(--border-neon);color:#000;box-shadow:0 0 15px #00ff8873}.dark-theme .neon-btn.blue:hover{background:var(--accent-blue);color:#000;box-shadow:0 0 15px #00a2ff73}.dark-theme .neon-btn.orange:hover{background:var(--accent-orange);color:#000;box-shadow:0 0 15px #ff770073}.dark-theme .gradient-btn{color:#000;background:linear-gradient(135deg,#0f8,#00a2ff);box-shadow:0 2px 4px #0f83}.dark-theme .gradient-btn:hover{opacity:.95;box-shadow:0 4px 15px #0f86}.dark-theme .form-input{color:#fff;background:#0d1418a6;border:1px solid #00ff8826}.dark-theme .form-input:hover{background:#0d1418cc;border-color:#00ff8859}.dark-theme .form-input:focus{border-color:var(--border-neon);background:#0d1418d9;box-shadow:0 0 0 3px #00ff8826}.dark-theme select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300ff88'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}.dark-theme .nav-item.active{color:#000;background:linear-gradient(135deg,#0f8,#00a2ff);box-shadow:0 4px 12px #00ff8859}