*{box-sizing:border-box}
body{margin:0;background:#f4f6fa;color:#1c2430;font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.5}
.top{background:#12355b;color:#fff;padding:14px 16px}
.top .in{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.top img{width:40px;height:40px;border-radius:9px}
.top h1{font-size:20px;margin:0;flex:1;min-width:200px}
.top h1 small{display:block;font-size:12.5px;font-weight:400;opacity:.85}
.btn{display:inline-block;border:0;border-radius:8px;padding:9px 14px;font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none;background:#f5b700;color:#12355b}
.btn.sec{background:#e8f0f8;color:#12355b}.btn.red{background:#fde2e1;color:#9b1c1c}.btn:disabled{opacity:.5;cursor:default}
.wrap{max-width:960px;margin:18px auto;padding:0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{position:relative;display:block;background:#fff;border:1px solid #d5dde5;border-radius:12px;padding:16px 16px 14px;color:inherit;text-decoration:none;border-top:6px solid var(--c,#12355b)}
a.card:hover{box-shadow:0 3px 12px rgba(18,53,91,.15)}
.card b{display:block;font-size:17.5px;color:#12355b;margin-bottom:4px}
.card p{margin:0 0 12px;color:#566573;font-size:14px}
.tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12.5px;font-weight:700}
.tag.ok{background:#e3f4e8;color:#1b5e20}.tag.lock{background:#fff1d6;color:#8a5a00}.tag.soon{background:#eceff3;color:#5d6b79}
.card.soon{opacity:.75}
.off{display:block;margin-top:8px;font-size:12.5px;color:#566573}
.box{background:#fff;border:1px solid #d5dde5;border-radius:12px;padding:18px;margin:14px 0}
input,select,textarea{font:inherit;padding:9px 10px;border:1px solid #b9c6d3;border-radius:8px}
.key{font-family:Consolas,monospace;font-size:20px;letter-spacing:1px;width:100%;max-width:360px;text-transform:uppercase}
.msg{margin-top:12px;padding:10px 12px;border-radius:8px;display:none}.msg.err{display:block;background:#fde2e1;color:#8b1a1a}.msg.ok{display:block;background:#e3f4e8;color:#1b5e20}
.muted{color:#6b7a89;font-size:13.5px}
table{border-collapse:collapse;width:100%;font-size:13.5px}td,th{border-bottom:1px solid #e6ebf0;padding:6px;text-align:left;vertical-align:top}
code{background:#eef2f6;padding:1px 5px;border-radius:4px}