:root{--bg-dark:#0f172a;--bg-glass:#1e293b99;--border-glass:#ffffff1a;--neon-blue:#38bdf8;--neon-green:#4ade80;--neon-red:#f87171;--text-main:#f8fafc;--text-muted:#94a3b8}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#38bdf80d,#0000 25%),radial-gradient(circle at 85% 30%,#4ade800d,#0000 25%);min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 4px 30px #0000001a}.custom-input{border:1px solid var(--border-glass);color:var(--text-main);box-sizing:border-box;background:#0f172a80;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.custom-input:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 10px #38bdf833}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.shield-container{justify-content:center;align-items:center;height:200px;display:flex}.shield-icon{filter:drop-shadow(0 0 15px #38bdf880);background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2338bdf8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"></path></svg>") 50% no-repeat;width:120px;height:120px;animation:3s infinite alternate pulse}.shield-icon.scanning{animation:2s linear infinite scan}@keyframes pulse{0%{filter:drop-shadow(0 0 10px #38bdf84d);transform:scale(1)}to{filter:drop-shadow(0 0 25px #38bdf8cc);transform:scale(1.05)}}@keyframes scan{0%{filter:drop-shadow(0 0 15px #4ade8099);stroke:%234ade80;transform:rotateY(0)}to{filter:drop-shadow(0 0 15px #4ade8099);transform:rotateY(360deg)}}.status-indicator{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.status-connected{background-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.status-disconnected{background-color:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.log-table{border-collapse:collapse;text-align:left;width:100%}.log-table th{color:var(--text-muted);border-bottom:1px solid var(--border-glass);padding:12px 8px}.log-table td{border-bottom:1px solid #ffffff0d;padding:12px 8px}.badge-block{color:var(--neon-red);background:#f871711a;border-radius:4px;padding:4px 8px;font-size:.8rem}.badge-safe{color:var(--neon-green);background:#4ade801a;border-radius:4px;padding:4px 8px;font-size:.8rem}