*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#000}button,input,textarea{font:inherit}button{cursor:pointer}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#0a0a0a;--panel-raised:#111;--red:red;--red-hot:#ff3b3b;--red-dark:#6e0000;--red-faint:#ff00001f;--text:#f4f4f4;--muted:#777;--line:#ff000073;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif}body{color:var(--text);font-family:var(--mono);background-color:#000;background-image:radial-gradient(circle at 50% -20%,#64000059,#0000 42%),linear-gradient(90deg,#ff000006 1px,#0000 1px),linear-gradient(#ff000006 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto,48px 48px,48px 48px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.eyebrow{color:var(--red);font:700 10px/1 var(--mono);letter-spacing:.22em}.neon-frame{border:1px solid var(--line);position:relative;box-shadow:inset 0 0 0 1px #ff00000a,0 0 24px #ff000014,0 0 3px #f006}.neon-frame:before,.neon-frame:after{content:"";border-color:var(--red);pointer-events:none;width:16px;height:16px;position:absolute}.neon-frame:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.neon-frame:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.neon-input,.code-input{width:100%;color:var(--text);background:#000000b8;border:1px solid #ff00004d;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.neon-input{min-height:46px;padding:0 14px;font-size:12px}.neon-input:focus,.code-input:focus{border-color:var(--red);background:#050000;box-shadow:0 0 16px #ff000029,inset 0 0 12px #ff00000f}.neon-input::placeholder,.code-input::placeholder{color:#494949}.neon-button{border:1px solid var(--red);color:#fff;min-height:46px;font:700 11px var(--mono);letter-spacing:.14em;background:linear-gradient(90deg,#ff000030,#ff000008);justify-content:space-between;align-items:center;gap:18px;padding:0 14px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.neon-button:hover:not(:disabled){background:var(--red);color:#000;transform:translateY(-2px);box-shadow:0 0 24px #ff000073}.neon-button:disabled{cursor:not-allowed;opacity:.4}.button-mark{font-size:18px;line-height:0}.status-dot{background:#4b0000;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 #0000}.status-dot--active{background:var(--red);box-shadow:0 0 9px var(--red);animation:1.5s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{opacity:.65}50%{opacity:1}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,19%,22%,63%,64%,65%,70%,to{opacity:1}20%,21%,62%{opacity:.55}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.scanlines{z-index:10;pointer-events:none;opacity:.11;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#ff00001f 4px);position:fixed;inset:0}.scanlines:after{content:"";background:linear-gradient(#0000,#ff000014,#0000);height:20vh;animation:10s linear infinite scan;position:absolute;left:0;right:0}.auth-card,.app-shell{animation:.55s both reveal}.auth-screen--failed .auth-card{animation:.28s both shake}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-grid{opacity:.34;background-image:linear-gradient(#ff000014 1px,#0000 1px),linear-gradient(90deg,#ff000014 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.auth-card{background:#040000eb;width:min(100%,490px);padding:38px}.glitch-title{color:#fff;font:68px/.85 var(--display);letter-spacing:-.02em;text-shadow:4px 0 #ff0000bf,-2px 0 #fff3;margin:16px 0 5px;animation:5s infinite flicker;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.glitch-title:before{color:var(--red);clip-path:inset(28% 0 54%);opacity:.65;transform:translate(2px,1px)}.glitch-title:after{color:#fff;clip-path:inset(68% 0 12%);opacity:.45;transform:translate(-2px,-1px)}.auth-copy{color:var(--muted);margin:0 0 34px;font-size:11px}.auth-form{gap:10px;display:grid}.auth-form label,.field-group label,.field-label-row{color:#aaa;letter-spacing:.13em;font-size:10px}.auth-form .neon-button{margin-top:12px}.status-line{min-height:40px;color:var(--red-hot);letter-spacing:.08em;border-top:1px solid #ff00002e;align-items:center;gap:9px;margin-top:20px;padding-top:15px;font-size:9px;display:flex}.auth-footer{color:#444;letter-spacing:.1em;margin-top:28px;font-size:8px}.auth-attribution{color:#3f1616;letter-spacing:.03em;margin-top:11px;font-size:8px;line-height:1.45}.app-shell{min-height:100vh;padding:28px clamp(18px,4vw,64px) 20px}.topbar{border-bottom:1px solid #ff000047;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:24px;display:flex}.brand-title{font:44px/.85 var(--display);letter-spacing:.04em;margin:8px 0 0}.brand-title span{color:var(--red)}.topbar-actions{align-items:center;gap:18px;display:flex}.live-badge{color:#aaa;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;display:flex}.ghost-button,.refresh-button{color:var(--red);font:700 10px var(--mono);letter-spacing:.1em;background:0 0;border:0}.ghost-button:hover,.refresh-button:hover{color:#fff;text-shadow:0 0 10px var(--red)}.dashboard-grid{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:20px;max-width:1480px;margin:24px auto;display:grid}.panel{background:#070707eb;min-height:560px;padding:24px}.panel-heading{border-bottom:1px solid #ff00002e;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.panel-heading>div{align-items:center;gap:12px;display:flex}.panel-heading h2{font:21px/.9 var(--display);letter-spacing:.08em;margin:0}.panel-index{color:var(--red);letter-spacing:.1em;font-size:10px}.panel-tag{color:var(--red);letter-spacing:.12em;border:1px solid #ff000059;padding:4px 7px;font-size:8px}.field-group{gap:9px;margin-top:22px;display:grid}.field-group--grow{min-height:300px}.field-label-row{justify-content:space-between;display:flex}.field-label-row span{color:#555}.code-input{resize:vertical;color:#e9e9e9;min-height:280px;font:12px/1.65 var(--mono);padding:14px}.neon-button--wide{width:100%;margin-top:20px}.refresh-button{font-size:23px;line-height:.6}.empty-state{color:#555;letter-spacing:.08em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:410px;font-size:10px;display:flex}.empty-state strong{color:#aaa;font-size:15px}.config-list{min-height:410px}.config-row{border-bottom:1px solid #ff000024;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:15px;padding:17px 0;display:grid}.config-main{align-items:center;gap:12px;min-width:0;display:flex}.config-main strong,.config-main code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.config-main strong{color:#fff;font-size:12px}.config-main code{color:#666;margin-top:5px;font-size:9px}.config-signal{color:var(--red);font-size:9px}.config-meta{color:#666;text-align:right;white-space:nowrap;gap:5px;font-size:9px;display:grid}.config-actions{gap:9px;display:flex}.config-actions button{color:var(--red);font:9px var(--mono);background:0 0;border:1px solid #ff00006b;padding:7px 9px}.config-actions button:hover{color:#000;background:var(--red)}.config-actions .danger-button{color:#744;border-color:#422}.config-actions .danger-button:hover{color:#fff;background:#610000}.panel-footer,.app-footer{color:#555;letter-spacing:.08em;justify-content:space-between;gap:14px;font-size:8px;display:flex}.panel-footer{border-top:1px solid #ff00002e;padding-top:15px}.app-footer{border-top:1px solid #ff000047;max-width:1480px;margin:0 auto;padding-top:16px}.footer-error{color:var(--red);text-align:center}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.code-modal{background:#050505;width:min(100%,1000px);max-height:min(80vh,760px);padding:20px;animation:.25s both reveal}.modal-heading{border-bottom:1px solid #f003;justify-content:space-between;align-items:center;gap:15px;padding-bottom:15px;display:flex}.modal-heading>div{align-items:center;gap:15px;display:flex}.modal-heading code{color:#888;font-size:10px}.raw-code{color:#e8e8e8;min-height:400px;max-height:65vh;font:12px/1.7 var(--mono);white-space:pre-wrap;word-break:break-word;background:#000;margin:18px 0 0;padding:18px;overflow:auto}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.panel{min-height:auto}.config-list,.empty-state,.field-group--grow{min-height:260px}}@media (max-width:620px){.auth-card{padding:25px 20px}.glitch-title{font-size:50px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.brand-title{font-size:36px}.app-shell{padding:20px 14px}.panel{padding:18px 15px}.config-row{grid-template-columns:1fr;gap:10px}.config-meta{text-align:left;justify-content:space-between;display:flex}.config-actions{justify-content:flex-end}.app-footer{flex-direction:column}}
