:root{font-family:Inter,system-ui,Arial,sans-serif;color:#203049;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.container{max-width:1180px;margin:36px auto;padding:0 20px}.narrow{max-width:550px}.panel,.metric{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:24px;box-shadow:0 4px 18px #1c35530a}h1{font-size:28px;margin:0 0 12px}h2{font-size:19px}p{line-height:1.5;color:#58677b}label{display:block;margin:14px 0;font-weight:600;font-size:13px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;margin-top:6px}textarea{min-height:100px}button,.btn{display:inline-block;background:#1264a3;color:#fff;border:0;border-radius:9px;padding:11px 18px;text-decoration:none;cursor:pointer;font:inherit}button:hover,.btn:hover{background:#0c4c7d}.top{background:#112d48;color:white;padding:17px max(20px,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.top a{color:#d4eaff;text-decoration:none}.top strong{font-size:22px}.nav{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.nav a{color:#155c91;text-decoration:none;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric strong{display:block;font-size:29px;color:#125c94}.muted{color:#68778c}.error{color:#b42318;background:#fef3f2;padding:12px;border-radius:8px}.success{color:#067647;background:#ecfdf3;padding:12px;border-radius:8px}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5eaf0;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#65758b}.scroll{overflow-x:auto}.tag{background:#e8f1fb;color:#195f9b;border-radius:7px;padding:4px 7px;font-size:12px}@media(max-width:700px){.container{margin:18px auto}.top{display:block}.top a{display:inline-block;margin-top:10px}}