*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:#1d2433;background:#f6f8fb;line-height:1.55}
header{background:#0b5cad;color:#fff;padding:14px 20px}header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem}nav a{color:#dbe9ff;margin-right:12px;font-size:.9rem}
main{max-width:860px;margin:auto;padding:20px}.card{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 1px 4px #0001}
label{display:block;margin:10px 0 4px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #c7cfdb;border-radius:8px;font-size:1rem}
.res{background:#eaf3ff;border-left:4px solid #0b5cad;padding:14px;border-radius:8px;margin-top:14px;font-size:1.05rem}
table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border-bottom:1px solid #e3e7ee;padding:6px;text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.grid a{display:block;background:#fff;padding:16px;border-radius:12px;text-decoration:none;color:#1d2433;box-shadow:0 1px 4px #0001}
.grid a b{color:#0b5cad}.warn{background:#fff6e0;border-left:4px solid #e0a100;padding:10px;border-radius:8px;font-size:.9rem}.src{font-size:.85rem}
footer{text-align:center;font-size:.85rem;color:#667;padding:30px}button{background:#0b5cad;color:#fff;border:0;padding:10px 16px;border-radius:8px;font-size:1rem}