body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; margin:0; background:#0b0d12; color:#e8ecf1}
a{color:#7cc4ff; text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:16px}
.topbar{background:#0f1320; border-bottom:1px solid #1c2440}
.brand a{font-weight:700; font-size:18px; color:#e8ecf1}
.meta{opacity:.75; font-size:12px}
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; margin-top:14px}
.card{display:block; background:#0f1320; border:1px solid #1c2440; border-radius:10px; padding:12px}
.card-title{font-weight:700; margin-bottom:8px}
.card-sub{font-size:12px; opacity:.8; margin-top:4px}
.hint{opacity:.8; font-size:12px; margin:10px 0 14px 0; line-height:1.6}
.table{width:100%; border-collapse:collapse; background:#0f1320; border:1px solid #1c2440; border-radius:10px; overflow:hidden}
.table th,.table td{border-bottom:1px solid #1c2440; padding:10px; font-size:13px; vertical-align:top}
.table th{text-align:left; font-size:12px; opacity:.8}
.kv{background:#0f1320; border:1px solid #1c2440; border-radius:10px; padding:12px; margin:12px 0}
.footer{border-top:1px solid #1c2440; margin-top:24px; opacity:.75}
h1{margin:8px 0 8px 0; font-size:22px}
h2{margin-top:18px; font-size:16px}
.login-box{max-width:420px; background:#0f1320; border:1px solid #1c2440; border-radius:10px; padding:14px}
.lbl{display:block; margin-top:10px; font-size:12px; opacity:.8}
.inp{width:100%; padding:10px; border-radius:8px; border:1px solid #1c2440; background:#0b0d12; color:#e8ecf1; margin-top:6px}
.btn{margin-top:14px; padding:10px 14px; border-radius:10px; border:1px solid #1c2440; background:#1c2440; color:#e8ecf1; cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.error{background:#2a0f14; border:1px solid #6b1d28; padding:10px; border-radius:8px; margin-bottom:10px}