*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;background:#f4f6f8;color:#222;font-size:15px}
header{background:#1f4e79;color:#fff;padding:10px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}header nav{display:flex;flex-wrap:wrap;gap:4px}
header a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;background:#ffffff22;font-size:14px}
main{max-width:1000px;margin:auto;padding:14px}h2,h3{margin:.6em 0}
.box{max-width:360px;margin:8vh auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0001}
label{display:block;margin:8px 0;font-size:14px}input,select{width:100%;padding:9px;border:1px solid #ccd;border-radius:6px;font:inherit;background:#fff}
button{background:#1f4e79;color:#fff;border:0;padding:10px 18px;border-radius:6px;font:inherit;cursor:pointer;margin-top:8px}button.sec{background:#667}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 12px;background:#fff;padding:12px;border-radius:10px;margin-bottom:14px;align-items:end}
fieldset{grid-column:1/-1;border:1px solid #ccd;border-radius:6px}.chk{display:inline-flex;gap:6px;align-items:center;margin:4px 10px}.chk input{width:auto}
.scroll{overflow-x:auto;background:#fff;border-radius:10px;margin:8px 0}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;border-bottom:1px solid #eee;text-align:right;white-space:nowrap}th{background:#eef2f6}
td input,td select{min-width:90px}.cards{display:flex;gap:12px;flex-wrap:wrap}.card{flex:1;min-width:150px;background:#fff;padding:14px;border-radius:10px}.card b{display:block;font-size:20px;color:#1f4e79;margin-top:6px}
.err{background:#fde8e8;color:#b00;padding:10px;border-radius:6px}.muted{color:#777;font-size:13px}
@media print{header,button{display:none}body{background:#fff}}