:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b1020;color:#edf2ff}body{margin:0}header,main{max-width:1200px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}a{color:#8ab4ff}.login{max-width:420px;margin:12vh auto;background:#151c31;border:1px solid #2a3556;border-radius:16px;padding:28px}.login form{display:flex;gap:10px;margin-top:14px}input,button{padding:12px;border-radius:8px;border:1px solid #34415f;background:#0f1628;color:white}button{cursor:pointer;background:#315efb}.notice{padding:10px;background:#272f48;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{background:#151c31;padding:18px;border-radius:12px}.cards strong{font-size:28px;display:block}.cards span{color:#9daccc}.table{overflow:auto;background:#151c31;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #28324f}th{color:#9daccc}@media(max-width:700px){.cards{grid-template-columns:repeat(2,1fr)}header{display:block}}