:root{--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--up: #22c55e;--down: #ef4444;--pending: #94a3b8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center}.container{width:100%;max-width:640px;padding:2rem 1rem}h1{font-size:1.5rem;margin-bottom:1.5rem}.badge{font-size:.85rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.badge--up{background:#22c55e26;color:var(--up)}.badge--down{background:#ef444426;color:var(--down)}.badge--pending{background:#94a3b826;color:var(--pending)}.hidden{display:none}.card{background:var(--card);padding:2rem;border-radius:.75rem}.login{max-width:360px;margin:15vh auto 0;display:grid;gap:1rem}.login h1{margin:0 0 .5rem}.login label{display:grid;gap:.35rem;font-size:.85rem;color:var(--pending)}.login input{padding:.6rem .75rem;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;background:var(--bg);color:var(--text);font-size:1rem}.login input:focus{outline:none;border-color:var(--up)}button{padding:.6rem 1rem;border:none;border-radius:.5rem;background:var(--up);color:#06210f;font-weight:600;font-size:.95rem;cursor:pointer}button:hover{filter:brightness(1.05)}.error{margin:0;color:var(--down);font-size:.85rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{margin:0}.logout{background:transparent;color:var(--pending);border:1px solid rgba(148,163,184,.35);font-size:.85rem;padding:.4rem .85rem}.logout:hover{color:var(--text);filter:none}.domain{color:var(--pending);font-weight:400}.provider{margin:.35rem 0 0;font-size:.85rem;color:var(--pending)}.clock{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:baseline;background:var(--card);padding:.85rem 1.25rem;border-radius:.5rem;margin-bottom:1.5rem}.clock__day{color:var(--pending)}.clock__time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.section-title{font-size:1rem;color:var(--pending);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}.servers{width:100%;border-collapse:collapse;background:var(--card);border-radius:.5rem;overflow:hidden}.servers th,.servers td{text-align:left;padding:.85rem 1.25rem}.servers thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--pending);border-bottom:1px solid rgba(148,163,184,.2)}.servers tbody tr+tr td{border-top:1px solid rgba(148,163,184,.1)}
