:root{--bg: #060a06;--bg-panel: #0a0f0a;--bg-input: #0c130c;--green: #33ff66;--green-dim: #1f7a3d;--green-mid: #2bd158;--amber: #ffb300;--red: #ff4d4d;--text: #b8f5c8;--text-dim: #5a8f68;--border: #1c331f;--border-bright: #295c33;--glow: 0 0 4px rgba(51, 255, 102, .35);--mono: "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace;--radius: 2px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:none;text-rendering:geometricPrecision}.crt-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000002e 3px);mix-blend-mode:multiply}@media (prefers-reduced-motion: no-preference){.crt-overlay{animation:flicker 6s infinite steps(60)}}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.92}98%{opacity:.97}}a{color:var(--green-mid);text-decoration:none}a:hover{text-decoration:underline;text-shadow:var(--glow)}h1,h2,h3{font-weight:600;letter-spacing:1px;color:var(--green);text-shadow:var(--glow);margin:0 0 .5rem}h1{font-size:1.1rem}h2{font-size:.95rem}.muted{color:var(--text-dim)}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--bg-panel);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.brand{color:var(--green);margin-bottom:1rem}.brand svg{width:100%;height:auto;max-width:200px;filter:drop-shadow(var(--glow))}.nav-link{display:block;padding:.4rem .6rem;color:var(--text-dim);border:1px solid transparent;border-radius:var(--radius)}.nav-link:hover{color:var(--green);text-decoration:none;border-color:var(--border)}.nav-link.active{color:var(--green);border-color:var(--border-bright);background:#33ff660f}.nav-prompt:before{content:"> ";color:var(--green-dim)}.nav-spacer{flex:1 1 auto}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem}.sidebar-user{font-size:.78rem;padding:.2rem .6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer button{width:100%}.content{padding:1.5rem;max-width:1280px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;overflow-x:auto}.panel-title{color:var(--green);border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.75rem;letter-spacing:1px}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{border:1px solid var(--border);padding:.75rem;border-radius:var(--radius)}.stat .value{font-size:1.6rem;color:var(--green);text-shadow:var(--glow)}.stat .label{color:var(--text-dim);font-size:.8rem;letter-spacing:1px}.badge{display:inline-block;padding:.1rem .5rem;border:1px solid currentColor;border-radius:var(--radius);font-size:.78rem;letter-spacing:1px}.badge.ok{color:var(--green)}.badge.warn{color:var(--amber)}.badge.err{color:var(--red)}.badge.dim{color:var(--text-dim)}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-dim);text-transform:uppercase;font-size:.72rem;letter-spacing:1px;font-weight:500}tr:hover td{background:#33ff660a}label{display:block;color:var(--text-dim);font-size:.8rem;letter-spacing:1px;margin:.75rem 0 .25rem}input,select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-bright);color:var(--text);font-family:var(--mono);font-size:.9rem;padding:.45rem .6rem;border-radius:var(--radius)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:var(--glow)}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:auto}button,.btn{font-family:var(--mono);font-size:.85rem;letter-spacing:1px;background:transparent;color:var(--green);border:1px solid var(--border-bright);padding:.45rem .9rem;border-radius:var(--radius);cursor:pointer}button:hover:not(:disabled),.btn:hover{border-color:var(--green);box-shadow:var(--glow)}button:disabled{color:var(--text-dim);border-color:var(--border);cursor:not-allowed}button.danger{color:var(--red);border-color:#5a2222}button.danger:hover{border-color:var(--red);box-shadow:0 0 4px #ff4d4d66}button.primary{background:#33ff661a}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.msg{border:1px solid currentColor;border-radius:var(--radius);padding:.5rem .75rem;margin:.75rem 0;font-size:.85rem}.msg.error{color:var(--red)}.msg.ok{color:var(--green)}.msg.warn{color:var(--amber)}.empty{color:var(--text-dim);text-align:center;padding:2rem 1rem;border:1px dashed var(--border);border-radius:var(--radius)}.blink:after{content:"_";animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.blink:after{animation:none}}.secret-box{border:1px solid var(--amber);background:#ffb3000d;padding:.75rem;border-radius:var(--radius);word-break:break-all;color:var(--amber);margin:.75rem 0}.qr-frame{display:inline-block;background:#fff;padding:10px;border:1px solid var(--border-bright);border-radius:var(--radius);margin:.5rem 0 .75rem;line-height:0}.qr-frame img{display:block;image-rendering:pixelated}.code{background:var(--bg-input);border:1px solid var(--border);padding:.1rem .35rem;border-radius:var(--radius);color:var(--green-mid)}.endpoint{border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .6rem;margin:.3rem 0;background:var(--bg-input);overflow-x:auto;white-space:nowrap}.endpoint-method{color:var(--amber);font-weight:600;margin-right:.5rem}.codeblock-wrap{position:relative;margin:.75rem 0}.codeblock{background:var(--bg-input);border:1px solid var(--border-bright);border-radius:var(--radius);padding:.75rem 4rem .75rem .75rem;margin:0;overflow-x:auto;font-family:var(--mono);font-size:.82rem;line-height:1.55;color:var(--text);white-space:pre}.codeblock-copy{position:absolute;top:.4rem;right:.4rem;padding:.2rem .5rem;font-size:.75rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:380px;border:1px solid var(--border-bright);background:var(--bg-panel);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--glow)}.login-card .brand{text-align:center;color:var(--green)}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;border-right:none;border-bottom:1px solid var(--border);padding:.75rem 1rem}.brand{width:100%;margin:0 0 .25rem}.brand svg{max-width:170px}.nav-link{flex:0 0 auto;padding:.3rem .5rem}.nav-spacer{display:none}.sidebar-footer{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border)}.sidebar-user{flex:1 1 auto;min-width:0}.sidebar-footer button{width:auto;flex:0 0 auto}.content{padding:1rem}}:focus-visible{outline:2px solid var(--green);outline-offset:1px}