:root{--brand:#006787;--brand-dark:#004d66;--brand-tint:#e6f2f5;--brand-bg:#e1eef2;--ink:#1f2328;--ink-muted:#667085;--border:#e4e7eb;--surface:#fff;--surface-alt:#f8f8f9;--status-ok:#12805c;--status-ok-bg:#e7f6ef;--status-warn:#b54708;--status-warn-bg:#fef3e6;--status-danger:#b42318;--status-danger-bg:#fdeceb;--font-ui:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--ink);background:var(--surface-alt);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.juguetes-page{margin:0 auto;padding:32px 24px 64px}.juguetes-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.juguetes-header-usuario{align-items:center;gap:12px;display:flex}.juguetes-usuario-nombre{color:var(--ink-muted);font-size:13.5px}.btn-salir{font-family:var(--font-ui);border:1px solid var(--border);color:var(--ink-muted);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px}.btn-salir:hover{border-color:var(--brand);color:var(--brand)}.juguetes-header-title{align-items:center;gap:12px;display:flex}.juguetes-header-title h1{color:var(--ink);margin:0;font-size:22px;font-weight:600}.juguetes-icon{font-size:22px;line-height:1}.juguetes-count-pill{background:var(--brand);color:#fff;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.juguetes-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px 20px}.juguetes-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.juguetes-field{color:var(--ink-muted);flex-direction:column;gap:6px;min-width:220px;font-size:13px;display:flex}.juguetes-field input{font-family:var(--font-ui);border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:8px 10px;font-size:14px}.juguetes-field input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.juguetes-field-buttons{gap:8px;display:flex}.chip{font-family:var(--font-ui);border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip-active{background:var(--brand);border-color:var(--brand);color:#fff}.chip-active:hover{color:#fff}.juguetes-aviso{background:var(--status-warn-bg);color:var(--status-warn);border:1px solid var(--status-warn);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.juguetes-aviso-cerrar{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.juguetes-error{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.juguetes-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:auto hidden}.juguetes-table{border-collapse:collapse;width:100%;font-size:13.5px}.juguetes-table thead th{background:var(--brand);color:#fff;text-align:left;white-space:nowrap;padding:10px 14px;font-weight:600}.juguetes-table tbody td{border-bottom:1px solid var(--border);color:var(--ink);white-space:nowrap;padding:11px 14px}.juguetes-table tbody tr:last-child td{border-bottom:none}.juguetes-table tbody tr:hover{background:var(--surface-alt)}.fila-nueva{box-shadow:inset 3px 0 0 var(--brand)}.mono{font-family:var(--font-mono);color:var(--ink-muted);font-size:12.5px}.rut-link{cursor:pointer;color:var(--brand);background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.rut-link:hover{color:var(--brand-dark)}.juguetes-empty{text-align:center;color:var(--ink-muted);white-space:normal!important;padding:32px 14px!important}.pago-check{background:var(--status-ok-bg);width:24px;height:24px;color:var(--status-ok);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn-pago{font-family:var(--font-ui);border:1px solid var(--brand);color:var(--brand);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.btn-pago:hover:not(:disabled){background:var(--brand);color:#fff}.btn-pago:disabled{opacity:.6;cursor:default}.badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok)}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.btn-csv{align-self:flex-end;margin-left:auto}.acciones-cell{flex-wrap:nowrap;gap:6px;display:flex}.btn-accion{font-family:var(--font-ui);border:1px solid var(--border);color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:500}.btn-accion:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-accion:disabled{opacity:.45;cursor:default}.btn-accion-historial{border-color:var(--ink-muted);color:var(--ink-muted)}.btn-accion-historial:hover{border-color:var(--ink);color:var(--ink)}a.btn-accion{text-decoration:none;display:inline-block}.modal-backdrop{z-index:50;background:#1f232873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modal-header h2{color:var(--ink);margin:0;font-size:17px}.modal-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--brand)}.modal-subtitle{color:var(--ink-muted);margin:4px 0 12px;font-size:13px}.modal-note{color:var(--ink-muted);background:var(--surface-alt);border-radius:8px;margin:0 0 18px;padding:10px 12px;font-size:12.5px;line-height:1.5}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.modal-field input,.modal-field select{font-family:var(--font-ui);border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:6px;padding:9px 10px;font-size:14px}.modal-field input:focus-visible,.modal-field select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.modal-error{background:var(--status-danger-bg);color:var(--status-danger);border-radius:8px;padding:8px 12px;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.nc-resultado{margin-top:4px}.nc-periodo{color:var(--ink-muted);margin-bottom:14px;font-size:12.5px}.nc-cifras{gap:14px;display:flex}.nc-cifra{background:var(--surface-alt);text-align:center;border-radius:10px;flex:1;padding:16px}.nc-cifra-numero{color:var(--brand);font-size:32px;font-weight:700;display:block}.nc-cifra-label{color:var(--ink-muted);margin-top:4px;font-size:11.5px;line-height:1.4;display:block}.btn-primario,.btn-secundario{font-family:var(--font-ui);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13.5px;font-weight:500}.btn-primario{background:var(--brand);border:1px solid var(--brand);color:#fff}.btn-primario:hover:not(:disabled){background:var(--brand-dark)}.btn-primario:disabled{opacity:.6;cursor:default}.btn-secundario{border:1px solid var(--border);color:var(--ink-muted);background:#fff}.btn-secundario:hover{border-color:var(--ink-muted)}.modal-aviso{background:var(--status-warn-bg);color:var(--status-warn);border-radius:8px;padding:8px 12px;font-size:13px}.modal-ok{background:var(--status-ok-bg);color:var(--status-ok);border-radius:8px;padding:8px 12px;font-size:13px}.modal-hint{color:var(--ink-muted);font-size:12px}.csv-panel{max-width:880px}.csv-table-wrap{border:1px solid var(--border);border-radius:8px;max-height:340px;margin-top:16px;overflow:auto}.csv-table{border-collapse:collapse;width:100%;font-size:12.5px}.csv-table thead th{background:var(--surface-alt);color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;position:sticky;top:0}.csv-table tbody td{border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}.csv-table input,.csv-table select{border:1px solid var(--border);border-radius:4px;width:100%;padding:5px 6px;font-size:12.5px}.fila-sin-match{background:var(--status-warn-bg)}.csv-warning{color:var(--status-warn);font-size:11px;font-family:var(--font-ui);white-space:normal;max-width:160px;margin-top:2px}.historial-panel{max-width:620px}.historial-vacio{color:var(--ink-muted);margin:12px 0;font-size:13.5px}.historial-lista{flex-direction:column;gap:10px;max-height:380px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.historial-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.historial-item-header{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.chip-direccion{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.chip-entrante{background:var(--status-ok-bg);color:var(--status-ok)}.chip-saliente{background:var(--brand-tint);color:var(--brand)}.historial-servicio{color:var(--ink-muted);font-size:11.5px}.historial-operacion{color:var(--ink);font-weight:600}.historial-fecha{color:var(--ink-muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.historial-detalle{color:var(--status-warn);margin:6px 0 0;font-size:12px}.historial-toggle{color:var(--brand);font-size:12px;font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0}.historial-raw{margin-top:8px}.historial-raw-label{color:var(--ink-muted);margin-bottom:4px;font-size:11px}.historial-raw pre{background:var(--surface-alt);font-size:11px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0 0 10px;padding:10px;overflow-x:auto}.usuarios-panel{max-width:640px}.usuarios-vacio{color:var(--ink-muted);font-size:13.5px}.usuarios-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12.5px}.usuarios-table thead th{text-align:left;color:var(--ink-muted);border-bottom:1px solid var(--border);padding:6px 8px}.usuarios-table tbody td{border-bottom:1px solid var(--border);padding:8px}.usuarios-acciones{justify-content:flex-end;gap:6px;display:flex}.usuarios-subform{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.usuarios-subform h3{color:var(--ink);margin:0 0 4px;font-size:14px}.usuarios-reset-ok{color:var(--status-ok);background:var(--status-ok-bg);border-radius:8px;padding:10px 12px;font-size:13px}.login-page{background:linear-gradient(160deg, var(--surface-alt) 0%, var(--brand-bg) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:14px;width:100%;max-width:380px;padding:40px 36px;box-shadow:0 20px 50px #1f23281f}.login-brand{letter-spacing:.5px;color:var(--brand);margin-bottom:18px;font-size:22px;font-weight:800}.login-card h1{color:var(--ink);margin:0 0 6px;font-size:20px}.login-subtitle{color:var(--ink-muted);margin:0 0 24px;font-size:13.5px}.login-field{color:var(--ink-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.login-field input{font-family:var(--font-ui);border:1px solid var(--border);color:var(--ink);border-radius:7px;padding:10px 12px;font-size:14.5px}.login-field input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.login-password-wrap{display:flex;position:relative}.login-password-wrap input{flex:1;width:100%;padding-right:40px}.login-password-toggle{cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:15px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-forgot{text-align:center;color:var(--ink-muted);margin:16px 0 0;font-size:12px}.login-error{background:var(--status-danger-bg);color:var(--status-danger);border-radius:7px;margin-bottom:16px;padding:9px 12px;font-size:13px}.login-submit{width:100%;font-family:var(--font-ui);background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:11px;font-size:14.5px;font-weight:600}.login-submit:hover:not(:disabled){background:var(--brand-dark)}.login-submit:disabled{opacity:.6;cursor:default}