:root{color-scheme:dark;--bg:#08090b;--panel:#111318;--line:#2b2e36;--gold:#f2b941;--gold2:#ffcf67;--text:#f7f7f8;--muted:#9b9da5;--blue:#304b69;--ok:#36c66b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#172333 0,transparent 38%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:38px;border:1px solid var(--line);border-radius:28px;background:rgba(17,19,24,.94);box-shadow:0 30px 80px rgba(0,0,0,.48)}.brand-mark{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,var(--blue),#172331);border:1px solid rgba(242,185,65,.55);display:grid;place-items:center;color:var(--gold2);font-weight:800;letter-spacing:1px;box-shadow:0 0 28px rgba(242,185,65,.12);margin-bottom:24px}.brand-mark.small{width:42px;height:42px;border-radius:14px;margin:0;font-size:12px}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.8px}.login-card h1{font-size:32px;margin:0 0 10px}.muted,.login-card>p{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:10px;margin-top:28px}.login-card label{font-size:13px;color:#d4d5d8;margin-top:7px}.login-card input{width:100%;border:1px solid var(--line);border-radius:13px;background:#0b0d11;color:white;padding:14px 15px;outline:none}.login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,185,65,.12)}.login-card button{margin-top:14px;border:0;border-radius:13px;padding:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#251a04;font-weight:800;cursor:pointer}.login-card button:disabled{opacity:.55;cursor:wait}.form-message{min-height:20px;color:#ff8a8a;font-size:13px;text-align:center;margin:8px 0 0!important}.panel-view{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:rgba(13,15,19,.92);display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.sidebar-brand div:last-child{display:flex;flex-direction:column}.sidebar-brand span{font-size:12px;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-item,.logout-button{border:0;text-align:left;color:#c9cbd0;background:transparent;border-radius:12px;padding:12px 14px;cursor:pointer}.nav-item:hover,.nav-item.active{color:white;background:#21242b}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.logout-button{margin-top:auto;color:#df8b8b}.workspace{padding:34px 42px 60px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar h2{margin:0;font-size:28px}.status-pill{font-size:12px;color:#cfd2d5;background:var(--panel);border:1px solid var(--line);padding:9px 12px;border-radius:99px}.status-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:7px}.welcome-card{min-height:180px;border:1px solid rgba(242,185,65,.3);border-radius:24px;padding:32px;background:linear-gradient(125deg,rgba(55,78,105,.65),rgba(24,27,33,.86)),radial-gradient(circle at 90% 0,rgba(242,185,65,.25),transparent 35%);display:flex;align-items:center}.welcome-card h3{font-size:27px;margin:0 0 9px}.welcome-card p:last-child{color:#c0c2c7;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.stat-grid article{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:23px}.stat-grid span{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}.stat-grid strong{font-size:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h3{font-size:23px;margin:0 0 6px}.section-heading p{color:var(--muted);margin:0}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;letter-spacing:.7px;text-transform:uppercase;background:#15171c}tbody tr:last-child td{border-bottom:0}.empty-card{padding:28px;border-radius:18px;border:1px dashed #3a3e47;background:var(--panel);color:var(--muted);line-height:1.6}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:rgba(54,198,107,.12);color:#6ede91;font-size:11px}.tag.off{background:rgba(255,130,130,.1);color:#f59a9a}@media(max-width:800px){.panel-view{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout-button{margin-top:12px}.workspace{padding:25px 18px 45px}.topbar{align-items:flex-start;gap:15px}.status-pill{display:none}.stat-grid{grid-template-columns:1fr}.login-card{padding:28px 23px}}