:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf5;background:#0c111b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#15233b,#0c111b 45%);min-height:100vh}a{color:#78aaff;text-decoration:none}header{height:64px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #273248;background:#101725cc;backdrop-filter:blur(10px)}header div{display:flex;gap:10px}main{max-width:1240px;margin:auto;padding:32px 24px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{margin:0 0 8px;font-size:28px}h2{font-size:18px}.muted,small{color:#8e9ab0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article,.panel,.login-card{background:#141d2c;border:1px solid #28344a;border-radius:14px;box-shadow:0 16px 40px #0003}.stats article{padding:20px}.stats span{display:block;color:#8e9ab0;font-size:13px}.stats strong{font-size:25px;display:block;margin-top:8px}.green{color:#54d49a}.panel{overflow:hidden}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;padding:16px;border-bottom:1px solid #28344a}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #34425c;border-radius:8px;background:#0e1624;color:#e8edf5}button,.button{border:0;border-radius:8px;padding:11px 16px;background:#3978f6;color:white;font-weight:650;cursor:pointer;display:inline-block}.ghost{background:transparent}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #253047;white-space:nowrap}th{font-size:12px;color:#8e9ab0;text-transform:uppercase}td small{display:block;margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#657087}.status.online:before{background:#45ce8c;box-shadow:0 0 8px #45ce8c}.alert{padding:13px 16px;border-radius:9px;margin:14px 0}.warning{background:#432f16;border:1px solid #765326}.danger{background:#431f28}.empty{text-align:center;color:#8e9ab0;padding:40px}.login-body{display:grid;place-items:center}.login-card{width:min(400px,calc(100% - 32px));padding:32px;text-align:center;margin:12vh auto}.login-card form,.key-panel label{display:grid;text-align:left;gap:8px}.login-card button{margin-top:16px;width:100%}.logo{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 18px;border-radius:14px;background:#3978f6;font-weight:800;font-size:24px}.key-panel{padding:24px;max-width:900px;margin:auto}.key-panel textarea{min-height:280px;font-family:ui-monospace,monospace;margin:8px 0}.danger-zone{display:flex;align-items:center;gap:12px;border-top:1px solid #34425c;margin-top:28px;padding-top:18px}.danger-zone h2{margin-right:auto}.warning-button{background:#ac721d}.danger-button{background:#b94050}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.hero{align-items:flex-start}.danger-zone{align-items:stretch;flex-direction:column}.danger-zone h2{margin:0}.stats article{padding:15px}}@media(max-width:440px){main{padding:20px 12px}.stats{gap:8px}.stats strong{font-size:20px}}
.main-nav{display:flex;gap:8px;align-items:center}.nav-link{padding:8px 14px;border-radius:8px;color:#8e9ab0;font-weight:550;font-size:14px;transition:all .2s}.nav-link:hover{color:#fff;background:#182337}.nav-link.active{color:#fff;background:#1e2d46}.progress-bar{height:6px;background:#0e1624;border-radius:3px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:#45ce8c;transition:width .4s ease}.progress-fill.warn{background:#d98f26}.progress-fill.danger{background:#e04658}.warn-text{color:#d98f26}.danger-text{color:#e04658}.badge{display:inline-flex;align-items:center;gap:6px}