:root{--azul-oscuro:#0f2540;--azul-oscuro-2:#16324f;--gris:#6b7280;--gris-claro:#e5e7eb;--gris-fondo:#f3f4f6;--blanco:#fff;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--gris-fondo);color:#1f2937;margin:0}input,select,textarea{border:1px solid var(--gris-claro);border-radius:6px;width:100%;padding:8px 10px;font-size:14px}label{color:var(--azul-oscuro);margin-top:10px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}button{cursor:pointer;font-family:inherit}.btn-primary{background:var(--azul-oscuro);color:#fff;border:none;border-radius:6px;margin-top:16px;padding:10px 18px;font-weight:600}.btn-primary:hover{background:var(--azul-oscuro-2)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--gris-claro);color:var(--azul-oscuro);border:none;border-radius:6px;margin-top:10px;padding:8px 14px;font-weight:600}.btn-remove{color:#b91c1c;background:0 0;border:none;font-weight:700}.btn-logout{background:var(--gris);color:#fff;border:none;border-radius:6px;padding:8px 14px}.link-btn{color:var(--gris);background:0 0;border:none;margin-top:12px;font-size:12px;text-decoration:underline;display:block}.login-page{background:linear-gradient(135deg,#0f2540,#6b7280);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:14px;width:380px;padding:40px 36px;box-shadow:0 20px 50px #0000004d}.login-logo-img{width:160px;margin:0 auto 18px;display:block}.login-card h1{color:var(--azul-oscuro);text-align:center;margin:0 0 16px;font-size:22px}.password-field{gap:6px;display:flex}.ver-password{background:var(--gris-claro);color:var(--azul-oscuro);border:none;border-radius:6px;padding:0 10px;font-size:12px}.login-error{color:#b91c1c;margin-top:8px;font-size:12px}.login-loading{justify-content:center;align-items:center;height:220px;display:flex}.spinner{border:4px solid var(--gris-claro);border-top:4px solid var(--azul-oscuro);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background:var(--azul-oscuro);color:#fff;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;box-shadow:0 2px 10px #00000026}.navbar-left{align-items:center;gap:14px;display:flex}.navbar-logo-img{background:#fff;border-radius:6px;height:56px;padding:3px 10px}.navbar-empresa{letter-spacing:.5px;font-size:28px;font-weight:800}.navbar-right{align-items:center;gap:22px;display:flex}.navbar-right a{color:#fff;font-size:14px;font-weight:600;text-decoration:none}.navbar-right a:hover{text-decoration:underline}.navbar-usuario{color:var(--gris-claro);border-left:1px solid #ffffff40;padding-left:18px;font-size:13px}.fullscreen-loading{background:var(--gris-fondo);justify-content:center;align-items:center;min-height:100vh;display:flex}.ayuda-texto{color:var(--gris);margin:2px 0 0;font-size:12px}.app-shell{min-height:100vh}.page-content{max-width:900px;margin:0 auto;padding:24px}.page-content h1{color:var(--azul-oscuro)}.folio-preview{background:var(--gris-claro);color:var(--azul-oscuro);border-radius:6px;padding:6px 12px;display:inline-block}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;display:grid}.card{border:1px solid var(--gris-claro);background:#fff;border-radius:8px;margin-top:18px;padding:18px}.card h2{color:var(--azul-oscuro);border-bottom:2px solid var(--gris-claro);margin-top:0;padding-bottom:8px;font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.partidas-table{border-collapse:collapse;width:100%;margin-top:10px}.partidas-table th{background:var(--azul-oscuro);color:#fff;text-align:left;padding:8px;font-size:12px}.partidas-table td{border-bottom:1px solid var(--gris-claro);padding:6px;font-size:13px}.resumen{text-align:right;margin-top:16px;font-size:14px}.resumen-total{color:var(--azul-oscuro);font-size:18px;font-weight:800}.mensaje{color:var(--gris);margin-top:12px;font-size:13px}.clientes-layout{grid-template-columns:320px 1fr;align-items:stretch;gap:16px;min-height:70vh;margin-top:16px;display:grid}.clientes-lista ul{margin:0;padding:0;list-style:none}.clientes-lista li{margin-bottom:6px}.clientes-lista button{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;width:100%;padding:8px;font-size:14px;overflow:hidden}.clientes-lista button:hover{background:var(--gris-fondo)}.cliente-activo{font-weight:700;background:var(--gris-claro)!important}.tipo-cliente-selector{gap:12px;margin-bottom:16px;display:flex}.btn-tipo{border:2px solid var(--gris-claro);color:var(--azul-oscuro);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px;font-weight:600}.btn-tipo.activo{background:var(--azul-oscuro);color:#fff;border-color:var(--azul-oscuro)}.cliente-selector-row{margin-bottom:16px}.cliente-selector-row select{border:1px solid var(--gris-claro);border-radius:8px;width:100%;padding:10px;font-size:14px}