*{box-sizing:border-box}body{margin:0;background:#07090d;color:#f5f7fb;font-family:Inter,system-ui,sans-serif}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center}.login-card,.panel,.card,header>div{background:#0d1118;border:1px solid #2b3039;border-radius:16px}.login-card{padding:28px;width:min(420px,92vw)}input,textarea,select{width:100%;background:#080b11;border:1px solid #303744;color:#fff;border-radius:10px;padding:12px}.brand,.rank{color:#ff6530;font-weight:800}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{padding:18px;background:#080a0f;border-right:1px solid #291417;display:flex;flex-direction:column;gap:20px}.identity small{display:block;color:#8f98a7}nav,.quick{display:grid;gap:7px}button{border:0;border-radius:9px;padding:11px;background:#151923;color:#d8dde6;cursor:pointer}nav button{text-align:left}nav button.active{background:#321417;box-shadow:inset 3px 0 #ff5435}.quick button:nth-child(1){background:#261447}.quick button:nth-child(2){background:#0a2742}.quick button:nth-child(3){background:#103724}.sys{margin-top:auto;color:#46e18d}main{padding:18px;background:radial-gradient(circle at 85% 0,#1a1028 0,#090b11 40%)}header{display:grid;grid-template-columns:1fr 380px;gap:12px}header>div{padding:16px}header h1,header h2{margin:4px 0}header p{margin:0;color:#9099a8}.modes{display:flex;gap:8px;margin:14px 0}.modes .active{background:#431719}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.card{padding:14px}.card span,.card small{display:block;color:#7f8998}.card strong{font-size:20px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.crew-wide{grid-column:1/-1}.panel{padding:14px}.title{display:flex;justify-content:space-between}.title h3{margin:0}.title p{margin:3px 0 10px;color:#808999}.crew-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.crew-card{padding:10px;border:1px solid #29303a;border-radius:12px;background:#0a0d13;text-align:center;opacity:.42}.crew-card.active{opacity:1;border-color:var(--a);box-shadow:0 0 12px #ff5b3033}.avatar{width:64px;height:64px;margin:8px auto;border-radius:20px;border:1px solid var(--a);display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#202733,#090b10)}.crew-card.active .avatar{animation:pulse 2.5s infinite}.name{font-weight:800;color:var(--a)}.role,.quote,.state{font-size:11px}.role,.quote{color:#a4acb8}.messages{height:280px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.msg{padding:10px 12px;border-radius:12px;max-width:86%;white-space:pre-wrap}.msg.orbit{background:#151a23}.msg.you{align-self:flex-end;background:#351619}.send{width:100%;margin-top:8px;background:#ff6b23;color:#111;font-weight:800}.empty{min-height:300px;display:grid;place-items:center;border:1px dashed #303641;border-radius:12px;color:#7e8795}.full{min-height:74vh}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center}.modal-box{width:min(620px,92vw);background:#0d1118;border:1px solid #3a2428;border-radius:16px;padding:20px}.split-mode .grid{grid-template-columns:1fr 1fr}.focus-mode aside,.focus-mode header,.focus-mode .modes,.focus-mode .metrics,.focus-mode .crew-wide,.focus-mode .workspace,.focus-mode .mission{display:none}.focus-mode .app{grid-template-columns:1fr}.focus-mode main{padding:0}.focus-mode .chat{min-height:100vh}@keyframes pulse{50%{transform:translateY(-2px)}}@media(max-width:1100px){.crew-grid{grid-template-columns:repeat(4,1fr)}header,.grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}aside{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.crew-grid{grid-template-columns:repeat(2,1fr)}}