*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0e1b2a;--navy-2:#12243a;--gold:#d1b36a;--gold-hover:#c4a458;--white:#ffffff;--grey-light:#e6e9ee;--grey-mid:#6b7280;--grey-dark:#1f2933;--green:#16a34a;--red:#dc2626;--amber:#d97706;--card:var(--white);--text:var(--grey-dark);--muted:var(--grey-mid);--border:var(--grey-light)}body{background:linear-gradient(180deg,var(--navy) 0,var(--navy-2) 100%);background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}main{max-width:960px;margin:0 auto;padding:32px 20px}header.page{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;border-bottom:2px solid var(--gold);padding-bottom:14px}header.page h1{font-size:22px;font-weight:700;color:var(--white);letter-spacing:.01em}header.page .updated{color:rgba(255,255,255,.55);font-size:13px}.banner{border-radius:10px;padding:14px 16px;margin-bottom:20px;font-size:14px;border:1px solid var(--border)}.banner.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.card .top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.online{background:var(--green)}.dot.errored,.dot.stopped{background:var(--red)}.dot.other{background:var(--amber)}.card .name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .status-label{margin-left:auto;font-size:12px;color:var(--muted);text-transform:capitalize}.meta{display:flex;gap:16px;font-size:13px;color:var(--muted);margin-bottom:14px}.card .reason{color:var(--amber);font-size:12.5px;line-height:1.4;margin:-6px 0 12px}.actions{display:flex;gap:8px}button{font:inherit;font-size:13px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}button:hover:not(:disabled){background:var(--grey-light)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}button.primary:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}.empty{color:rgba(255,255,255,.65);font-size:14px;padding:40px 0;text-align:center}.section-title{color:rgba(255,255,255,.55);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:26px 0 10px}.server{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:20px}.server-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.server-title .name{font-weight:600;font-size:15px}.server-title .status-label{margin-left:auto;font-size:12px;color:var(--muted)}.server-stats{display:flex;flex-wrap:wrap;gap:24px}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:14px;font-weight:500}.stat-value.warn{color:var(--amber)}.stat-value.high{color:var(--red)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:12px;padding:28px;width:100%;max-width:360px}.login-card h1{font-size:18px;margin-bottom:16px;color:var(--navy)}.login-card input{font:inherit;width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border);margin-bottom:12px}.login-card .error{color:var(--red);font-size:13px;margin-bottom:12px}.login-card button{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600;width:100%}.login-card button:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}