:root{--blue:#2f80ff;--blue2:#60a5fa;--blue-deep:#1456c4;--bg:#080d15;--panel:#101722;--panel2:#151d29;--line:#263244;--text:#f6f8fc;--muted:#8490a5;--radius:14px}
body{background:radial-gradient(circle at 70% -20%,#10223d 0,transparent 30%),var(--bg)}
.login-visual{background:radial-gradient(circle at 65% 35%,#12366a 0,transparent 26%),linear-gradient(145deg,#101824,#07090e)}.orb{border-color:#2f80ff66;box-shadow:0 0 120px #2f80ff24,inset 0 0 80px #60a5fa16}.orb:after,.orb:before{border-color:#60a5fa55}.orb:after{background:radial-gradient(circle,#2f80ff 0 4px,transparent 5px)}
.layout{grid-template-columns:248px minmax(0,1fr)}
.sidebar{background:#0b111b;border-color:#1e2938;padding:22px 16px}.logo span,.brand-mark{background:var(--blue);color:white;box-shadow:0 8px 24px #2f80ff35}.sidebar nav{margin-top:30px}.sidebar nav a{min-height:44px;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{background:#161f2d;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--blue)}
.content{max-width:1480px;padding:24px 30px 64px}.content header{margin-bottom:18px}.content h1{font-size:30px}.eyebrow{color:var(--blue2)}
.primary{background:var(--blue);color:#fff;box-shadow:0 8px 28px #2f80ff30}.primary:hover{background:#438cff}.ghost{background:#151e2b;border-color:#2a3648}.ghost:hover{border-color:#4a5d78}
.cycle-hero{display:grid;grid-template-columns:1.05fr 1.25fr 190px;gap:26px;align-items:center;background:linear-gradient(135deg,#151e2b,#101722);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px}.cycle-step>span,.cycle-progress-head span{font-size:12px;color:var(--muted)}.cycle-step strong{display:block;font-size:30px;letter-spacing:-.03em;margin:7px 0 14px}.cycle-step p{display:flex;gap:12px;margin:0}.cycle-step p span{color:var(--muted)}.cycle-progress-head{display:flex;justify-content:space-between;align-items:center}.progress-track{height:9px;background:#273141;border-radius:99px;margin:14px 0;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--blue);border-radius:inherit;transition:.3s}.cycle-dots{display:flex;gap:11px}.cycle-dots i{width:30px;height:30px;border-radius:50%;border:1px solid #3a4658;color:#728096;display:grid;place-items:center;font-size:11px;font-style:normal}.cycle-dots i.done,.cycle-dots i.current{border-color:var(--blue);color:#fff;background:#1b4f9b}.cycle-dots i.current{box-shadow:0 0 0 4px #2f80ff22}.cycle-controls{display:grid;gap:10px}.cycle-controls button{width:100%}
.summary{display:none}.section-title{margin:28px 0 12px}.section-title h2{font-size:20px}.agent-grid,.emulator-grid{grid-template-columns:1fr}.agent-card,.emulator-card,.panel{background:linear-gradient(145deg,#151d29,#101722);border-color:var(--line);border-radius:14px}.agent-card{display:none}.emulator-card{display:grid;grid-template-columns:1fr auto;gap:12px}.emulator-card .emu-status,.emulator-card .emu-action{grid-column:1}.emulator-card .card-actions{grid-column:2;grid-row:1/4;border:0;padding:0;min-width:180px;flex-direction:column}.emulator-card .card-actions button{width:100%}
.badge.online{color:var(--blue2);border-color:#2f80ff66;background:#2f80ff16}.dot.online{background:var(--blue);box-shadow:0 0 8px var(--blue)}.accent,.good,.form pre{color:var(--blue2)}
#overview{display:none}#emulators{margin-bottom:8px}.legend{display:none}
.character-workspace,.admin-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:start}.character-workspace>.panel:last-child{grid-column:1;grid-row:1}.character-workspace>.form{grid-column:2;grid-row:1;position:sticky;top:18px}.panel table{min-width:760px}.panel th{background:#0e1520;position:sticky;top:0}.panel tbody tr{transition:.18s}.panel tbody tr:hover{background:#192536}.panel tbody tr.selected{background:#173158;box-shadow:inset 3px 0 var(--blue)}
.form{padding:22px;gap:15px}.form h3{font-size:19px}.form label{color:#c6cfdd}.form input,.form select{background:#0d1520;border-color:#2a3648}.form input:focus,.form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f80ff22}.form label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px}.form input[type=checkbox]{accent-color:var(--blue)}
.settings-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:2px}.settings-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:8px;font-weight:700}.settings-tabs button.active{background:#173d72;color:#bfdbfe}
.queue-total{color:var(--muted);font-size:12px}.march-meter{display:flex;align-items:center;gap:9px}.march-meter i{width:76px;height:7px;background:#263143;border-radius:99px;overflow:hidden}.march-meter i:after{content:"";display:block;width:var(--progress,0%);height:100%;background:var(--blue)}
#events .panel{max-height:420px}#admin{margin-top:36px}.level.info{color:var(--blue2)}
#toast{background:#14243a;border-color:#2f80ff66}dialog{background:#121b28;border-color:#2d3a4d}
@media(max-width:1100px){.cycle-hero{grid-template-columns:1fr 1fr}.cycle-controls{grid-column:1/-1;display:flex}.character-workspace,.admin-grid{grid-template-columns:1fr}.character-workspace>.panel:last-child,.character-workspace>.form{grid-column:1;grid-row:auto}.character-workspace>.form{position:static}}
@media(max-width:760px){.content{padding:18px 14px 86px}.cycle-hero{grid-template-columns:1fr;padding:20px}.cycle-controls{grid-column:1}.cycle-step strong{font-size:25px}.emulator-card{display:block}.emulator-card .card-actions{flex-direction:row;margin-top:14px}.settings-tabs{overflow:auto}.layout{display:block}}