:root{--azul: #101D2F;--naranja: #FF7800;--azul-claro: #1a6eb5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#1a1a1a;background:#f5f7fa}#app{height:100%}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.login-wrap{min-height:100vh;background:#f0f4f8;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:12px;border:.5px solid #e0e0e0;padding:2rem 2.5rem;width:100%;max-width:400px;box-shadow:0 2px 16px #101d2f14}.login-logo{text-align:center;margin-bottom:1.8rem;padding-bottom:1.5rem;border-bottom:.5px solid #f0f0f0}.logo-img{width:200px;height:auto;display:block;margin:0 auto 10px}.login-sub{font-size:13px;color:#888;margin-top:4px}.field{margin-bottom:1rem}.field label{display:block;font-size:13px;color:#555;margin-bottom:4px}.field input{width:100%;padding:9px 12px;border:.5px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--azul)}.field input.error{border-color:#e53935}.error-msg{font-size:12px;color:#e53935;margin-top:2px;display:block}.alert-error{background:#fdecea;color:#c62828;border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:1rem;text-align:center}.btn-login{width:100%;padding:10px;background:var(--azul);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:4px}.btn-login:hover:not(:disabled){background:#1a2d46}.btn-login:disabled{opacity:.6;cursor:not-allowed}.main-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--azul);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-user{padding:14px;border-bottom:.5px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.sidebar-logo{padding:14px 16px 10px;border-bottom:.5px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.sidebar-logo img{width:140px;height:auto}.avatar{width:36px;height:36px;border-radius:50%;background:var(--naranja);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0}.user-name{font-size:13px;font-weight:500;color:#fff}.user-role{font-size:11px;color:#ffffff80}.nav-section{font-size:10px;font-weight:500;color:#ffffff59;letter-spacing:.08em;padding:12px 14px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13px;color:#ffffffa6;text-decoration:none;cursor:pointer;transition:background .12s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:var(--naranja);color:#fff}.nav-icon{width:28px;height:28px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item.active .nav-icon{background:#fff3}.content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;background:#fff;border-bottom:.5px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.topbar-title{font-size:15px;font-weight:500;color:#1a1a1a}.btn-logout{background:none;border:none;cursor:pointer;color:#888;padding:6px;border-radius:6px;display:flex;align-items:center}.btn-logout:hover{background:#f5f5f5;color:#e53935}.main-content{flex:1;overflow-y:auto;background:#f5f7fa;padding:20px}.bienvenida-card{background:#fff;border-radius:12px;border:.5px solid #e0e0e0;padding:2.5rem;text-align:center;margin-bottom:20px}.bienvenida-card h2{font-size:22px;font-weight:500;color:#1a1a1a;margin:12px 0 6px}.bienvenida-card p{font-size:14px;color:#888}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat-card{background:#fff;border-radius:10px;border:.5px solid #e0e0e0;padding:16px;display:flex;align-items:center;gap:14px}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-num{font-size:26px;font-weight:500;color:#1a1a1a;line-height:1}.stat-label{font-size:12px;color:#888;margin-top:4px}.page-header{margin-bottom:16px}.page-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:#1a1a1a}.card{background:#fff;border-radius:10px;border:.5px solid #e0e0e0;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:.5px solid #f0f0f0;gap:10px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:6px;border:.5px solid #ddd;border-radius:6px;padding:6px 10px;background:#fafafa}.search-box input{border:none;outline:none;background:transparent;font-size:13px;width:200px}.select-pagina{border:.5px solid #ddd;border-radius:6px;padding:6px 10px;font-size:13px;background:#fafafa;outline:none}.btn-primary{display:flex;align-items:center;gap:6px;background:#101d2f;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1a2d46}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:6px;background:#1a6eb5;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-secondary:hover:not(:disabled){background:#155a9a}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-pdf{background:#e53935;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer}.btn-pdf:hover{background:#c62828}.btn-excel-exp{background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer}.btn-excel-exp:hover{background:#1b5e20}.info-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#e3f2fd;font-size:13px;color:#1a6eb5;border-bottom:.5px solid #bbdefb}.tabla{width:100%;border-collapse:collapse;font-size:13px}.tabla thead tr{border-bottom:.5px solid #e0e0e0}.tabla th{padding:10px 16px;text-align:left;font-weight:500;color:#444;display:table-cell;vertical-align:middle}.tabla th,.tabla td{padding:10px 16px;border-bottom:.5px solid #f0f0f0;vertical-align:middle}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr:hover{background:#fafafa}.td-center{text-align:center;color:#aaa;padding:24px!important}.th-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;margin-right:6px;vertical-align:middle}.badge-activa{background:#e8f5e9;color:#2e7d32;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.badge-inactiva{background:#fdecea;color:#c62828;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.badge-si{background:#e8f5e9;color:#2e7d32;border-radius:20px;padding:3px 10px;font-size:12px}.badge-no{background:#f5f5f5;color:#888;border-radius:20px;padding:3px 10px;font-size:12px}.acciones{display:flex;gap:6px}.btn-icon{width:30px;height:30px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.btn-icon:hover{opacity:.85}.btn-editar{background:#1a6eb5;color:#fff}.btn-toggle{background:#ff7800;color:#fff}.btn-eliminar{background:#e53935;color:#fff}.paginacion{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:.5px solid #f0f0f0;font-size:13px;color:#888}.pag-botones{display:flex;align-items:center;gap:6px}.pag-botones button{width:28px;height:28px;border:.5px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.pag-botones button:disabled{opacity:.4;cursor:default}.pag-info{font-size:12px}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:10px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-sm{max-width:380px}.modal-md{max-width:560px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:.5px solid #f0f0f0}.modal-header h3{font-size:15px;font-weight:500}.modal-close{background:none;border:none;font-size:16px;cursor:pointer;color:#888;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f5f5f5}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:.5px solid #f0f0f0}.btn-eliminar-confirm{background:#e53935;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer}.btn-eliminar-confirm:disabled{opacity:.6;cursor:not-allowed}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-muted{color:#888;font-size:13px}.mb-8{margin-bottom:8px}.contadores-bar{display:flex;gap:20px;padding:10px 16px;border-bottom:.5px solid #f0f0f0;flex-wrap:wrap}.contador-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400}.contador-activos{color:#2e7d32}.contador-bloqueados{color:#c62828}.fila-bloqueada{background:#fff5f5!important;color:#c62828}.fila-bloqueada:hover{background:#fdecea!important}.btn-reactivar{background:#2e7d32;color:#fff}.alerta-bloqueado{display:flex;align-items:center;gap:8px;background:#fff3e0;border:.5px solid #ffcc80;border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:13px;color:#e65100;flex-wrap:wrap}.btn-reactivar-inline{margin-left:auto;background:#2e7d32;color:#fff;border:none;border-radius:5px;padding:4px 12px;font-size:12px;cursor:pointer;font-weight:500}.btn-reactivar-inline:hover{background:#1b5e20}.alerta-activo{display:flex;align-items:center;gap:8px;background:#e3f2fd;border:.5px solid #90caf9;border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:13px;color:#0d47a1;flex-wrap:wrap}input:disabled,select:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.sol-fechas{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.sol-fechas .field{margin-bottom:0}.input-fecha{width:140px;padding:8px 12px;border:.5px solid #ccc;border-radius:20px;font-size:13px;outline:none;text-align:center}.input-fecha:focus{border-color:#1a6eb5}.sol-cantidades{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.sol-cantidades .field{margin-bottom:0}.sol-cantidades label{display:flex;align-items:center;gap:5px;font-size:13px;color:#555;margin-bottom:4px}.cant-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex-shrink:0}.input-cant{width:140px;padding:8px 12px;border:.5px solid #ddd;border-radius:6px;font-size:14px;text-align:center;outline:none}.input-cant:focus{border-color:#1a6eb5}.sol-botones{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.btn-agregar{display:flex;align-items:center;gap:6px;background:#1a6eb5;color:#fff;border:none;border-radius:20px;padding:9px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-agregar:hover{background:#155a9a}.btn-guardar{display:flex;align-items:center;gap:6px;background:#101d2f;color:#fff;border:none;border-radius:20px;padding:9px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-guardar:hover:not(:disabled){background:#1a2d46}.btn-guardar:disabled{opacity:.5;cursor:not-allowed}.sol-tabla-wrap{overflow-x:auto}.sol-tabla th{font-size:12px;display:table-cell;vertical-align:middle}.input-detalle{width:100%;min-width:80px;padding:5px 8px;border:.5px solid #ddd;border-radius:4px;font-size:13px;text-align:center;outline:none;background:#fafafa}.input-detalle:focus{border-color:#1a6eb5;background:#fff}.td-info{text-align:left;color:#1a6eb5;background:#e3f2fd;padding:12px 16px!important;display:table-cell}.input-fecha-date{padding:7px 12px;border:.5px solid #ccc;border-radius:20px;font-size:13px;outline:none;cursor:pointer;background:#fff;color:#1a1a1a}.input-fecha-date:focus{border-color:#1a6eb5}.fecha-display{display:block;font-size:11px;color:#888;margin-top:2px;text-align:center}.sol-item{border:.5px solid #e0e0e0;border-radius:8px;margin:10px 16px;overflow:hidden}.sol-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#fff;transition:background .12s;flex-wrap:wrap;gap:8px}.sol-item-header:hover{background:#fafafa}.sol-item-left{display:flex;align-items:center;gap:10px}.sol-titulo{font-size:13px;font-weight:500;color:#1a1a1a}.sol-item-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-usuario{display:flex;align-items:center;gap:4px;background:#fff3e0;color:#e65100;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.badge-normal{display:flex;align-items:center;gap:4px;background:#ede7f6;color:#4527a0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.badge-adicional{display:flex;align-items:center;gap:4px;background:#e3f2fd;color:#0d47a1;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.badge-estado{background:#e8f5e9;color:#2e7d32;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.sol-detalle{padding:12px 16px;background:#f9f9f9;border-top:.5px solid #e0e0e0}.filtro-fecha{display:flex;align-items:center;gap:6px;border:.5px solid #ddd;border-radius:6px;padding:6px 10px;background:#fafafa}.filtro-label{font-size:12px;color:#888;white-space:nowrap}.filtro-date-input{border:none;outline:none;background:transparent;font-size:13px;color:#1a1a1a;cursor:pointer;min-width:130px}input[type=date]{cursor:pointer}.notif-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026}.notif-error{background:#c62828;color:#fff}.notif-ok{background:#2e7d32;color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.con-fecha-row{display:flex;align-items:center;margin-bottom:16px}.con-fecha-box{display:flex;align-items:center;gap:6px;border:.5px solid #ddd;border-radius:20px;padding:6px 14px;background:#fafafa}.con-tipos{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.con-tipo-btn{display:flex;align-items:center;gap:6px;border:1.5px solid #ddd;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;color:#555;transition:all .15s}.con-tipo-btn:hover{border-color:#aaa}.con-tipo-btn.active{color:#fff}.con-tipo-icono{display:inline-flex;align-items:center}.con-badge{background:#ffffff4d;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.con-tipo-btn:not(.active) .con-badge{background:#f0f0f0;color:#555}.con-contadores{display:flex;gap:12px;flex-wrap:wrap}.con-contador-card{display:flex;align-items:center;gap:10px;background:#fff;border:.5px solid #e0e0e0;border-radius:8px;padding:10px 16px;min-width:100px}.con-contador-num{font-size:22px;font-weight:700;color:#101d2f;line-height:1}.con-contador-label{font-size:10px;color:#888;text-transform:uppercase;margin-top:2px}.con-paneles{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.con-panel{flex:1;min-width:280px;padding:0;overflow:hidden}.con-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;border-bottom:.5px solid #f0f0f0;color:#1a6eb5}.con-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:.5px solid #f0f0f0;background:#fafafa}.con-search input{border:none;outline:none;background:transparent;font-size:13px;flex:1}.con-lista{max-height:480px;overflow-y:auto}.con-persona-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:.5px solid #f5f5f5;transition:background .1s}.con-persona-item:hover{background:#f0f7ff}.con-persona-item.ya-consumio{background:#f0faf0}.con-persona-item.ya-consumio:hover{background:#e6f7e6}.con-persona-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.con-persona-info{flex:1}.con-persona-nombre{font-size:12px;font-weight:500;color:#1a1a1a}.con-persona-sub{font-size:11px;color:#888;margin-top:1px}.con-ok{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#2e7d32}.con-consumo-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:.5px solid #f5f5f5}.con-btn-eliminar{width:30px;height:30px;border-radius:50%;background:#e53935;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.con-btn-eliminar:hover{background:#c62828}.con-contador-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.badge-almuerzo{background:#fdecea;color:#c62828;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.badge-desayuno{background:#fff3e0;color:#e65100;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.badge-cena{background:#e3f2fd;color:#0d47a1;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.badge-extra{background:#f3e5f5;color:#6a1b9a;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.btn-excel{display:flex;align-items:center;gap:6px;background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.btn-excel:hover{background:#1b5e20}.res-tabla-wrap{overflow-x:auto;padding:0 16px 16px}.res-tabla{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.res-tabla th,.res-tabla td{border:.5px solid #e0e0e0;padding:6px 10px;text-align:center}.res-th-fecha{text-align:left;background:#f5f5f5;min-width:180px}.res-th-grupo{font-weight:700;font-size:11px}.res-th-sub{font-size:11px;font-weight:600}.res-td-fecha{text-align:left;font-weight:500;color:#1a1a1a}.res-td-num{color:#555}.res-bg-sol{background:#e3f2fd;color:#0d47a1}.res-bg-adi{background:#f3e5f5;color:#6a1b9a}.res-bg-tot{background:#fce4ec;color:#c62828}.res-th-consumo{background:#e8f5e9;color:#2e7d32;font-weight:700}.res-th-cobrado{background:#fff8e1;color:#f57f17;font-weight:700}.res-tot{color:#c62828;font-weight:600}.res-consumo{color:#2e7d32;font-weight:600}.res-cobrado{color:#f57f17;font-weight:600}.res-totales-row td{background:#f0f4ff;font-weight:700;color:#101d2f}.res-info-row td{background:#fafafa}.res-cards{display:flex;gap:12px;padding:16px;flex-wrap:wrap}.res-card{flex:1;min-width:100px;border-radius:10px;padding:16px;text-align:center}.res-card-num{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.res-card-label{font-size:10px;color:#888;font-weight:600;text-transform:uppercase}.res-th-pedtotal{background:#e8eaf6;color:#283593;font-weight:700}.res-pedtotal{color:#283593;font-weight:600}.sug-select{padding:9px 14px;border:.5px solid #ddd;border-radius:20px;font-size:13px;outline:none;background:#fff;min-width:220px;cursor:pointer}.sug-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.sug-card-cat{background:#fff;border:.5px solid #e0e0e0;border-radius:10px;padding:14px 18px;min-width:160px;flex:1}.sug-cat-header{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sug-cat-prom{font-size:28px;font-weight:700;color:#2e7d32;line-height:1}.sug-estrellas{color:#f59e0b;font-size:16px;margin:2px 0}.sug-cat-count{font-size:11px;color:#888}.sug-resumen{display:flex;gap:12px;margin-bottom:16px}.sug-res-card{background:#f5f7fa;border:.5px solid #e0e0e0;border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px}.sug-res-num{font-size:24px;font-weight:700;color:#101d2f}.sug-res-label{font-size:10px;color:#888;font-weight:600;text-transform:uppercase}.sug-cat-badge{font-size:12px}.sug-pub-bg{min-height:100vh;background:linear-gradient(135deg,#6c3fc5,#4a90d9);display:flex;align-items:center;justify-content:center;padding:20px}.sug-pub-card{background:#fff;border-radius:20px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 20px 60px #0003}.sug-pub-logo{text-align:center;margin-bottom:12px}.sug-pub-titulo{text-align:center;font-size:26px;font-weight:800;color:#101d2f;margin:0 0 4px;line-height:1.2}.sug-pub-subtitulo{text-align:center;font-size:13px;color:#888;margin:0 0 20px}.sug-pub-label{text-align:center;font-size:11px;font-weight:700;color:#888;letter-spacing:1px;margin-bottom:8px}.sug-pub-rut-display{background:#f5f5f5;border-radius:10px;padding:14px;text-align:center;font-size:18px;font-weight:600;color:#333;margin-bottom:16px;min-height:50px;display:flex;align-items:center;justify-content:center}.sug-pub-teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.sug-pub-tecla{background:#f5f5f5;border:none;border-radius:12px;padding:16px;font-size:20px;font-weight:600;cursor:pointer;transition:background .1s;color:#1a1a1a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sug-pub-tecla:hover{background:#e8e8e8}.tecla-del{background:#fde8e8;color:#e53935}.tecla-k{background:#fff9e6;color:#f59e0b}.sug-pub-acciones{display:flex;gap:10px;margin-bottom:8px}.sug-pub-btn-sec{flex:1;padding:13px;border:.5px solid #ddd;border-radius:12px;background:#f5f5f5;font-size:14px;cursor:pointer;color:#555}.sug-pub-btn-pri{flex:2;padding:13px;border:none;border-radius:12px;background:#7c3aed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.sug-pub-btn-pri:disabled{opacity:.5;cursor:not-allowed}.sug-pub-btn-pri:not(:disabled):hover{background:#6d28d9}.sug-pub-error{text-align:center;color:#e53935;font-size:12px;margin-top:4px}.sug-pub-cat-titulo{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.sug-pub-cat-sub{font-size:12px;color:#888;margin-bottom:12px}.sug-pub-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.sug-pub-cat-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border:1.5px solid #e0e0e0;border-radius:12px;background:#fafafa;cursor:pointer;font-size:13px;font-weight:500;position:relative;transition:all .15s}.sug-pub-cat-btn.selected{border-color:#7c3aed;background:#f5f0ff;color:#7c3aed}.sug-pub-cat-icon{font-size:24px}.sug-pub-check{position:absolute;top:8px;right:8px;color:#7c3aed;font-weight:700}.sug-pub-cal-box{border:1px solid #e0e0e0;border-radius:12px;padding:14px;margin-bottom:12px}.sug-pub-cal-titulo{font-size:13px;font-weight:600;color:#7c3aed;margin-bottom:8px}.sug-pub-estrellas{display:flex;gap:6px;margin-bottom:10px}.sug-pub-star{font-size:28px;color:#ddd;cursor:pointer;transition:color .1s}.sug-pub-star.active{color:#f59e0b}.sug-pub-textarea{width:100%;border:.5px solid #ddd;border-radius:8px;padding:10px;font-size:13px;resize:none;height:80px;outline:none;box-sizing:border-box}.sug-pub-count{text-align:right;font-size:11px;color:#aaa;margin-top:2px}.sug-pub-btn-env{width:100%;padding:15px;border:none;border-radius:12px;background:#10b981;color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:background .15s}.sug-pub-btn-env:disabled{opacity:.5;cursor:not-allowed}.sug-pub-btn-env:not(:disabled):hover{background:#059669}.sug-pub-btn-vol{width:100%;padding:13px;border:.5px solid #ddd;border-radius:12px;background:#f5f5f5;font-size:14px;cursor:pointer;margin-top:10px;color:#555}.sug-pub-gracias{text-align:center;padding:20px 0}.sug-pub-check-icon{width:70px;height:70px;background:#2e7d32;color:#fff;font-size:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.sug-pub-gracias h2{font-size:20px;font-weight:800;color:#101d2f;margin-bottom:8px}.sug-pub-gracias p{font-size:13px;color:#1a6eb5;margin-bottom:20px}.sug-pub-btn-nueva{padding:13px 28px;border:none;border-radius:20px;background:#7c3aed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.sug-pub-btn-nueva:hover{background:#6d28d9}.sug-pub-card button,.sug-pub-cat-btn,.sug-pub-btn-pri,.sug-pub-btn-sec,.sug-pub-btn-env,.sug-pub-btn-vol,.sug-pub-btn-nueva,.sug-pub-star{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.conf-tipos-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conf-tipo-card{border:1px solid #e0e0e0;border-radius:10px;padding:14px 16px}.conf-tipo-nombre{font-size:14px;font-weight:700;margin-bottom:8px}.conf-tipo-horario{display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.conf-time-input{border:.5px solid #ddd;border-radius:6px;padding:5px 8px;font-size:13px;outline:none;background:#fff;width:90px}.conf-hrs{font-size:11px;color:#888}.kiosko-bg{min-height:100vh;background:#cfe8f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.kiosko-logo-lat{position:absolute;top:50%;transform:translateY(-50%)}.kiosko-logo-lat img{width:140px;opacity:.9}.kiosko-logo-izq{left:60px}.kiosko-logo-der{right:60px}.kiosko-contador{position:absolute;top:20px;right:20px;background:#fff;border-radius:10px;padding:10px 18px;text-align:center;box-shadow:0 2px 10px #0000001a}.kiosko-contador-num{font-size:28px;font-weight:800;color:#1a6eb5;line-height:1}.kiosko-contador-label{font-size:9px;font-weight:700;color:#888;letter-spacing:1px}.kiosko-card{background:#ffffffd1;border-radius:clamp(16px,2.2vmin,26px);padding:clamp(18px,2.2vmin,30px);width:clamp(390px,42vmin,480px);box-shadow:0 10px 44px #1976d233;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.92);position:relative;z-index:1}.kiosko-label{text-align:center;font-size:clamp(.65rem,1vmin,.88rem);font-weight:700;color:#546e8a;letter-spacing:2px;margin-bottom:clamp(6px,1vmin,12px);text-transform:uppercase}.kiosko-display{background:#fffffff2;border:2px solid #90CAF9;border-radius:clamp(8px,1.2vmin,14px);padding:clamp(8px,1.3vmin,16px);text-align:center;font-size:clamp(1.7rem,2.8vmin,2.4rem);font-weight:800;color:#1a3a5c;margin-bottom:clamp(6px,1vmin,12px);min-height:clamp(62px,7vmin,78px);display:flex;align-items:center;justify-content:center;letter-spacing:3px}.kiosko-teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.1vmin,16px);margin-bottom:clamp(10px,1.2vmin,16px)}.kiosko-tecla{background:#1976d21c;border:2px solid rgba(25,118,210,.18);border-radius:clamp(10px,1.4vmin,16px);padding:clamp(26px,2.8vmin,34px) 0;font-size:clamp(1.9rem,2.4vmin,2.2rem);font-weight:800;color:#1a3a5c;cursor:pointer;transition:all .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1;text-align:center}.kiosko-tecla:hover{background:#1976d238;transform:scale(1.05)}.kiosko-tecla:active{background:#1976d261;transform:scale(.97)}.tecla-del{background:#e539351a;border-color:#e5393540;color:#e53935}.tecla-del:hover{background:#e5393538}.kiosko-acciones{display:grid;grid-template-columns:1fr auto;gap:clamp(10px,1.1vmin,14px)}.kiosko-btn-validar{background:#e65100;color:#fff;border:none;border-radius:clamp(10px,1.4vmin,16px);padding:clamp(13px,1.9vmin,22px);font-size:clamp(.9rem,1.5vmin,1.15rem);font-weight:800;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .15s;touch-action:manipulation}.kiosko-btn-validar:hover:not(:disabled){background:#bf360c;transform:translateY(-1px)}.kiosko-btn-validar:disabled{opacity:.5;cursor:not-allowed}.kiosko-btn-limpiar{background:#ffffffbf;border:2px solid rgba(25,118,210,.25);border-radius:clamp(10px,1.4vmin,16px);padding:clamp(13px,1.9vmin,22px);cursor:pointer;color:#546e8a;display:flex;align-items:center;justify-content:center;transition:all .15s;touch-action:manipulation}.kiosko-btn-limpiar:hover{background:#fffffff2}.kiosko-error{text-align:center;color:#e53935;font-size:13px;margin-top:8px;font-weight:600}.kiosko-bienvenida{text-align:center;padding:10px 0}.kiosko-check{width:80px;height:80px;background:#2e7d32;color:#fff;font-size:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.kiosko-nombre{font-size:20px;font-weight:800;color:#101d2f;margin-bottom:10px}.kiosko-tipo-badge{display:inline-block;background:#ff7800;color:#fff;border-radius:20px;padding:6px 20px;font-size:14px;font-weight:700;margin-bottom:10px}.kiosko-bienvenida-txt{font-size:18px;color:#2e7d32;font-weight:600}.kiosko-persona-info{text-align:center;margin-bottom:16px}.kiosko-area{font-size:12px;color:#888;font-weight:600;text-transform:uppercase;margin:2px 0}.kiosko-emitir{font-size:11px;font-weight:700;color:#1a6eb5;letter-spacing:1px;text-decoration:underline;margin-top:6px}.kiosko-menu-opciones{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.kiosko-opcion{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;border:1.5px solid;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;touch-action:manipulation;text-align:left;position:relative}.kiosko-opcion.disabled{opacity:.4;cursor:not-allowed}.kiosko-opcion-personal{background:#e3f2fd;border-color:#1a6eb5;color:#1a6eb5}.kiosko-opcion-pvisita{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.kiosko-opcion-visita{background:#fff3e0;border-color:#ff7800;color:#ff7800}.kiosko-bloqueado-badge{position:absolute;right:12px;background:#e53935;color:#fff;font-size:10px;border-radius:10px;padding:2px 8px}.kiosko-btn-cancelar{width:100%;padding:11px;border:.5px solid #ddd;border-radius:10px;background:#f5f5f5;font-size:13px;cursor:pointer;color:#555;touch-action:manipulation}.kiosko-cuantos{text-align:center;font-size:13px;font-weight:700;color:#ff7800;margin-bottom:14px;letter-spacing:1px}.kiosko-nums-visita{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.kiosko-num-visita{background:#fff8e1;border:1.5px solid #FF7800;border-radius:10px;padding:14px;font-size:18px;font-weight:700;color:#ff7800;cursor:pointer;touch-action:manipulation;transition:background .1s}.kiosko-num-visita:hover{background:#ffe0b2}.kiosko-visitas-info{font-size:13px;color:#1a6eb5;margin-bottom:6px}.con-contador-icono{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-registrar-small{background:#1a6eb5;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.badge-rol{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-admin{background:#fde8e8;color:#e53935}.badge-supervisor{background:#fff3e0;color:#ff7800}.badge-usuario{background:#e3f2fd;color:#1a6eb5}.badge-casino{background:#f3e5f5;color:#7b1fa2}.btn-permisos{background:#ff7800!important}.btn-permisos:hover{background:#e56a00!important}.perm-th{text-align:center;font-size:11px;padding:8px 4px}.perm-td{text-align:center}.perm-na{color:#ccc;font-size:16px}.perm-ver{color:#1a6eb5}.perm-crear{color:#2e7d32}.perm-editar{color:#ff7800}.perm-eliminar{color:#e53935}.perm-check{width:18px;height:18px;cursor:pointer;border-radius:4px;appearance:none;-webkit-appearance:none;border:2px solid #ddd;background:#fff;position:relative;transition:all .15s}.perm-check:checked{border-color:transparent}.perm-check:checked:after{content:"✓";position:absolute;top:-2px;left:1px;font-size:13px;font-weight:700;color:#fff}.perm-check-ver:checked{background:#1a6eb5}.perm-check-crear:checked{background:#2e7d32}.perm-check-editar:checked{background:#ff7800}.perm-check-eliminar:checked{background:#e53935}.pass-wrap{position:relative;display:flex;align-items:center}.pass-wrap input{flex:1;padding-right:40px}.pass-eye{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.pass-error{color:#e53935;font-size:13px;margin:4px 0 8px}.pass-exito{color:#2e7d32;font-size:13px;font-weight:600;margin:4px 0 8px}.btn-cambiar-pass{width:100%;padding:15px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:background .15s}.btn-cambiar-pass:hover:not(:disabled){background:#059669}.btn-cambiar-pass:disabled{opacity:.5;cursor:not-allowed}.pass-requisitos{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}.req-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.req-pending{color:#aaa}.req-ok{color:#2e7d32}.req-circle{width:10px;height:10px;border:1.5px solid #ccc;border-radius:50%;display:inline-block;flex-shrink:0}.nav-icon-comp{flex-shrink:0;opacity:.85}.btn-hamburger{display:none;background:none;border:none;cursor:pointer;color:#101d2f;padding:4px;margin-right:8px;flex-shrink:0;align-items:center}.mobile-overlay{display:none}@media(max-width:768px){.btn-hamburger{display:flex}.main-layout{flex-direction:column;height:100vh;overflow:hidden}.sidebar{position:fixed!important;left:-270px!important;top:0!important;bottom:0!important;width:260px!important;height:100vh!important;z-index:200!important;transition:left .25s ease!important;flex-direction:column!important;overflow-y:auto!important;flex-shrink:0!important}.sidebar.sidebar-open{left:0!important}.sidebar nav{flex-direction:column!important;padding:0!important;justify-content:flex-start!important;width:100%!important;overflow-x:visible!important}.nav-item{flex-direction:row!important;min-width:unset!important;max-width:unset!important;padding:12px 20px!important;font-size:13px!important;gap:10px!important;white-space:nowrap!important}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:199}.content-wrap{flex:1!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important}.main-content{flex:1;overflow-y:auto;padding:12px}.topbar{position:sticky;top:0;z-index:100;background:#fff;padding:0 12px}.card{padding:12px;border-radius:8px}.toolbar{flex-direction:column;gap:10px}.toolbar-left,.toolbar-right{flex-wrap:wrap;width:100%}.tabla{display:block;overflow-x:auto;white-space:nowrap}.con-paneles{flex-direction:column}.con-tipos{flex-wrap:wrap}.res-tabla-wrap{overflow-x:auto}.kiosko-logo-lat{display:none}.kiosko-card{width:95vw;max-width:400px}.modal{width:95vw;max-height:85vh;overflow-y:auto}.stats-grid{grid-template-columns:1fr 1fr}.conf-tipos-grid{grid-template-columns:1fr}.sug-cards{flex-direction:column}.res-cards{grid-template-columns:repeat(2,1fr)}.page-title{font-size:16px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.kiosko-teclado{gap:8px}.kiosko-tecla{padding:14px;font-size:18px}.modal{width:100vw;border-radius:12px 12px 0 0;position:fixed;bottom:0;margin:0}}.kiosko-fullscreen-btn{position:fixed;top:12px;right:12px;z-index:999;background:#ffffff26;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.kiosko-fullscreen-btn:hover{background:#ffffff40}.kiosko-qz-status{position:fixed;bottom:12px;left:12px;z-index:999;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.kiosko-qz-status.conectado{background:#e8f5e9;color:#2e7d32}.kiosko-qz-status.conectando{background:#fff3e0;color:#e65100}.kiosko-qz-status.desconectado{background:#fce4ec;color:#c62828}