*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#101820;color:#eff5fa;font:16px system-ui}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid #354653;color:#70ead0;letter-spacing:.12em}main{max-width:1180px;margin:auto;padding:1.5rem}h1{font-size:clamp(1.65rem,5vw,2.6rem);margin:.4rem 0 1rem}h2{margin:0 0 1rem}form,aside{background:#192630;border:1px solid #354653;border-radius:14px;padding:1.25rem}#gate{max-width:460px;margin:3rem auto}.grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:1rem}.bar,.actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.actions{justify-content:flex-start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;margin-bottom:.8rem}input,textarea,select{display:block;width:100%;padding:.65rem;margin-top:.35rem;background:#101820;border:1px solid #526475;border-radius:6px;color:inherit;font:inherit}textarea{min-height:5rem;resize:vertical}button{background:#70ead0;color:#102323;border:0;border-radius:7px;padding:.65rem .9rem;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#records button{display:block;text-align:left;width:100%;margin:.5rem 0;background:#283a47;color:inherit;overflow-wrap:anywhere}.item{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(150px,2fr) minmax(80px,.7fr) minmax(110px,1fr) auto;gap:.5rem;align-items:center;margin-bottom:.6rem}.item input,.item select{margin:0;min-width:0}.total{text-align:right;font-size:1.25rem;margin:1rem 0}#message{color:#ffcd86}#paper{white-space:pre-wrap}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #aaa;padding:.5rem}@media(max-width:720px){.grid,.fields{grid-template-columns:1fr}.item{grid-template-columns:1fr 1fr auto}.item select,.item input[aria-label="Description"]{grid-column:1/-1}}@media print{body{background:white;color:black}header,#workspace,#gate,#message{display:none!important}main{padding:0}#paper:not([hidden]){display:block!important}tr{break-inside:avoid}}
@media screen{#paper{display:none}}