:root{--verde:#0f766e;--verde-oscuro:#115e59;--verde-claro:#14b8a6;--fondo:#f1f5f4;--tarjeta:#fff;--texto:#1f2937;--texto-suave:#6b7280;--borde:#e5e7eb;--peligro:#dc2626;--peligro-suave:#fef2f2;--exito:#16a34a;--exito-suave:#f0fdf4;--ambar:#b45309;--ambar-suave:#fffbeb;--radio:10px;--sombra:0 1px 3px #00000014}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.layout{min-height:100vh;display:flex}.sidebar{color:#d1fae5;background:linear-gradient(#134e4a 0%,#0b3b38 100%);flex-direction:column;flex-shrink:0;width:230px;height:100vh;display:flex;position:sticky;top:0}.sidebar-marca{color:#fff;border-bottom:1px solid #ffffff14;padding:22px 20px;font-size:19px;font-weight:700}.marca-icono{background:#ffffff26;border-radius:6px;margin-right:6px;padding:0 7px;display:inline-block}.sidebar nav{flex-direction:column;gap:2px;padding:12px 10px;display:flex}.sidebar nav a{color:#d1fae5;border-radius:8px;padding:9px 14px;font-weight:500;text-decoration:none}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{background:var(--verde-claro);color:#042f2e;font-weight:700}.sidebar-pie{border-top:1px solid #ffffff14;margin-top:auto;padding:16px}.usuario-mini{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.usuario-mini strong{color:#fff}.usuario-mini span{color:#99d6c4;font-size:12px}.contenido{flex:1;max-width:1100px;padding:28px 32px}.login-fondo{background:linear-gradient(135deg,#0f766e 0%,#134e4a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-tarjeta{background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:36px;display:flex;box-shadow:0 20px 50px #00000040}.login-marca{color:var(--verde-oscuro);font-size:24px;font-weight:800}.login-subtitulo{color:var(--texto-suave);margin:0 0 8px}.titulo-pagina{margin:0 0 20px;font-size:22px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:20px;padding:20px}.tarjeta h2{color:var(--verde-oscuro);margin:0 0 14px;font-size:15px}.formulario{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cobrador-auto{border:1px dashed var(--verde-claro);background:var(--exito-suave);color:var(--texto);border-radius:8px;padding:9px 12px;font-size:13.5px}.badge-metodo{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.badge-efectivo{background:var(--exito-suave);color:var(--exito)}.badge-transferencia{color:#4338ca;background:#eef2ff}.badge-datafono{background:var(--ambar-suave);color:var(--ambar)}.texto-peligro{color:var(--peligro)}.ayuda{color:var(--texto-suave);margin:10px 0 0;font-size:13px}input,select{border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:8px;min-width:130px;padding:9px 12px;font-size:14px}input:focus,select:focus{outline:2px solid var(--verde-claro);border-color:#0000}label{color:var(--texto-suave);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.boton{border:1px solid var(--borde);color:var(--texto);cursor:pointer;background:#fff;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.boton:hover{background:#f9fafb}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--verde);border-color:var(--verde);color:#fff}.boton-primario:hover{background:var(--verde-oscuro)}.boton-peligro{color:var(--peligro);background:var(--peligro-suave);border-color:#fecaca}.boton-peligro:hover{background:#fee2e2}.boton-chico{padding:5px 10px;font-size:12.5px}.boton-texto{color:#d1fae5;background:0 0;border:none;padding:0;font-size:13px}.boton-texto:hover{background:0 0;text-decoration:underline}.alerta-error{background:var(--peligro-suave);color:var(--peligro);border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 14px}.alerta-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:14px;padding:10px 14px}.alerta-exito{background:var(--exito-suave);color:var(--exito);border:1px solid #bbf7d0;border-radius:8px;margin-bottom:14px;padding:10px 14px}.vacio{color:var(--texto-suave);text-align:center;padding:20px 0}.aviso-pago{color:#854d0e;background:#fefce8;border:1px solid #fde047;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-weight:500}.bloqueo{background:var(--fondo);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.bloqueo-tarjeta{border:1px solid var(--borde);text-align:center;background:#fff;border-radius:12px;max-width:420px;padding:32px;box-shadow:0 10px 30px #00000014}.bloqueo-tarjeta h1{color:var(--texto);margin:0 0 10px;font-size:22px}.bloqueo-tarjeta p{color:var(--texto-suave);margin:0 0 20px;line-height:1.5}.tabla{border-collapse:collapse;width:100%}.tabla th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);border-bottom:2px solid var(--borde);padding:8px 10px;font-size:12px}.tabla td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:10px}.tabla tbody tr:hover{background:#f8faf9}.acciones{gap:6px;display:flex}.barra-busqueda{gap:10px;margin-bottom:14px;display:flex}.barra-busqueda input{flex:1}.paginacion{color:var(--texto-suave);justify-content:space-between;align-items:center;margin-top:14px;display:flex}.estado-activo{background:var(--exito-suave);color:var(--exito);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.estado-pendiente{color:#92400e;background:#fef3c7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.estado-liquidado{color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.estado-anulado{background:var(--peligro-suave);color:var(--peligro);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi{border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;flex-direction:column;gap:6px;padding:18px;display:flex}.kpi span{text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);font-size:11px;font-weight:700}.kpi strong{font-size:24px}.kpi small{color:var(--texto-suave);font-size:13px;font-weight:400}.kpi-destacada{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#115e59 100%);border:none}.kpi-destacada span,.kpi-destacada small{color:#fffc}@media (width<=700px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{flex-flow:wrap}.contenido{padding:18px}}