:root{--bg:#0b0f1a;--panel:#131a2a;--txt:#e8edff;--muted:#9ba6c8;--accent:#7aa2ff}
*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
body{margin:0;background:radial-gradient(circle at top,#161f3d,#0b0f1a 50%);color:var(--txt)}
.topbar{position:sticky;top:0;background:#0f1526cc;backdrop-filter:blur(8px);padding:10px 14px;border-bottom:1px solid #2a355b;z-index:10}
.brand-wrap{display:flex;gap:10px;align-items:center;margin-bottom:8px}.brand{font-weight:800}.badge{font-size:12px;color:#ffd6d6;background:#451f1f;border:1px solid #8a3b3b;border-radius:20px;padding:2px 10px}
nav{display:flex;gap:6px;flex-wrap:wrap}
button{background:#1a2340;color:#d7dfff;border:1px solid #314173;padding:6px 10px;border-radius:10px;cursor:pointer;transition:.2s}
button:hover{transform:translateY(-1px)}button.active{background:#475baf}
main{padding:16px;max-width:1300px;margin:0 auto}.view{display:none}.view.active{display:block}
h1,h2,h3{margin:.4rem 0 0.7rem} .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
input{background:#0f1730;color:#fff;border:1px solid #2e4478;border-radius:10px;padding:8px 10px;min-width:240px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-bottom:12px}
.kpi{background:linear-gradient(180deg,#17213f,#101935);border:1px solid #304c87;border-radius:12px;padding:10px}
.kpi .v{font-size:24px;font-weight:700}.kpi .l{color:#9ab0e1;font-size:12px}
.panel{background:var(--panel);border-radius:14px;padding:12px;border:1px solid #233056;box-shadow:0 10px 25px #00000055}
.teams{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;margin:10px 0}
.leadership{border-color:#8f5bff}.ops{border-color:#43d3b7}.revenue{border-color:#18d06a}.risk{border-color:#ff6b6b}.eng{border-color:#ff9f43}
.card{background:#0f1424;border:1px solid #30406f;border-radius:12px;padding:10px;margin:7px 0;cursor:pointer;transition:.15s}
.card:hover{transform:translateY(-2px);border-color:#6a8fe0}
.meta{color:var(--muted);font-size:12px}.online{color:#4fe28a}
.office-grid{display:grid;grid-template-columns:repeat(6,92px);gap:10px;background:#111827;padding:14px;border-radius:12px;width:max-content;border:1px solid #2f3f67}
.desk{height:92px;border-radius:10px;background:linear-gradient(180deg,#1f2937,#162033);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #263958}
.sprite{font-size:22px}.name{position:absolute;bottom:4px;font-size:11px;color:#9bd1ff;text-align:center;padding:0 4px}
.queue-card{background:#121a2b;border:1px solid #34466e;border-radius:10px;padding:10px;margin:8px 0}
table{width:100%;border-collapse:collapse;background:#11192a;border:1px solid #30446f}
th,td{border-bottom:1px solid #2e3f66;padding:8px;text-align:left}
li{margin:6px 0}
@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.teams{grid-template-columns:1fr}}