@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #101109;--bg-raise: #17190f;--panel: #1c1e13;--panel-edge: #2b2e1d;--grid: #22251700;--ink: #e6e6d8;--ink-dim: #9a9c84;--ink-faint: #63654f;--amber: #e8b33a;--amber-deep: #a97c14;--moss: #8aa055;--terracotta: #c9553a;--sky: #6f9bb5;--radius: 3px;--edge: 1px solid var(--panel-edge);--shadow-hard: 4px 4px 0 rgba(0, 0, 0, .45);--font-ui: "Chakra Petch", "Trebuchet MS", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:linear-gradient(rgba(232,179,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,179,58,.035) 1px,transparent 1px),radial-gradient(ellipse 120% 80% at 50% -10%,rgba(232,179,58,.09),transparent 70%);background-size:32px 32px,32px 32px,100% 100%;color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--panel);border:var(--edge);border-top:3px solid var(--amber);box-shadow:var(--shadow-hard);padding:36px 32px 32px;animation:rise .42s cubic-bezier(.2,.9,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.brand{font-size:30px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0;line-height:1}.brand span{color:var(--amber)}.brand-sub{color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:10px 0 30px}label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}input[type=password],input[type=text]{width:100%;background:var(--bg);border:var(--edge);border-radius:var(--radius);padding:12px 14px;font-family:var(--font-mono);outline:none;transition:border-color .14s ease}input:focus{border-color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-raise);border:var(--edge);border-radius:var(--radius);padding:11px 16px;cursor:pointer;font-weight:500;font-size:13px;letter-spacing:.06em;transition:transform 90ms ease,background .14s ease,border-color .14s ease,color .14s ease}.btn:hover:not(:disabled){border-color:var(--amber-deep);color:var(--amber)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{width:100%;margin-top:22px;background:var(--amber);border-color:var(--amber);color:#17190f;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:13px}.btn-primary:hover:not(:disabled){background:#f2c455;border-color:#f2c455;color:#17190f}.btn-danger:hover:not(:disabled){border-color:var(--terracotta);color:var(--terracotta)}.alert{margin-top:18px;border-left:3px solid var(--terracotta);background:#c9553a1a;padding:10px 12px;font-size:13px;color:#edb3a4}.shell{height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:20px;padding:14px 22px;border-bottom:var(--edge);background:#17190fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap}.topbar .brand{font-size:19px}.stat-row{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.stat-value{font-family:var(--font-mono);font-size:14px;font-weight:500}.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint)}.dot.on{background:var(--moss);box-shadow:0 0 0 3px #8aa0552e;animation:pulse 2.4s ease-in-out infinite}.dot.off{background:var(--terracotta);box-shadow:0 0 0 3px #c9553a29}@keyframes pulse{50%{box-shadow:0 0 0 6px #8aa0550f}}.main{display:grid;grid-template-columns:290px 1fr;gap:18px;padding:18px 22px 22px;min-height:0}@media(max-width:900px){.main{grid-template-columns:1fr}}.rail{display:flex;flex-direction:column;gap:18px;min-height:0;overflow-y:auto}.card{background:var(--panel);border:var(--edge);border-radius:var(--radius)}.card-head{padding:11px 14px;border-bottom:var(--edge);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-body{padding:14px;display:flex;flex-direction:column;gap:9px}.console{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.log{margin:0;padding:14px 16px;overflow:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.62;white-space:pre-wrap;word-break:break-word;background:#0c0d07;color:var(--ink-dim);min-height:0}.log-line{display:block}.log-line.warn{color:var(--amber)}.log-line.error{color:#e08b76}.log-line.join{color:var(--moss)}.log-empty{color:var(--ink-faint);font-style:italic}.composer{display:flex;gap:9px;padding:12px 14px;border-top:var(--edge)}.composer input{flex:1}.prefix{color:var(--amber);font-family:var(--font-mono);align-self:center;font-size:16px}.toolbar{display:flex;align-items:center;gap:10px}.toast{position:fixed;right:22px;bottom:22px;background:var(--panel);border:var(--edge);border-left:3px solid var(--moss);box-shadow:var(--shadow-hard);padding:12px 16px;font-size:13px;max-width:380px;animation:rise .22s ease both;z-index:20}.toast.bad{border-left-color:var(--terracotta)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060704b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:40;animation:fade .14s ease both}@keyframes fade{0%{opacity:0}}.modal{width:min(460px,100%);background:var(--panel);border:var(--edge);border-top:3px solid var(--amber);box-shadow:var(--shadow-hard);padding:26px 26px 22px;animation:rise .2s cubic-bezier(.2,.9,.3,1) both}.modal-title{margin:0 0 10px;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.modal-message{margin:0;color:var(--ink-dim);font-size:14px}.modal-detail{display:block;margin-top:14px;padding:10px 12px;background:var(--bg);border:var(--edge);border-left:3px solid var(--amber-deep);font-family:var(--font-mono);font-size:12.5px;color:var(--amber);word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn-primary-inline{background:var(--amber);border-color:var(--amber);color:#17190f;font-weight:700}.btn-primary-inline:hover:not(:disabled){background:#f2c455;border-color:#f2c455;color:#17190f}.btn-confirm-danger{background:var(--terracotta);border-color:var(--terracotta);color:#17190f;font-weight:700}.btn-confirm-danger:hover:not(:disabled){background:#d96a50;border-color:#d96a50;color:#17190f}.mono-sm{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);-webkit-user-select:none;user-select:none}