:root{
  --bg:#020604;
  --panel:#07140d;
  --panel2:#0a1b12;
  --line:#1b4b31;
  --text:#c8ffe0;
  --muted:#7dbb92;
  --green:#3dff8c;
  --amber:#ffd166;
  --red:#ff5f5f;
  --shadow:rgba(61,255,140,.16);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:radial-gradient(circle at top left,#092315 0,#020604 48%,#000 100%);color:var(--text);font:14px/1.45 Consolas,Menlo,Monaco,"Courier New",monospace;overflow:hidden}
.crt-scan{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 50%,rgba(0,0,0,.08) 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.22;z-index:10}
.app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh;padding:18px;gap:18px}
.side,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,27,18,.96),rgba(2,8,5,.94));box-shadow:0 0 18px var(--shadow),inset 0 0 20px rgba(61,255,140,.04);border-radius:14px}
.side{padding:16px;display:flex;flex-direction:column;min-height:0}
.brand{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.brand-mark{width:48px;height:48px;border:1px solid var(--green);border-radius:10px;display:grid;place-items:center;color:var(--green);font-weight:900;box-shadow:0 0 12px var(--shadow)}
h1{font-size:18px;margin:0;color:var(--green);letter-spacing:.08em}h2{font-size:20px;margin:0 0 6px;color:var(--green)}h3{font-size:15px;margin:0 0 6px;color:var(--text)}p{margin:0 0 10px}.sub,.muted{color:var(--muted)}
.tab{width:100%;text-align:left;margin:5px 0;padding:12px 12px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;font:inherit;cursor:pointer}.tab:hover,.tab.active{border-color:var(--line);background:rgba(61,255,140,.08);color:var(--green)}
.side-footer{margin-top:auto;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.ok{background:var(--green);box-shadow:0 0 8px var(--green)}.warn{background:var(--amber);box-shadow:0 0 8px var(--amber)}.bad{background:var(--red);box-shadow:0 0 8px var(--red)}
.main{display:grid;grid-template-rows:auto 1fr;gap:18px;min-width:0;min-height:0}.topbar{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:12px;padding:12px 16px}.label{font-size:11px;color:var(--muted);letter-spacing:.12em}.thin{min-height:68px}.content-grid{display:grid;grid-template-columns:minmax(420px,1fr) 390px;gap:18px;min-height:0}.work{padding:18px;min-height:0;overflow:auto}.panel{display:none}.panel.active{display:block}.right-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;overflow:auto;padding-right:2px}.mini{padding:14px;min-height:120px}.mini span{display:inline-block;margin-top:8px;color:var(--green);font-size:12px}.mini pre{white-space:pre-wrap;word-break:break-all;font-size:12px}.span2{grid-column:1 / -1}.status-ok{border-color:#2fbf6b}.status-warn{border-color:#957a2e}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.wide{grid-column:1 / -1}label{display:flex;flex-direction:column;color:var(--muted);gap:6px}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#030b07;color:var(--text);padding:11px;font:inherit;outline:none}textarea{min-height:260px;resize:vertical}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(61,255,140,.1)}.actions{display:flex;gap:10px;margin:14px 0}button{border:1px solid var(--green);background:rgba(61,255,140,.12);color:var(--green);border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}button:hover{background:rgba(61,255,140,.2)}button.ghost{border-color:var(--line);color:var(--muted);background:transparent}.terminal{background:#010503;border:1px solid var(--line);border-radius:12px;padding:12px;color:#bbffd4;min-height:88px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 0 18px rgba(61,255,140,.05)}ol{margin:8px 0 0 20px;padding:0;color:var(--muted)}
@media(max-width:1100px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr}.side{position:relative}.content-grid{grid-template-columns:1fr}.right-grid{grid-template-columns:1fr 1fr}.topbar{grid-template-columns:1fr}.side{display:block}.tab{display:inline-block;width:auto}.side-footer{margin-top:12px}}
@media(max-width:680px){.app-shell{padding:10px}.right-grid,.form-grid{grid-template-columns:1fr}.span2,.wide{grid-column:auto}.content-grid{grid-template-columns:1fr}}