:root{--orange:#f28c20;--dark:#202124;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f7f9;--green:#0a7f35;--red:#a40000;--blue:#0b5cad}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark)}.view{display:none}.view.active{display:block}.login-card{width:min(440px,92vw);margin:8vh auto;background:#fff;border-radius:22px;padding:30px;box-shadow:0 18px 50px #0002;text-align:center}.logo-big{width:145px;max-height:100px;object-fit:contain}.login-card input,.form-card input,.form-card select,.form-card textarea,.filters input,.filters select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px}.login-card input{margin:8px 0}.register-link{margin-top:14px;font-size:14px;color:var(--muted)}.register-link a{color:var(--orange);font-weight:700;text-decoration:none}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:10}.topbar-actions{display:flex;gap:8px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:block;color:var(--muted);font-size:13px}.tabs{display:flex;gap:8px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.tab{background:#f1f1f1;color:#222}.tab.active{background:var(--orange);color:#fff}button{border:0;border-radius:12px;padding:11px 16px;background:var(--orange);color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#334155}button.ghost{background:#fff;color:#111;border:1px solid var(--line)}main{padding:18px;max-width:1250px;margin:auto}.page{display:none}.page.active{display:block}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px #00000008}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stats .card span{display:block;font-size:32px;font-weight:800;color:var(--orange)}.stats .card label{color:var(--muted)}.grid{display:grid;gap:12px;margin-bottom:12px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}h2,h3{margin:18px 0 10px}textarea{min-height:88px;resize:vertical}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.checks label{padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fafafa;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.checks label span{flex:1}.checks label input[type="checkbox"]{width:22px;height:22px;flex:none;cursor:pointer}.checkline{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafafa;display:flex;gap:8px;align-items:center}.accept-box,.note{background:#fff7ed;border-left:5px solid var(--orange);padding:12px;border-radius:10px;color:#4b341d}.hint{display:block;color:var(--muted);margin:8px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.photo-preview img{width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.table th{font-size:13px;color:var(--muted);background:#fafafa}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:700}.alta{background:#dcfce7;color:#166534}.media{background:#fef9c3;color:#854d0e}.baja{background:#fee2e2;color:#991b1b}.estado{background:#e0f2fe;color:#075985}.record-actions{display:flex;gap:6px;flex-wrap:wrap}.record-actions button{font-size:12px;padding:8px 10px}.review-head{padding:12px;border:1px dashed var(--line);border-radius:12px;background:#fafafa;margin-bottom:10px}.paper{width:min(900px,94vw);margin:22px auto;background:#fff;color:#111;min-height:1050px;padding:38px;box-shadow:0 12px 45px #0002}.paper-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--orange);padding-bottom:15px;margin-bottom:20px}.paper-logo{width:120px}.meta{font-size:13px;color:#555}.section{margin:16px 0}.section h3{border-bottom:1px solid var(--line);padding-bottom:6px}.kv{display:grid;grid-template-columns:210px 1fr;gap:6px;border-bottom:1px solid #eee;padding:5px 0}.qr{width:135px;height:135px;border:1px solid #ddd}.legal{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px;font-weight:600}.sig-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.sig{border-top:1px solid #111;padding-top:8px;text-align:center}.mini-photo{width:150px;height:110px;object-fit:cover;border:1px solid #ddd;border-radius:8px;margin:5px}.hidden{display:none!important}
@media(max-width:800px){.stats,.two,.three,.four,.checks{grid-template-columns:1fr}.topbar{height:auto;padding:10px}.paper{padding:20px}.kv{grid-template-columns:1fr}.record-actions{display:block}.record-actions button{margin:3px 0}.photo-preview{grid-template-columns:repeat(2,1fr)}}
@media print{body{background:#fff}.no-print,.tabs,.topbar:not(.no-print){display:none!important}.view{display:block}.paper{box-shadow:none;margin:0;width:100%;padding:20px}.no-print{display:none!important}}