:root{color-scheme:dark;--bg:#06080d;--panel:#10151e;--line:#ffffff17;--red:#c70000;--red2:#ef4444;--text:#f8fafc;--muted:#94a3b8;--green:#22c55e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#c7000022,transparent 28%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.master{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:#090d14}.logo{display:flex;gap:12px;align-items:center;margin-bottom:30px}.logo b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--red);font-size:21px}.logo strong,.logo small{display:block}.logo small{color:var(--muted)}.nav{display:grid;gap:7px}.nav button{padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#cbd5e1;text-align:left;cursor:pointer}.nav button.active{border-color:#c7000055;background:#c7000018;color:white}.main{padding:28px clamp(20px,4vw,56px)}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.top h1{margin:0}.top p{margin:3px 0;color:var(--muted)}.badge{padding:7px 10px;border-radius:99px;background:#22c55e18;color:#86efac}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121924,#0c1119)}.card.wide{grid-column:1/-1}.card h2,.card h3{margin:0 0 5px}.card>p{margin:0 0 16px;color:var(--muted)}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:11px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#070b11;color:white}.field textarea{min-height:300px;resize:vertical;font-family:ui-monospace,Consolas,monospace}.btn{padding:10px 14px;border:1px solid #c7000066;border-radius:9px;background:#c7000025;color:#fecaca;font-weight:750;cursor:pointer}.btn.primary{background:var(--red);color:white}.btn.danger{border-color:#ef444444;background:#ef444415}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.list{display:grid;gap:9px;margin-top:15px}.row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#070b1180}.row strong,.row small{display:block}.row small{color:var(--muted)}.switch{display:flex;align-items:center;gap:8px;color:var(--muted)}.switch input{width:18px;height:18px;accent-color:var(--red)}.editor{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.preview{min-height:420px;padding:22px;border-radius:10px;background:#f7f5eb;color:#111;white-space:pre-wrap;font:13px/1.35 "Courier New",monospace;box-shadow:inset 0 0 25px #0002}.tokens{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.token{padding:5px 8px;border-radius:7px;background:#ffffff0b;color:#fca5a5;font-family:monospace;cursor:pointer}.empty,.status{padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.login{max-width:450px;margin:10vh auto}.hidden{display:none!important}@media(max-width:850px){.master{grid-template-columns:1fr}.side{position:static;height:auto}.nav{grid-template-columns:repeat(2,1fr)}.main{padding:20px}.grid,.editor{grid-template-columns:1fr}.card.wide{grid-column:auto}}@media(max-width:520px){.form,.row{grid-template-columns:1fr}.actions{justify-content:flex-start}}
.btn.link{border-color:transparent;background:transparent;color:#fca5a5;text-decoration:underline}.btn:disabled{cursor:wait;opacity:.65}
.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title-row p{margin:0;color:var(--muted)}.badge.neutral{background:#ffffff0b;color:#cbd5e1}.notice{display:grid;gap:2px;margin-top:16px;padding:12px;border:1px solid #22c55e33;border-radius:10px;background:#22c55e0b}.notice strong{color:#86efac}.notice span{color:var(--muted);font-size:12px}
.print-agent-row{grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) minmax(300px,1.35fr)}
.agent-config{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.agent-config select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#070b11;color:white}
.connection-status{display:inline-block;margin-bottom:3px;padding:3px 8px;border-radius:99px;background:#ffffff0b;color:#cbd5e1;font-size:11px;font-weight:700}.connection-status.pending{background:#f59e0b18;color:#fcd34d}.connection-status.approved{background:#3b82f618;color:#93c5fd}.connection-status.active{background:#22c55e18;color:#86efac}.connection-status.suspended,.connection-status.revoked{background:#ef444418;color:#fca5a5}
@media(max-width:1100px){.print-agent-row{grid-template-columns:1fr}.agent-config{justify-content:start}}@media(max-width:600px){.agent-config{grid-template-columns:1fr}}