:root{--bg: #f4f5f7;--card: #ffffff;--border: #e3e5ea;--text: #1c1e26;--text-muted: #6b7080;--accent: #16a34a;--accent-hover: #15803d;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--radius: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);overscroll-behavior-y:none;overflow-x:hidden}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at top,#1f2130,#0d0e14);padding:16px}.login-screen .update-banner{width:100%;max-width:360px;border-radius:12px;border-bottom:none}.login-card{background:var(--card);padding:36px 26px;border-radius:20px;width:100%;max-width:360px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;gap:14px}.login-logo{font-size:44px;text-align:center}.login-card h1{margin:0;text-align:center;font-size:21px}.login-sub{margin:-6px 0 8px;text-align:center;color:var(--text-muted);font-size:13px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);font-weight:600}.login-card input{padding:13px 14px;border:1px solid var(--border);border-radius:12px;font-size:16px}.login-card button{margin-top:8px;padding:14px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:15px}.login-card button:disabled{opacity:.6}.login-error{background:#fef2f2;color:var(--danger);padding:9px 11px;border-radius:10px;font-size:13px}.mobile-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden}.mobile-content{flex:1;min-height:0;overflow-y:auto;padding:20px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;border-top:1px solid var(--border);background:#f8f9fa;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;text-decoration:none;color:var(--text-muted);font-size:10.5px;font-weight:600}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.bottom-nav a.nav-agenda.active{color:#2563eb}.bottom-nav a.nav-agenda.active:after{background:#2563eb}.bottom-nav a.nav-clientes.active{color:#ea580c}.bottom-nav a.nav-clientes.active:after{background:#ea580c}.bottom-nav a.nav-servicios.active{color:#16a34a}.bottom-nav a.nav-servicios.active:after{background:#16a34a}.bottom-nav a.nav-catalogo.active{color:#b3452c}.bottom-nav a.nav-catalogo.active:after{background:#b3452c}.bottom-nav a.nav-horario.active{color:#7c3aed}.bottom-nav a.nav-horario.active:after{background:#7c3aed}.bottom-nav a.nav-finanzas.active{color:#ca8a04}.bottom-nav a.nav-finanzas.active:after{background:#ca8a04}.nav-icon{display:flex;align-items:center;justify-content:center}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);font-weight:600;min-width:0;max-width:100%}input,select{width:100%;max-width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;color:var(--text)}input:focus,select:focus{border-color:var(--accent);outline:none}h1.page-title{font-size:22px;margin:4px 0}.page-title-black{color:#0f1115;font-weight:800}.page-sub{color:var(--text-muted);font-size:13px;margin:0 0 20px}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.page-header-split{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:4px}.page-header-illustration{width:54px;height:54px;min-width:54px;border-radius:16px;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dia-icon{width:30px;height:30px;min-width:30px;border-radius:9px;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dia-nombre-row{display:flex;align-items:center;gap:10px}.input-icon-wrap{position:relative}.input-icon-wrap input,.input-icon-wrap select{padding-left:34px}.input-icon-wrap .input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex}.pausa-icon{width:30px;height:30px;min-width:30px;border-radius:9px;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-eliminar-round{width:28px;height:28px;min-width:28px;border-radius:8px;border:none;background:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-pill-icon{display:inline-flex;align-items:center;gap:6px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-weight:700;font-size:14px;color:var(--text-muted)}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary-full{width:100%;padding:15px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;margin-top:8px}.btn-primary-full:disabled{opacity:.45}.btn-secondary-full{width:100%;padding:13px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:700;font-size:14px}.btn-pill{padding:7px 14px;border-radius:999px;border:1px solid var(--accent);background:#fff;color:var(--accent);font-weight:700;font-size:13px}.resumen-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid var(--border)}.resumen-row:last-child{border-bottom:none;font-weight:700;font-size:15px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-pendiente{background:#dbeafe;color:#1d4ed8}.badge-completada{background:#dcfce7;color:var(--success)}.badge-cancelada{background:#f3f4f6;color:var(--text-muted)}.badge-no_asistio{background:#fee2e2;color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.form-error{background:#fef2f2;color:var(--danger);padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}.form-success{background:#f0fdf4;color:var(--success);padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:14px}.licencia-banner{background:#fffbeb;color:var(--warning);padding:10px 14px;font-size:13px;font-weight:600;text-align:center;border-bottom:1px solid #fde68a}.push-banner{display:flex;align-items:center;gap:10px;background:#eef2ff;color:var(--accent);padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid #c7d2fe}.push-banner button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}.push-banner-error{width:100%;color:var(--danger);font-weight:600}.update-banner{display:flex;align-items:center;gap:10px;background:#ecfdf5;color:#047857;padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid #a7f3d0}.update-banner-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;margin-left:auto}.slots-lista{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.slot-fila{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-size:14px;font-weight:600}.slot-fila.disponible{border-color:#bbf7d0;color:var(--success)}.slot-fila.ocupado{color:#c4c7d0;background:#f7f7f9}.slot-fila.seleccionado{background:var(--accent);border-color:var(--accent);color:#fff}.cita-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);margin-bottom:12px}.cita-card .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.cita-card .hora{font-size:26px;font-weight:800}.cita-card .servicio{color:var(--text-muted);font-size:13px}.cita-card .acciones{display:flex;gap:8px;margin-top:12px}.btn-completar{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:13px}.btn-no-asistio{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#1c1e26;font-weight:700;font-size:13px}.agenda-header-gradiente{background:linear-gradient(180deg,#dcfce7,#dcfce700);margin:-20px -16px 16px;padding:20px 16px 6px}.aviso-gris{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text-muted)}.fab{position:fixed;bottom:0;right:0;margin:0 auto;max-width:480px;width:100%;pointer-events:none}.fab button{pointer-events:auto;position:absolute;right:20px;bottom:84px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:26px;font-weight:700;box-shadow:0 8px 20px #16a34a66}.list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-bottom:10px}.list-item .info{min-width:0;max-width:100%}.list-item .info strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .info span{color:var(--text-muted);font-size:13px}.list-item .precio{font-weight:700;color:var(--accent);white-space:nowrap}.list-item-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 100%;margin-top:10px}.search-bar{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:15px;margin-bottom:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.option-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.option-icon-green{background:#dcfce7}.option-icon-purple{background:#dbeafe}.option-icon-pink{background:#fce7f3}.option-text{flex:1;min-width:0}.servicio-left{display:flex;align-items:center;gap:12px;min-width:0}.gradient-title{color:#2563eb}.btn-pill-gradient{padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:700;font-size:13px}.btn-guardar-gradient{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 13px 20px;border:none;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:700;font-size:15px}.btn-guardar-gradient:disabled{opacity:.6}.check-circle{width:26px;height:26px;min-width:26px;border-radius:50%;background:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.switch{position:relative;width:46px;height:26px;border-radius:999px;border:none;background:var(--border);flex-shrink:0}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on:after{transform:translate(20px)}.credentials-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;margin-bottom:14px}.credentials-box code{background:#fff;padding:2px 6px;border-radius:4px;font-weight:700}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}.stat-card .icon-circle{width:34px;height:34px;min-width:34px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat-card .label{font-size:12px;color:var(--text-muted);font-weight:600}.stat-card .value{font-size:22px;font-weight:800;color:var(--accent);margin-top:6px}.stat-card .sub{font-size:12px;color:var(--text-muted);margin-top:2px}.cambio-badge{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#16a34a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;margin-top:8px;align-self:flex-start}.cambio-badge-baja{background:#fee2e2;color:var(--danger)}.header-icon-circle{width:44px;height:44px;min-width:44px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mes-selector-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 10px}.total-resumen-card{background:var(--bg);border-radius:var(--radius);padding:16px;display:flex;gap:14px;margin-top:16px}.total-resumen-item{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.total-resumen-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.total-resumen-icon-green{background:#dcfce7}.total-resumen-icon-blue{background:#dbeafe}.total-resumen-label{font-size:11.5px;color:var(--text-muted);font-weight:600}.total-resumen-value{font-size:17px;font-weight:800;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.total-resumen-value-green{color:#16a34a}.total-resumen-value-blue{color:#2563eb}.btn-logout-outline{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--danger);font-weight:700;font-size:14px;margin-top:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f101680;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--card);border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px;max-height:85vh;overflow-y:auto}.modal h2{margin:0;font-size:18px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);font-weight:600}.modal input,.modal select{padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;color:var(--text)}.modal .input-icon-wrap input,.modal .input-icon-wrap select{padding-left:34px}.modal-actions{display:flex;gap:10px;margin-top:6px}.modal-actions button{flex:1}.catalogo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}.catalogo-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.catalogo-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.catalogo-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px}.catalogo-item-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cita-foto-ref{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--text-muted)}.cita-foto-ref img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.calendario-header{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0 10px;font-size:14px}.calendario-header button{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:16px;line-height:1}.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.calendario-dow{margin-bottom:6px;font-size:11px;font-weight:700;color:var(--text-muted)}.calendario-dia{aspect-ratio:1;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;position:relative}.calendario-dia.con-datos{border-color:#16a34a;font-weight:700}.calendario-dia.con-datos:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#16a34a}.calendario-dia.seleccionado{background:#16a34a;border-color:#16a34a;color:#fff}.calendario-dia.seleccionado:after{background:#fff}.meses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mes-btn{padding:14px 8px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;font-weight:600;text-transform:capitalize}.mes-btn.con-datos{border-color:#16a34a;color:#16a34a}.mes-btn.seleccionado{background:#16a34a;border-color:#16a34a;color:#fff}.section-title-underline{position:relative;padding-bottom:10px}.section-title-underline:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--accent)}.card-header-row{display:flex;align-items:center;gap:10px}.card-header-icon-circle{width:36px;height:36px;min-width:36px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.char-counter{font-size:11px;color:var(--text-muted);font-weight:700}.dropzone{border:1.5px dashed var(--border);border-radius:12px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer}.dropzone-text{font-size:12.5px;color:var(--text-muted);line-height:1.5}.btn-elegir-archivo{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:700;font-size:13px}.btn-agregar-full{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 13px 20px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:15px}.btn-agregar-full:disabled{opacity:.6}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.section-header-left{display:flex;align-items:center;gap:8px}.badge-verde-pastel{background:#dcfce7;color:#16a34a;font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px}.select-pill-wrap{position:relative;display:flex;align-items:center}.select-pill-wrap select.select-pill{width:auto;padding:6px 26px 6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text);-moz-appearance:none;appearance:none;-webkit-appearance:none}.select-pill-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);display:flex}.filtro-icon-btn{width:30px;height:30px;min-width:30px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.estilo-card{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-bottom:10px}.estilo-card-foto{width:62px;height:62px;min-width:62px;border-radius:12px;object-fit:cover;flex-shrink:0}.estilo-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.estilo-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.estilo-card-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-servicio-verde{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:#dcfce7;color:#16a34a;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}.tag-servicio-verde svg{width:12px;height:12px}.btn-menu-puntos{width:24px;height:24px;min-width:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.estilo-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px}.btn-eliminar-outline{padding:6px 14px;border-radius:999px;border:1px solid #fecaca;background:#fff;color:var(--danger);font-weight:700;font-size:12px}.avatar-circulo{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.resumen-clientes-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.icon-circle-black{width:40px;height:40px;min-width:40px;border-radius:50%;background:#14161c;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.resumen-clientes-numero{font-size:30px;font-weight:800;color:var(--text);margin-top:2px}.resumen-clientes-nuevo{font-size:12.5px;font-weight:700;color:#16a34a}.search-icon-wrap{position:relative;margin-bottom:14px}.search-icon-wrap .search-bar{padding-left:36px;margin-bottom:0}.search-icon-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex}.cliente-card{display:flex;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-bottom:10px}.cliente-card-body{flex:1;min-width:0}.cliente-card-body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cliente-card-body span{color:var(--text-muted);font-size:13px}.cliente-card-actions{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 100%;justify-content:flex-end;margin-top:4px}.btn-editar-outline{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid #1c1e26;background:#fff;color:var(--text);font-weight:700;font-size:12.5px}.btn-eliminar-outline-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid #fecaca;background:#fff;color:var(--danger);font-weight:700;font-size:12.5px}.fixed-bottom-btn-wrap{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:480px;width:100%;pointer-events:none}.btn-nuevo-cliente-full{pointer-events:auto;position:absolute;left:16px;right:16px;bottom:84px;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;box-shadow:0 8px 20px #16a34a59}