*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#1e293b;font:15px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif}header{background:#122d48;color:white;display:flex;justify-content:space-between;align-items:center;padding:15px max(18px,calc((100vw - 1100px)/2))}header strong{font-size:19px;letter-spacing:.7px}header small{display:block;color:#bcd0e0}nav{display:flex;gap:8px;overflow:auto;background:white;padding:10px max(14px,calc((100vw - 1100px)/2));border-bottom:1px solid #e1e6ed}nav a{white-space:nowrap;text-decoration:none;color:#475569;padding:9px 13px;border-radius:8px}nav a.selected{background:#e5f0fa;color:#123b60;font-weight:700}main{max-width:1100px;margin:auto;padding:20px 16px 60px}h1{font-size:26px;margin:6px 0 20px}h2{font-size:19px;margin-top:28px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tiles article,.list article,.panel,.modules>a,.disabled,details{background:white;border:1px solid #e0e5ec;border-radius:11px;padding:16px}.tiles strong{display:block;font-size:30px;color:#163b60}.tiles span,small{display:block;color:#64748b}.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modules>a{text-decoration:none;color:#123b60;font-weight:600}.disabled{color:#8793a2}.disabled small{font-size:11px}.list{display:grid;gap:10px;margin-top:18px}.list article{display:flex;flex-direction:column;gap:4px}.list a{color:#1261a1}label{display:block;font-weight:600;margin:12px 0 0}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:11px;margin-top:5px;background:white;color:#1e293b}button{background:#16639c;color:white;border:0;border-radius:8px;padding:11px 17px;font:inherit;font-weight:600;cursor:pointer;margin-top:15px}.subtle{background:#e7eef5;color:#163b60;margin:0}.panel{margin:12px 0 20px}summary{font-weight:700;cursor:pointer}.success{padding:12px;background:#e4f7ec;border-radius:8px}.error{color:#b42318}.login{max-width:440px;background:white;margin:8vh auto;padding:30px;border-radius:14px;border:1px solid #e0e5ec}.login h1{color:#123b60;margin:0}.login p{color:#64748b}.login button{width:100%}@media(max-width:650px){.modules{grid-template-columns:1fr}main{padding:14px}.login{margin:20px 12px}.tiles article{padding:12px}.tiles strong{font-size:25px}header{padding:12px 16px}}