*{box-sizing:border-box}body{font:15px system-ui,sans-serif;margin:0;background:#f4f6fa;color:#1c2333}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:#1f3a8a;color:#fff;padding:10px 16px}
nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav a{color:#fff}main{max-width:960px;margin:auto;padding:16px}
.box{max-width:380px;margin:8vh auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #0002}
input,select,button{font:inherit;padding:8px;border:1px solid #bbc;border-radius:6px;margin:3px 0}input{width:100%}.row input,.row select{width:auto}
button{background:#2748c9;color:#fff;border:0;cursor:pointer}button.on{background:#0b1f66}.big{font-size:20px;padding:16px 24px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:end}label{display:block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.cards div{background:#fff;padding:12px;border-radius:10px}.cards b{display:block;font-size:26px}
.warn{background:#ffe3e0;border:1px solid #e0554a;padding:10px;border-radius:8px;margin:10px 0}.note{background:#eef2ff;padding:8px;border-radius:8px;margin:8px 0}.err{color:#c0392b}
.sc{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}td,th{padding:6px 10px;border-bottom:1px solid #e3e6ee;text-align:left}
@media print{header,button,select,.row{display:none}}