:root{--rojo: #c8392c;--rojo-osc: #a72e23;--crema: #faf6f0;--crema-2: #f3ece1;--tinta: #2a2320;--gris: #8a807a;--ok: #2e7d52;--linea: #e4d9c9;--sombra: 0 2px 10px rgba(0, 0, 0, .06);--radio: 14px}*{box-sizing:border-box}body{margin:0;font-family:Inter Tight,system-ui,sans-serif;background:var(--crema);color:var(--tinta);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.mono{font-family:JetBrains Mono,monospace}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--rojo);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-family:Fraunces,serif;font-weight:600;font-size:19px;margin:0;letter-spacing:.2px}.topbar .sub{font-size:12px;opacity:.85}.topbar button{background:#ffffff2e;border:none;color:#fff;border-radius:8px;padding:7px 12px;font-size:13px}.content{padding:18px;flex:1}.card{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px;margin-bottom:16px}label{display:block;font-size:13px;color:var(--gris);margin:12px 0 6px}input,select{width:100%;padding:13px 14px;border:1.5px solid var(--linea);border-radius:10px;font-size:16px;background:var(--crema);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--rojo)}.btn{width:100%;background:var(--rojo);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;margin-top:16px;transition:background .15s}.btn:hover{background:var(--rojo-osc)}.btn:disabled{background:var(--gris);opacity:.6}.btn.sec{background:#fff;color:var(--rojo);border:1.5px solid var(--rojo)}.btn.sec:hover{background:var(--crema-2)}.login-wrap{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px}.brand{text-align:center;margin-bottom:26px}.brand .logo{width:64px;height:64px;border-radius:16px;background:var(--rojo);color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.brand h1{font-family:Fraunces,serif;font-size:24px;margin:0}.brand p{color:var(--gris);margin:6px 0 0;font-size:14px}.estado-chip{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.estado-abierto{background:#e8f3ec;color:var(--ok)}.estado-en_revision{background:#fdf0e6;color:#b5651d}.estado-cerrado{background:#eceaf6;color:#5b4b9e}.estado-aprobado{background:#e9eef7;color:#2f5da8}.lectura{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--linea)}.lectura:last-child{border-bottom:none}.lectura .desc{font-size:14px;font-weight:500}.lectura .meta{font-size:12px;color:var(--gris);margin-top:2px}.lectura .cant{font-size:18px;font-weight:700}.msg{padding:11px 14px;border-radius:10px;font-size:14px;margin-top:12px}.msg.err{background:#fdeceb;color:var(--rojo-osc);border:1px solid #f3c9c4}.msg.ok{background:#e8f3ec;color:var(--ok);border:1px solid #c4e2d0}.msg.warn{background:#fdf0e6;color:#b5651d;border:1px solid #f0d4b8;margin-top:8px}.empty{text-align:center;color:var(--gris);padding:28px 10px;font-size:14px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:12px;color:var(--gris);margin-top:4px}.tabla{width:100%;border-collapse:collapse;font-size:13px}.tabla th{color:var(--gris);font-weight:600;padding:6px 8px;border-bottom:2px solid var(--linea);white-space:nowrap}.tabla td{padding:6px 8px;border-bottom:1px solid var(--linea)}.tabla tbody tr:nth-child(2n){background:var(--crema-2)}