body{margin:0;background:#f6f8fb;color:#2a2f3a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#222a36;color:#fff}.topbar a{color:#e7ebf2;text-decoration:none;margin-left:12px}.container{width:min(1100px,92%);margin:18px auto}.login{width:360px;margin:100px auto;background:#fff;border:1px solid #e5e8f0;padding:24px;border-radius:12px}.login h1{margin-top:0}.login .alert{background:#ffe6e6;border:1px solid #ffcdcd;padding:10px;border-radius:8px;margin-bottom:10px}.login input{width:100%;padding:10px;margin:6px 0;border:1px solid #dfe3ec;border-radius:8px}.login button{width:100%;padding:10px;border-radius:8px;background:#1e78e6;color:#fff;border:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.card{background:#fff;border:1px solid #e5e8f0;padding:18px;border-radius:12px;text-align:center;text-decoration:none;color:#1f2430}.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e8f0;border-radius:10px;overflow:hidden}.tbl th,.tbl td{padding:10px;border-bottom:1px solid #eef1f7;text-align:left}.tbl th{background:#f7f9fc}.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#1e78e6;color:#fff;text-decoration:none}