*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#111827;font:14px 'Segoe UI',Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#fff;border-right:1px solid #dfe4eb;padding:28px 20px}aside img{width:175px;height:85px;object-fit:contain}aside p{font-size:10px;letter-spacing:.13em;font-weight:800;color:#657286;text-align:center;margin-bottom:32px}nav a{display:block;padding:13px 10px;margin:5px 0;background:#fff;color:#536071;border-left:3px solid #e30613}aside small{display:block;margin:25px 0;color:#657286}main{margin-left:220px;padding:0 30px 30px}header{background:#fff;margin:0 -30px 30px;padding:27px 30px;border-bottom:3px solid #e30613;color:#758093}header b{color:#071225}h1{font-size:28px;color:#071225;letter-spacing:-.035em}h2{color:#071225}section{background:#fff;border:1px solid #dfe4eb;border-top:3px solid #071225;border-radius:5px;padding:22px;margin:20px 0;overflow:auto}section.login{max-width:520px;margin:70px auto}p{color:#596577;line-height:1.6}a{color:#b90510;text-decoration:none}a:hover{text-decoration:underline}button,.button{background:#e30613;color:#fff;border:1px solid #e30613;border-radius:4px;padding:11px 16px;cursor:pointer;font:600 13px inherit;display:inline-block}button:hover,.button:hover{background:#b90510;text-decoration:none}input,select,textarea{padding:11px;border:1px solid #ccd5e1;border-radius:4px;font:inherit;max-width:100%;background:#fff}input[readonly]{background:#f1f3f6;color:#657286}input[type=checkbox]{accent-color:#e30613}label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px}textarea{min-height:90px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.grid>button{align-self:end;margin-bottom:16px;width:max-content}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.heading>div>p{color:#e30613;font-size:10px;letter-spacing:.13em;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats section{border-top:1px solid #dfe4eb;border-left:3px solid #e30613;color:#596577}.stats section:nth-child(2){border-left-color:#0b4db8}.stats section:nth-child(3){border-left-color:#071225}.stats strong{display:block;font-size:30px;color:#071225;margin-top:8px}table{border-collapse:collapse;width:100%;min-width:600px;margin-top:20px}th{text-align:left;background:#f4f6f9;font-size:11px;color:#677489}th,td{padding:14px 10px;border-bottom:1px solid #e5e9ee}td small{display:block;color:#657286;margin-top:6px}.error{background:#fff0f1;color:#a8000b;border-left:3px solid #e30613;padding:15px}footer{display:flex;justify-content:space-between;gap:12px;margin-top:30px;color:#6f7c8f;font-size:11px}footer b{color:#071225;font-size:10px;letter-spacing:.07em}#printArea{display:none}:focus-visible{outline:3px solid #0b4db8;outline-offset:2px}@media(max-width:750px){aside{position:relative;width:100%;padding:12px 18px}aside img{width:130px;height:60px}aside p{display:none}nav{display:flex;flex-wrap:wrap}nav a{font-size:12px;padding:8px;margin:2px}aside small{margin:10px 0}main{margin:0;padding:0 15px 20px}header{margin:0 -15px 22px;padding:20px 15px}.stats{gap:8px}.stats section{padding:12px}.grid{grid-template-columns:1fr}}@media print{@page{size:A4;margin:10mm}body>*{display:none!important}body>#printArea{display:grid!important;grid-template-columns:repeat(3,60mm);gap:4mm}.label{height:35mm;width:60mm;border:1px solid #111;padding:3mm;break-inside:avoid;font-family:Arial;color:#000;overflow:hidden}.label b{display:block;font-size:18px}.label small{display:block;font-size:10px}.label svg{display:block;width:100%;height:9mm}}

.responsiva{color:#111;background:#fff;font:12px Arial,sans-serif;padding:12mm;max-width:210mm;margin:20px auto}.responsiva .doc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #e30613;padding-bottom:14px}.responsiva img{width:135px;height:70px;object-fit:contain}.responsiva h1{font-size:20px;color:#071225;margin:0 0 6px}.responsiva h2{font-size:14px;margin-top:22px}.responsiva p{color:#111;font-size:12px;line-height:1.65}.responsiva .employee{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.responsiva table{min-width:0;width:100%;border-collapse:collapse;white-space:normal;margin:15px 0}.responsiva th,.responsiva td{font-size:10px;padding:9px 6px;border:1px solid #aaa;color:#111;overflow-wrap:anywhere}.responsiva th{background:#eee}.responsiva thead{display:table-header-group}.responsiva tr{break-inside:avoid}.responsiva .signatures{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px;break-inside:avoid;text-align:center}.responsiva .signature{border-top:1px solid #111;padding-top:9px;line-height:1.8}.responsiva .observation{min-height:65px;border:1px solid #aaa;padding:10px}.responsiva .doc-footer{margin-top:25px;border-top:1px solid #ccc;padding-top:10px;font-size:10px;color:#555}.receipt-actions{display:flex;gap:12px;justify-content:center;margin:20px}#receiptPreview{width:950px;max-width:95vw}#receiptPreview .responsiva{padding:15px}
@media print{@page{size:A4;margin:12mm}body.receipt-mode>*{display:none!important}body.receipt-mode>#printArea{display:block!important}body.receipt-mode>#printArea .responsiva{padding:0;margin:0;max-width:none}.responsiva-page>article.responsiva{display:block!important;max-width:none;margin:0;padding:0}.responsiva-page>.receipt-actions{display:none!important}.responsiva-page{background:white}.responsiva-page .responsiva{font-size:11px}.responsiva .employee{grid-template-columns:1fr 1fr}.responsiva .signatures{grid-template-columns:1fr 1fr}.responsiva table{min-width:0}.responsiva .doc-header{break-inside:avoid}}