.navbar{background:var(--bg-card);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--accent-light)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:11px;font-weight:500}.modal-overlay{z-index:200;background:#0009;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-card);scrollbar-width:none;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:90vh;margin:0 auto;padding:0 20px 40px;animation:.25s slideUp;overflow-y:auto}.modal-sheet::-webkit-scrollbar{display:none}.modal-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:12px auto 0}.modal-header{justify-content:space-between;align-items:center;padding:16px 0 20px;display:flex}.modal-titulo{font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);padding:4px 8px;font-size:18px}.modal-body{flex-direction:column;gap:14px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.area-opciones{flex-wrap:wrap;gap:8px;display:flex}.area-chip{color:var(--text-muted);background:var(--bg-card2);border:2px solid #0000;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.area-chip.activo{border-color:var(--chip-color);color:var(--chip-color);background:var(--bg-card2)}textarea{resize:none}.hoy-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.hoy-header{flex-shrink:0;padding:20px 16px 16px}.hoy-titulo-row{justify-content:space-between;align-items:center;display:flex}.hoy-titulo{color:var(--text);font-size:28px;font-weight:700}.hoy-fecha{color:var(--text-muted);font-size:14px}.timeline-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding-bottom:72px;overflow-y:auto}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-wrap{margin:8px 12px 0 52px;position:relative}.hora-guia{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:-44px;right:0}.hora-label{color:var(--text-muted);text-align:right;flex-shrink:0;width:36px;font-size:11px}.hora-linea{background:var(--border);opacity:.5;flex:1;height:1px}.bloque{border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex;position:absolute;left:0;right:0}.bloque-ocupado{background:var(--bg-card2);color:var(--text-muted);border:1px solid var(--border);overflow:hidden}.bloque-planificado{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);color:var(--text)}.bloque-area{font-size:14px;font-weight:600}.bloque-hora{color:var(--text-muted);font-size:11px}.checkin-btns{gap:6px;margin-top:4px;display:flex}.btn-si{background:var(--success);color:#fff;border-radius:6px;flex:1;padding:6px 14px;font-size:13px;font-weight:600}.btn-no{background:var(--danger);color:#fff;border-radius:6px;flex:1;padding:6px 14px;font-size:13px;font-weight:600}.bloque-top-row{justify-content:space-between;align-items:center;display:flex}.btn-borrar{color:var(--text-muted);opacity:.6;padding:2px 4px;font-size:12px}.bloque-nota{color:var(--text-muted);font-size:12px;font-style:italic}.bloque-planificado.hecho,.bloque-planificado.no-hecho{opacity:.55}.ci-badge{border-radius:6px;align-self:flex-start;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:600}.ci-si{color:var(--success);background:#22c55e26}.ci-no{color:var(--danger);background:#ef444426}.ahora-linea{pointer-events:none;z-index:10;align-items:center;display:flex;position:absolute;left:-44px;right:0}.ahora-circulo{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:38px}.ahora-barra{background:var(--accent);opacity:.8;flex:1;height:2px}.btn-guardar-checkin{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;padding:14px;font-size:16px;font-weight:600}.semana-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.semana-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px 12px;display:flex}.semana-mes{text-transform:capitalize;font-size:18px;font-weight:700}.dias-strip{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:0 12px 12px;display:flex}.dia-col{border-radius:var(--radius-sm);background:0 0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;transition:background .15s;display:flex}.dia-col.hoy{background:#6366f11f}.dia-nombre{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.dia-num{color:var(--text);font-size:17px;font-weight:700}.dia-col.hoy .dia-num{color:var(--accent-light)}.dia-puntos{align-items:center;gap:2px;height:6px;display:flex}.punto{border-radius:50%;width:5px;height:5px;display:block}.dia-pct{color:var(--text-muted);font-size:9px}.semana-lista{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:20px;padding:16px 16px 80px;display:flex;overflow-y:auto}.semana-lista::-webkit-scrollbar{display:none}.semana-dia-grupo{flex-direction:column;gap:8px;display:flex}.semana-dia-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.semana-dia-label.hoy{color:var(--accent-light)}.semana-bloque{background:var(--bg-card);border-radius:var(--radius-sm);border-left:4px solid var(--accent);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sb-info{flex-direction:column;gap:2px;display:flex}.sb-area{font-size:14px;font-weight:600}.sb-hora{color:var(--text-muted);font-size:12px}.sb-ci{font-size:16px;font-weight:700}.sb-ci.si{color:var(--success)}.sb-ci.no{color:var(--danger)}.semana-vacia{color:var(--text-muted);text-align:center;margin-top:40px;font-size:14px;line-height:1.6}.metas-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.metas-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px 16px;display:flex}.metas-titulo{font-size:28px;font-weight:700}.btn-agregar{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:600}.metas-lista{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:0 16px 80px;display:flex;overflow-y:auto}.metas-lista::-webkit-scrollbar{display:none}.metas-vacia{color:var(--text-muted);text-align:center;margin-top:40px;font-size:14px;line-height:1.7}.meta-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;display:flex}.meta-top{justify-content:space-between;align-items:center;display:flex}.meta-area-chip{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.btn-borrar-meta{color:var(--text-muted);opacity:.5;font-size:13px}.meta-desc{font-size:15px;font-weight:600;line-height:1.4}.meta-barra-wrap{align-items:center;gap:10px;display:flex}.meta-barra{background:var(--bg-card2);border-radius:3px;flex:1;height:6px;overflow:hidden}.meta-barra-fill{border-radius:3px;height:100%;transition:width .3s}.meta-pct{color:var(--text-muted);text-align:right;min-width:36px;font-size:13px;font-weight:700}.meta-footer{justify-content:space-between;align-items:center;display:flex}.meta-stat{color:var(--text-muted);font-size:12px}.meta-dias{color:var(--text-muted);font-size:12px;font-weight:600}.meta-dias.urgente{color:var(--warning)}.meta-freq{color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;font-size:12px}select{font-family:inherit;font-size:inherit;background:var(--bg-card2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px}.btn-guardar{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:600}.reporte-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.reporte-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px 16px;display:flex}.reporte-titulo{font-size:20px;font-weight:700}.nav-btn{color:var(--text-muted);padding:4px 12px;font-size:24px}.reporte-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:20px;padding:0 16px 80px;display:flex;overflow-y:auto}.reporte-scroll::-webkit-scrollbar{display:none}.reporte-vacio{color:var(--text-muted);text-align:center;margin-top:40px;font-size:14px}.resumen-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:20px;padding:20px;display:flex}.resumen-anillo{flex-shrink:0;width:80px;height:80px;position:relative}.resumen-anillo svg{width:80px;height:80px}.anillo-pct{justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.resumen-nums{flex-wrap:wrap;gap:12px;display:flex}.resumen-num{flex-direction:column;gap:2px;display:flex}.rn-val{font-size:22px;font-weight:800;line-height:1}.rn-val.verde{color:var(--success)}.rn-val.rojo{color:var(--danger)}.rn-val.muted{color:var(--text-muted)}.rn-label{color:var(--text-muted);font-size:11px}.reporte-seccion{flex-direction:column;gap:10px;display:flex}.area-row{align-items:center;gap:10px;display:flex}.area-nombre{flex-shrink:0;width:90px;font-size:13px;font-weight:600}.area-barra{background:var(--bg-card2);border-radius:4px;flex:1;height:8px;overflow:hidden}.area-fill{border-radius:4px;height:100%;transition:width .3s}.area-stat{color:var(--text-muted);text-align:right;min-width:32px;font-size:12px}.razon-row{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.razon-texto{color:var(--text);flex:1;font-size:14px;line-height:1.4}.razon-cant{color:var(--danger);flex-shrink:0;font-size:14px;font-weight:700}.config-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.config-header{flex-shrink:0;padding:20px 16px 12px}.config-titulo{font-size:28px;font-weight:700}.config-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:28px;padding:0 16px 80px;display:flex;overflow-y:auto}.config-scroll::-webkit-scrollbar{display:none}.config-seccion{flex-direction:column;gap:8px;display:flex}.seccion-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.seccion-titulo{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.seccion-desc{color:var(--text-muted);margin-bottom:4px;font-size:12px;line-height:1.5}.btn-agregar-sm{color:var(--accent-light);padding:4px 0;font-size:13px;font-weight:600}.config-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.item-izq{align-items:center;gap:10px;display:flex}.item-izq.col{flex-direction:column;align-items:flex-start;gap:2px}.item-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.item-nombre{font-size:15px;font-weight:600}.item-sub{color:var(--text-muted);font-size:12px}.item-acciones{align-items:center;gap:8px;display:flex}.btn-editar{color:var(--accent-light);padding:4px 8px;font-size:13px;font-weight:500}.btn-eliminar{color:var(--text-muted);opacity:.6;padding:4px 6px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:500}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.paleta{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.color-dot{border:3px solid #0000;border-radius:50%;width:28px;height:28px;transition:border-color .15s,transform .15s}.color-dot.seleccionado{border-color:#fff;transform:scale(1.15)}.dias-selector{gap:6px;display:flex}.dia-btn{background:var(--bg-card2);width:36px;height:36px;color:var(--text-muted);border:2px solid #0000;border-radius:50%;font-size:13px;font-weight:700;transition:all .15s}.dia-btn.activo{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-acciones{gap:10px;margin-top:4px;display:flex}.btn-primario{background:var(--accent);color:#fff;border-radius:var(--radius-sm);flex:1;padding:14px;font-size:15px;font-weight:600}.btn-secundario{background:var(--bg-card2);color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;padding:14px;font-size:15px;font-weight:600}.app{flex-direction:column;height:100%;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}:root{--bg:#0f0f13;--bg-card:#1a1a24;--bg-card2:#22223a;--border:#2e2e45;--accent:#6366f1;--accent-light:#818cf8;--text:#e8e8f0;--text-muted:#7a7a9a;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}#root{flex-direction:column;max-width:480px;margin:0 auto;display:flex}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;background:var(--bg-card2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px}input:focus,textarea:focus{border-color:var(--accent)}