:root{--blue:#163d63;--blue2:#1f4e78;--bg:#f3f6f9;--line:#dce3ea;--text:#17212b;--muted:#657281}*{box-sizing:border-box}body{margin:0;font:14px "Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}header{height:68px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4%;box-shadow:0 2px 8px #0002}header strong{font-size:18px;display:block}header small{opacity:.75}nav{display:flex;gap:8px}nav a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:5px}nav a:hover{background:#ffffff18}main{max-width:1500px;margin:0 auto;padding:28px 4%}h1{margin:0 0 6px;font-size:28px}h2{font-size:19px}p{color:var(--muted)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.button,button{border:0;border-radius:5px;background:var(--blue2);color:#fff;padding:11px 18px;text-decoration:none;font-weight:600;cursor:pointer}.secondary{background:#697887}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin:20px 0}.card,section,.panel,.login-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 10px #17324d0c}.card{padding:18px}.card span{color:var(--muted);text-transform:capitalize}.card b{display:block;font-size:30px;margin-top:8px;color:var(--blue2)}section{padding:18px;margin:18px 0}.table-wrap{overflow:auto;max-height:600px}table{width:100%;border-collapse:collapse;background:#fff}th{position:sticky;top:0;background:var(--blue2);color:white;text-align:left;padding:10px;white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid #e7ebef;white-space:nowrap}tr:hover td{background:#f8fafc}.login-card{max-width:420px;margin:10vh auto;padding:34px}.login-card h1{text-align:center}.login-card p{text-align:center}.login-card label,.form-grid label{display:block;font-weight:600;margin:18px 0}input,select{width:100%;padding:11px;border:1px solid #c9d2dc;border-radius:5px;background:#fff;margin-top:6px}.login-card button{width:100%;margin-top:10px}.licence{padding:12px 16px;background:#e8f3ff;border:1px solid #b7d7f5;border-radius:6px;margin-bottom:18px}.licence.warning{background:#fff4d9;border-color:#efd07a}.alert{padding:12px 15px;border-radius:5px;margin-bottom:15px}.alert.danger{background:#fde5e5;color:#8c1f1f}.alert.success{background:#def5e6;color:#176b35}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:24px}.rules{grid-column:1/-1;background:#f5f8fb;padding:15px;border-left:4px solid var(--blue2)}.rules p{line-height:1.7;margin-bottom:0}.wide{grid-column:1/-1}.tabs{display:flex;gap:5px;overflow:auto}.tabbtn{background:#dfe7ef;color:#21394f;border-radius:5px 5px 0 0}.tabbtn.active{background:var(--blue2);color:#fff}.tabpage{margin-top:0;border-top-left-radius:0}.hidden{display:none}.form-inline{display:grid;grid-template-columns:1.2fr 1fr 1fr 180px auto;gap:10px;align-items:end}.form-inline input,.form-inline select{margin:0}.actions{display:flex;gap:5px}.actions button{padding:7px 9px;font-size:12px}.pill{padding:4px 8px;border-radius:20px;font-size:12px}.pill.green{background:#dff5e8;color:#176838}.pill.red{background:#fde0e0;color:#941f1f}@media(max-width:800px){header{height:auto;padding:15px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.rules,.wide{grid-column:auto}.form-inline{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px}}