*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0b1f3a,#16335c);color:#0b1f3a;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}
.card{background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:40px 36px;width:100%;max-width:400px}
.card.wide{max-width:640px}
.logo{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#0b1f3a}.logo span{color:#2f7de1}
.sub{color:#5b6b82;font-size:14px;margin:4px 0 28px}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
input{width:100%;padding:12px 14px;border:1px solid #cfd8e3;border-radius:8px;font-size:15px}
input:focus{outline:none;border-color:#2f7de1;box-shadow:0 0 0 3px rgba(47,125,225,.2)}
button,.btn{display:inline-block;margin-top:24px;width:100%;padding:12px;background:#0b1f3a;color:#fff;border:0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}
button:hover,.btn:hover{background:#16335c}
.err{background:#fdecec;color:#a61b1b;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:8px}
.note{background:#eef4fc;border-left:4px solid #2f7de1;padding:14px;border-radius:6px;margin:20px 0}
footer{text-align:center;color:#b8c4d6;font-size:12px;padding:16px}footer a{color:#fff}
.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;border-bottom:1px solid #e6ecf3;padding-bottom:14px}
.topbar nav a{color:#16335c;text-decoration:none;font-size:14px;font-weight:600;margin-left:14px}.topbar nav a:hover{color:#2f7de1}
.card.wide{max-width:860px}h1{font-size:24px;margin:8px 0 12px}
.lead{color:#3c4d66;line-height:1.6;font-size:15px}.hint{color:#5b6b82;font-size:13px;margin-top:18px}.hint a{color:#2f7de1}
.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .btn{flex:1;min-width:200px}
.btn-alt{background:#fff;color:#0b1f3a;border:2px solid #0b1f3a}.btn-alt:hover{background:#eef4fc}
.btn-small{width:auto;padding:8px 14px;font-size:13px;margin-top:0;color:#fff!important}
.stat{background:#eef4fc;border-radius:8px;padding:12px 14px;margin:18px 0 0;font-size:14px}
.ok{background:#e8f6ee;color:#17663a;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:8px}
select{width:100%;padding:12px 14px;border:1px solid #cfd8e3;border-radius:8px;font-size:15px;background:#fff}
input[type=file]{padding:10px;background:#f7f9fc}
.filter{max-width:300px;margin-bottom:14px}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;background:#f3f6fa;color:#3c4d66;font-weight:600;padding:10px}td{padding:10px;border-top:1px solid #e6ecf3}td a{color:#2f7de1;font-weight:600;text-decoration:none}
.slogan{color:#2f7de1;font-weight:700;font-size:15px;margin:0 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.tile{background:#f7f9fc;border:1px solid #e6ecf3;border-radius:10px;padding:16px}.tile h3{margin:0 0 6px;font-size:15px}.tile p{margin:0;color:#3c4d66;font-size:14px;line-height:1.5}
h2{font-size:18px;margin:26px 0 8px}
.badge{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.badge.on{background:#e8f6ee;color:#17663a}.badge.soon{background:#fff4e0;color:#8a5a00}
ul.status{list-style:none;padding:0;margin:0}ul.status li{padding:9px 0;border-top:1px solid #e6ecf3;font-size:14px}
.contact p{margin:4px 0;line-height:1.6}.contact a{color:#2f7de1;font-weight:600}