:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111713;--panel:#1b251f;--soft:#243129;--line:#314138;--text:#f5f1e6;--muted:#8f9b93;--yellow:#e7b85b;--green:#78d39a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}.admin-layout{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#172019;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;font-size:18px;font-weight:900;display:flex}.brand-piece,.login-piece{background:radial-gradient(circle at 38% 30%,#fff 0 13%,#d8d6cf 14% 43%,#969b96 45% 56%,#f4f1e9 58% 73%,#9da19d 75%);border-radius:50%;width:30px;height:30px;display:block;box-shadow:0 6px 14px #0008}.brand-caption{color:var(--muted);margin:7px 0 28px 41px;font-size:11px}nav{gap:7px;display:grid}.nav-link{color:#aab4ad;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:750;text-decoration:none}.nav-link:hover{background:var(--soft)}.nav-link.active{color:var(--yellow);background:#302b1e}.logout-form{margin-top:auto}.logout{color:#d6ddd8;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:11px}.content{min-width:0;padding:52px clamp(24px,5vw,72px)}.page-header{margin-bottom:30px}.eyebrow{color:var(--yellow);letter-spacing:1.5px;margin:0 0 8px;font-size:10px;font-weight:900}.page-header h1,.login-panel h1{letter-spacing:-1px;margin:0;font-size:34px}.page-header>p:last-child,.subtitle{color:var(--muted);margin:9px 0 0}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;min-height:150px;padding:21px;display:flex}.metric span{color:#b9c2bc;font-size:13px;font-weight:750}.metric strong{margin-top:auto;font-size:42px;line-height:1}.metric small{color:var(--muted);margin-top:8px}.status-card{background:var(--panel);border-radius:18px;align-items:center;gap:14px;margin-top:16px;padding:19px 22px;display:flex}.status-card p{color:var(--muted);margin:4px 0 0;font-size:12px}.status-dot{background:var(--green);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #78d39a1c}.monitoring-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.live-caption{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.live-caption .status-dot{width:8px;height:8px}.monitoring-metrics .metric strong{font-size:34px}.monitoring-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.monitoring-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:21px}.monitoring-card h2,.section-heading h2{margin:0;font-size:17px}.monitoring-card dl{gap:12px;margin:18px 0 0;display:grid}.monitoring-card dl div{border-bottom:1px solid #2b3931;justify-content:space-between;gap:16px;padding-bottom:11px;display:flex}.monitoring-card dl div:last-child{border-bottom:0;padding-bottom:0}.monitoring-card dt{color:var(--muted);font-size:12px}.monitoring-card dd{margin:0;font-weight:850}.value-warning{color:#f18484!important}.monitoring-routes{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading span{color:var(--muted);font-size:12px}.table-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;background:#18211c;padding:14px 18px;font-size:10px}td{color:#c9d0cb;border-top:1px solid #2b3931;padding:16px 18px;font-size:13px}td strong{color:var(--text);display:block}td small{color:#728078;margin-top:4px;display:block}.badge{color:#aeb8b0;background:#2b3830;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:850;display:inline-flex}.badge.live{color:var(--green);background:#203e2d}.badge.accent{color:var(--yellow);background:#40351f}.badge.info{color:var(--green);background:#203e2d}.badge.warning{color:var(--yellow);background:#40351f}.badge.critical{color:#f18484;background:#462526}.room-code{color:var(--yellow);letter-spacing:2px}.login-page{background:radial-gradient(circle at 50% 20%,#243329 0,transparent 46%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{text-align:center;width:min(100%,420px)}.login-piece{width:56px;height:56px;margin:0 auto 24px}.login-card{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:22px;margin-top:30px;padding:24px;box-shadow:0 24px 80px #0005}.login-card label{color:#b8c1bb;gap:7px;margin-bottom:16px;font-size:12px;font-weight:750;display:grid}.login-card input{width:100%;color:var(--text);background:#121a15;border:1px solid #3b4d42;border-radius:12px;outline:none;padding:13px 14px}.login-card input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #e7b85b18}.primary-button{background:var(--yellow);color:#201d14;cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:5px;padding:13px;font-weight:900}.primary-button:disabled{opacity:.6}.form-error{color:#f18484;font-size:12px}@media (max-width:900px){.monitoring-details{grid-template-columns:1fr}}@media (max-width:760px){.admin-layout{grid-template-columns:1fr}.sidebar{height:auto;padding:18px;position:static}.brand-caption{margin-bottom:14px}nav{grid-template-columns:repeat(6,minmax(110px,1fr));overflow:auto}.nav-link{text-align:center;padding:10px}.logout-form{margin-top:12px}.content{padding:30px 16px}.monitoring-header{flex-direction:column;align-items:flex-start}}