:root{--bg:#0b1120;--surface:#111a2d;--surface2:#17233a;--line:#25334d;--text:#ecf2ff;--muted:#8fa0bd;--primary:#5b8cff;--green:#31c48d;--yellow:#f5b942;--red:#f06565}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,#14284c 0,transparent 28%),var(--bg)}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:28px 18px;background:rgba(13,21,37,.96);border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;font-size:20px;padding:0 10px 28px}.logo span,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6d9aff,#375ed2);font-weight:800;box-shadow:0 8px 25px #3159c555}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:9px;color:var(--muted);font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface2);color:#fff}.sidebar form{margin-top:auto}.logout{width:100%;background:transparent;border:1px solid var(--line);color:var(--muted)}.content{margin-left:245px;padding:34px;min-width:0}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.content h1{font-size:28px;margin:2px 0}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--primary);font-weight:700;margin:0}.admin-user{display:grid;text-align:right}.admin-user small,.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px;margin-bottom:20px}.stats article,.panel{background:linear-gradient(145deg,var(--surface),#10182a);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #0002}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.stats strong{font-size:25px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{overflow:hidden}.panel-head{min-height:64px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0}.panel-head a,.panel-head span{font-size:13px;color:var(--primary)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #202d44;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#111b2e}tbody tr:hover{background:#162137}tbody tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#243047}.status.ok{color:#66e5b3;background:#12372f}.status.pending{color:#ffd273;background:#3d3017}.status.warn{color:#ffca72;background:#392d1b}.status.bad{color:#ff9292;background:#3e2028}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(100%,410px);padding:38px;background:linear-gradient(145deg,var(--surface),#10182a);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0006}.login-card .brand-mark{margin-bottom:20px}.login-card h1{margin:0 0 5px}.login-card>p{margin:0 0 28px}.login-card form{display:grid;gap:18px}label{display:grid;gap:8px;color:#c8d3e8;font-size:13px}input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid var(--line);background:#0d1628;color:#fff;outline:0;font:inherit}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b8cff22}button{padding:13px 16px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.alert{padding:12px 14px;margin:18px 0;border-radius:9px;font-size:13px}.alert.error{background:#3b2028;color:#ffb0b0;border:1px solid #6b2b38}@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.grid-two{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;min-height:auto;padding:16px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar form{margin-top:14px}.content{margin:0;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.content header{align-items:flex-start}.admin-user{display:none}}@media(max-width:420px){.stats{grid-template-columns:1fr}}