:root{font:15px/1.5 system-ui,Arial;color:#14253b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#12365b;color:white;padding:16px 5%;display:flex;align-items:center;gap:18px}header strong{font-size:22px}header span{margin-left:auto}main{max-width:1200px;margin:24px auto;padding:0 18px}section#login{max-width:420px;background:white;margin:70px auto;padding:30px;border-radius:14px;box-shadow:0 4px 24px #0001}h1,h2{margin:0 0 18px}label{display:flex;flex-direction:column;gap:4px;font-weight:600}input,select,textarea,button{font:inherit;padding:10px 12px;border:1px solid #cad5e2;border-radius:7px}input,select,textarea{width:100%;background:white}button{cursor:pointer;background:#1762a1;color:white;border:0}button:hover{filter:brightness(.94)}button.secondary,nav button{background:#e7eff8;color:#12365b}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:white;padding:16px;border-radius:10px}.toolbar label{min-width:190px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.panel{background:white;padding:22px;border-radius:12px;box-shadow:0 2px 10px #00000009;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metric{background:#eaf3fb;padding:18px;border-radius:9px}.metric strong{display:block;font-size:24px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}table{width:100%;border-collapse:collapse;margin-top:14px}td,th{border-bottom:1px solid #e3e9ef;text-align:left;padding:10px}th{background:#edf3fa}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.scroll{overflow-x:auto}.line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:8px 0;align-items:end}#message{color:#9a2832;font-weight:600}small{color:#667}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media(max-width:650px){.line{grid-template-columns:1fr 1fr}.line select:first-child{grid-column:1/-1}header{padding:12px}td,th{padding:7px;font-size:13px}}
.narration-bottom{margin-top:20px;display:block}.narration-bottom textarea{margin-top:7px;resize:vertical}#voucherNumber{background:#eef3f8;color:#324861}
