@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg:#0a0a0d;--color-bg-soft:#0f0f14;--color-surface:#16161d;--color-surface-2:#1c1c25;--color-border:#2a2a35;--color-primary:#5b57d1;--color-primary-light:#8b85f0;--color-primary-dim:#423ea6;--color-accent:#d4a847;--color-ink:#f5f3ee;--color-ink-dim:#a8a8b3;--color-ink-faint:#6b6b78;--color-priority-alta:#d4a847;--color-priority-media:#5b57d1;--color-priority-baja:#6b6b78;--color-danger:#e5484d;--color-success:#4caf50;--font-display:"Fredoka", "Inter", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-elevated:0 20px 50px -20px #0009}:root[data-theme=claro]{--color-bg:#f7f7f9;--color-bg-soft:#fff;--color-surface:#fff;--color-surface-2:#f0f0f3;--color-border:#e2e2e8;--color-ink:#16161d;--color-ink-dim:#55555f;--color-ink-faint:#8a8a95;--shadow-elevated:0 20px 50px -20px #00000026}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);margin:0}p{margin:0}button{cursor:pointer;font-family:inherit}::selection{background:var(--color-primary);color:var(--color-ink)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-card-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}.resizable-split{width:100%;min-width:0;height:100%;min-height:0;display:flex}.resizable-split--vertical{flex-direction:column}.resizable-split__pane{min-width:0;min-height:0;overflow:auto}.resizable-split__pane--grow{flex:1}.resizable-split__divider{background:var(--color-border);flex-shrink:0;transition:background-color .15s;position:relative}.resizable-split__divider--horizontal{cursor:col-resize;width:1px}.resizable-split__divider--horizontal:before{content:"";position:absolute;inset:0 -4px}.resizable-split__divider--vertical{cursor:row-resize;height:1px}.resizable-split__divider--vertical:before{content:"";position:absolute;inset:-4px 0}.resizable-split__divider:hover,.resizable-split__divider:active{background:var(--color-primary-light)}body.resizing-col,body.resizing-col *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-row,body.resizing-row *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.month-grid{flex-direction:column;width:100%;height:100%;min-height:0;padding:16px;display:flex}.month-grid__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-grid__titulo{color:var(--color-ink);font-size:18px;font-weight:600}.month-grid__nav{width:32px;height:32px;color:var(--color-ink-dim);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.month-grid__nav:hover{background:var(--color-surface-2);color:var(--color-ink)}.month-grid__semana{flex-shrink:0;grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.month-grid__dia-semana{text-align:center;letter-spacing:.04em;color:var(--color-ink-faint);font-size:11px;font-weight:600}.month-grid__dias{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:2px;min-height:0;display:grid}.month-grid__celda{min-height:0;color:var(--color-ink);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex;position:relative}.month-grid__circulo{aspect-ratio:1;opacity:0;z-index:0;background:0 0;border-radius:50%;width:min(58px,92%);max-height:92%;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s,background-color .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.month-grid__celda:hover .month-grid__circulo{background:var(--color-surface-2);opacity:1;transform:translate(-50%,-50%)scale(1)}.month-grid__celda--seleccionado .month-grid__circulo{background:var(--color-primary);opacity:1;transform:translate(-50%,-50%)scale(1)}.month-grid__celda--seleccionado:hover .month-grid__circulo{background:var(--color-primary);animation:1.1s ease-in-out infinite month-grid-pulso}@keyframes month-grid-pulso{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.month-grid__celda--fuera{color:var(--color-ink-faint);font-weight:500}.month-grid__celda--hoy .month-grid__numero{color:var(--color-primary-light)}.month-grid__celda--seleccionado .month-grid__numero,.month-grid__celda--seleccionado.month-grid__celda--hoy .month-grid__numero{color:var(--color-ink)}.month-grid__numero,.month-grid__punto{z-index:1;position:relative}.month-grid__punto{border-radius:var(--radius-pill);width:5px;height:5px}.collapsible{flex-direction:column;min-height:0;display:flex}.collapsible--abierta{flex:1}.collapsible__header{color:var(--color-ink-dim);text-align:left;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;transition:color .15s,background-color .15s;display:flex}.collapsible__header:hover{color:var(--color-ink);background:var(--color-surface-2)}.collapsible__flecha{color:var(--color-ink-faint);font-size:9px;transition:transform .15s}.collapsible--abierta .collapsible__flecha{transform:rotate(90deg)}.collapsible__titulo{letter-spacing:.06em;text-transform:uppercase;flex:1;font-size:11px;font-weight:700}.collapsible__badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.collapsible__contenedor{grid-template-rows:0fr;min-height:0;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.collapsible--abierta .collapsible__contenedor{flex:1;grid-template-rows:1fr}.collapsible__contenido{min-height:0;padding:0 8px 8px;overflow:hidden}.collapsible__contenido--asentado{overflow-y:auto}.task-list-item{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 8px;transition:background-color .15s,transform .15s;display:flex}.task-list-item:hover{background:var(--color-surface-2);transform:translate(4px)}.task-list-item__punto{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.task-list-item:hover .task-list-item__punto{transform:scale(1.3)}.task-list-item__titulo{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.task-list-item__fecha{color:var(--color-ink-faint);flex-shrink:0;font-size:11px}.upcoming-overdue{border-top:1px solid var(--color-border);background:var(--color-bg-soft);flex-direction:column;height:100%;min-height:0;padding-top:6px;display:flex}.upcoming-overdue--apilado{overflow:hidden}.upcoming-overdue__lista{flex-direction:column;gap:1px;display:flex}.upcoming-overdue__vacio{color:var(--color-ink-faint);padding:12px 8px;font-size:13px}.day-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding-bottom:20px;display:flex}.day-header__fecha{color:var(--color-ink);font-size:24px;font-weight:700}.day-header__contador{color:var(--color-ink-faint);margin-top:4px;font-size:13px}.day-header__nueva{border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);border:none;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:600;transition:background-color .15s,transform .15s}.day-header__nueva:hover{background:var(--color-primary);transform:scale(1.05)}.priority-badge{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.task-row{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:12px;padding:14px 4px;transition:padding-left .15s;display:flex;position:relative}.task-row:hover{padding-left:14px}.task-row__franja{border-radius:var(--radius-pill);opacity:0;width:3px;transition:opacity .15s,transform .15s;position:absolute;top:10px;bottom:10px;left:2px;transform:scaleY(.4)}.task-row:hover .task-row__franja{opacity:1;transform:scaleY(1)}.task-row__checkbox{border:2px solid var(--color-border);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.task-row--completada .task-row__checkbox{border-color:var(--color-primary);background:var(--color-primary)}.task-row__check{color:var(--color-ink);font-size:12px;font-weight:700}.task-row__texto{flex:1;min-width:0}.task-row__titulo{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.task-row--completada .task-row__titulo{color:var(--color-ink-faint);text-decoration:line-through}.task-row__descripcion{color:var(--color-ink-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.task-row__hora{color:var(--color-ink-faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.task-row__menu{flex-shrink:0;position:relative}.task-row__menu-boton{width:28px;height:28px;color:var(--color-ink-faint);border-radius:var(--radius-sm);background:0 0;border:none;font-size:16px}.task-row__menu-boton:hover{background:var(--color-surface-2);color:var(--color-ink)}.task-row__menu-lista{z-index:5;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:170px;box-shadow:var(--shadow-elevated);position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.task-row__menu-lista button{width:100%;color:var(--color-ink);text-align:left;background:0 0;border:none;padding:10px 12px;font-size:13px;display:block}.task-row__menu-lista button:hover{background:var(--color-surface)}.task-row__menu-eliminar{color:var(--color-danger)!important}.empty-day{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.empty-day__icono{opacity:.6;margin-bottom:4px;font-size:32px}.empty-day__texto{color:var(--color-ink-faint);font-size:14px}.empty-day__boton{border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-ink);border:none;margin-top:12px;padding:10px 22px;font-size:13px;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .15s}.empty-day__boton:hover{background:var(--color-primary-light);box-shadow:0 0 24px -4px color-mix(in srgb, var(--color-primary) 70%, transparent);transform:scale(1.05)}.task-detail-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#0006;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out modal-overlay-in;display:flex;position:fixed;inset:0}.task-detail-overlay--saliendo{animation:.15s ease-in forwards modal-overlay-out}.task-detail-modal{background:color-mix(in srgb, var(--color-surface) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-elevated);padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) modal-card-in}.task-detail-overlay--saliendo .task-detail-modal{animation:.15s ease-in forwards modal-card-out}.task-detail-modal__cabecera{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.task-detail-modal__hora{color:var(--color-ink-dim);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.task-detail-modal__titulo{color:var(--color-ink);word-break:break-word;margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.3}.task-detail-modal--completada .task-detail-modal__titulo{color:var(--color-ink-faint);text-decoration:line-through}.task-detail-modal__descripcion{color:var(--color-ink-dim);white-space:pre-wrap;word-break:break-word;margin-bottom:22px;font-size:14px;line-height:1.5}.task-detail-modal__descripcion--vacia{color:var(--color-ink-faint);font-style:italic}.task-detail-modal__acciones{justify-content:flex-end;gap:10px;display:flex}.task-detail-modal__editar,.task-detail-modal__eliminar{border-radius:var(--radius-pill);border:none;padding:10px 18px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,transform .15s}.task-detail-modal__eliminar{color:var(--color-danger);background:0 0}.task-detail-modal__eliminar:hover{background:color-mix(in srgb, var(--color-danger) 14%, transparent)}.task-detail-modal__editar{background:var(--color-primary);color:var(--color-ink)}.task-detail-modal__editar:hover{background:var(--color-primary-light);transform:translateY(-1px)}.day-task-list{flex-direction:column;height:100%;animation:.12s ease-out day-task-list-in;display:flex}@keyframes day-task-list-in{0%{opacity:0}to{opacity:1}}.day-task-list__filas{flex:1;overflow:hidden auto}.task-form-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out modal-overlay-in;display:flex;position:fixed;inset:0}.task-form-overlay--saliendo{animation:.15s ease-in forwards modal-overlay-out}.task-form-modal{background:linear-gradient(180deg, var(--color-surface), var(--color-bg-soft));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-elevated);padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) modal-card-in}.task-form-overlay--saliendo .task-form-modal{animation:.15s ease-in forwards modal-card-out}.task-form-modal__titulo{color:var(--color-ink);margin-bottom:18px;font-size:18px;font-weight:700}.task-form-modal__campo{color:var(--color-ink-dim);flex-direction:column;gap:6px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.task-form-modal__fila{gap:12px;display:flex}.task-form-modal__fila .task-form-modal__campo{flex:1}.task-form-modal__campo input,.task-form-modal__campo textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);resize:none;padding:9px 12px;font-family:inherit;font-size:14px}.task-form-modal__campo input:focus,.task-form-modal__campo textarea:focus{border-color:var(--color-primary-light);outline:none}.task-form-modal__prioridades{gap:8px;display:flex}.task-form-modal__prioridad-boton{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-dim);background:0 0;flex:1;padding:9px 0;font-size:13px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,transform .15s}.task-form-modal__prioridad-boton:hover{border-color:var(--color-p);background:color-mix(in srgb, var(--color-p) 14%, transparent);color:var(--color-ink);transform:translateY(-1px)}.task-form-modal__prioridad-boton--activa{border-color:var(--color-p);background:color-mix(in srgb, var(--color-p) 20%, transparent);color:var(--color-ink)}.task-form-modal__error{color:var(--color-danger);margin-bottom:10px;font-size:13px}.task-form-modal__acciones{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.task-form-modal__cancelar,.task-form-modal__guardar{border-radius:var(--radius-pill);border:none;padding:10px 18px;font-size:13px;font-weight:600}.task-form-modal__cancelar{color:var(--color-ink-dim);background:0 0}.task-form-modal__cancelar:hover{color:var(--color-ink)}.task-form-modal__guardar{background:var(--color-primary);color:var(--color-ink)}.task-form-modal__guardar:hover:not(:disabled){background:var(--color-primary-light)}.task-form-modal__guardar:disabled{opacity:.6}.task-saved-toast{z-index:90;background:linear-gradient(180deg, var(--color-surface), var(--color-bg-soft));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow-elevated);padding:18px;animation:.28s cubic-bezier(.16,1,.3,1) task-saved-toast-in;position:fixed;bottom:20px;right:20px}.task-saved-toast--saliendo{animation:.2s ease-in forwards task-saved-toast-out}@keyframes task-saved-toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes task-saved-toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}.task-saved-toast__cabecera{align-items:center;gap:8px;display:flex}.task-saved-toast__check{border-radius:var(--radius-pill);background:var(--color-success);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.task-saved-toast__titulo-evento{color:var(--color-ink);flex:1;font-size:14px;font-weight:700}.task-saved-toast__indicador{flex-shrink:0;width:20px;height:20px;position:relative}.task-saved-toast__reloj{transition:opacity .15s;position:absolute;inset:0;transform:rotate(-90deg)}.task-saved-toast__indicador--pausado .task-saved-toast__reloj{opacity:0}.task-saved-toast__pausa{opacity:0;justify-content:center;align-items:center;transition:opacity .15s,transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0;transform:scale(.6)}.task-saved-toast__pausa-fondo{fill:var(--color-primary)}.task-saved-toast__pausa-barra{fill:var(--color-ink)}.task-saved-toast__indicador--pausado .task-saved-toast__pausa{opacity:1;transform:scale(1)}.task-saved-toast__reloj-fondo{fill:none;stroke:var(--color-border);stroke-width:2.5px}.task-saved-toast__reloj-progreso{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linecap:round;stroke-dashoffset:0;animation:3.5s linear forwards task-saved-toast-cuenta-atras}.task-saved-toast__reloj-progreso--pausado{animation-play-state:paused}@keyframes task-saved-toast-cuenta-atras{to{stroke-dashoffset:var(--circunferencia,63)}}.task-saved-toast__cerrar{width:22px;height:22px;color:var(--color-ink-faint);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:background-color .15s,color .15s;display:flex}.task-saved-toast__cerrar:hover{background:var(--color-surface-2);color:var(--color-ink)}.task-saved-toast__titulo{color:var(--color-ink);margin-top:14px;font-size:14px;font-weight:700}.task-saved-toast__meta{color:var(--color-ink-faint);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.task-saved-toast__descripcion{color:var(--color-ink-dim);margin-top:8px;font-size:12px;line-height:1.4}.task-saved-toast__pie{margin-top:12px}.offline-banner{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-bg-soft));color:var(--color-accent);text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.offline-banner__punto{border-radius:var(--radius-pill);background:var(--color-accent);flex-shrink:0;width:6px;height:6px}.settings-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out modal-overlay-in;display:flex;position:fixed;inset:0}.settings-overlay--saliendo{animation:.15s ease-in forwards modal-overlay-out}.settings-panel{background:linear-gradient(180deg, var(--color-surface), var(--color-bg-soft));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-elevated);padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) modal-card-in}.settings-overlay--saliendo .settings-panel{animation:.15s ease-in forwards modal-card-out}.settings-panel__cabecera{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-panel__cabecera h3{color:var(--color-ink);font-size:18px;font-weight:700}.settings-panel__cerrar{width:28px;height:28px;color:var(--color-ink-faint);border-radius:var(--radius-sm);background:0 0;border:none;font-size:13px;transition:background-color .15s,color .15s}.settings-panel__cerrar:hover{background:var(--color-surface-2);color:var(--color-ink)}.settings-panel__etiqueta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:10px;font-size:11px;font-weight:700}.settings-panel__temas{gap:8px;margin-bottom:24px;display:flex}.settings-panel__cuenta{align-items:center;gap:10px;margin-bottom:24px;display:flex}.settings-panel__avatar{border-radius:var(--radius-pill);flex-shrink:0;width:36px;height:36px}.settings-panel__cuenta-info{flex-direction:column;flex:1;min-width:0;display:flex}.settings-panel__cuenta-nombre{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.settings-panel__cuenta-email{color:var(--color-ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.settings-panel__cuenta-boton{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);background:0 0;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s}.settings-panel__cuenta-boton:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary-light)}.settings-panel__cuenta-boton:disabled{opacity:.6}.settings-panel__tema-boton{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-dim);background:0 0;flex:1;padding:9px 0;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.settings-panel__tema-boton:hover{border-color:var(--color-primary-light);color:var(--color-ink);transform:translateY(-1px)}.settings-panel__tema-boton--activo{border-color:var(--color-primary-light);background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-ink)}.settings-panel__colores{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.settings-panel__color{border-radius:var(--radius-pill);cursor:pointer;border:2px solid #0000;width:32px;height:32px;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s}.settings-panel__color:hover{transform:scale(1.12)}.settings-panel__color--activo{border-color:var(--color-ink)}.settings-panel__color--personalizado{border:1px dashed var(--color-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.settings-panel__color--personalizado input{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.settings-panel__calendario{flex-direction:column;gap:8px;margin-top:20px;display:flex}.settings-panel__accion{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);text-align:left;background:0 0;padding:10px 14px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s}.settings-panel__accion:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary-light);transform:translate(2px)}.settings-panel__accion:disabled{opacity:.6;cursor:default}.settings-panel__mensaje{color:var(--color-ink-dim);margin-top:12px;font-size:12px}.settings-panel__etiqueta--peligro{color:var(--color-danger);margin-top:20px}.settings-panel__accion--peligro{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);color:var(--color-danger)}.settings-panel__accion--peligro:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-color:var(--color-danger)}.settings-panel__filas-color{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.settings-panel__fila-color{color:var(--color-ink);cursor:pointer;border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 4px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.settings-panel__fila-color:hover{background:var(--color-surface-2)}.settings-panel__fila-color input[type=color]{cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.settings-panel__fila-color:hover input[type=color]{transform:scale(1.12)}.settings-panel__fila-color input[type=color]::-webkit-color-swatch-wrapper{border-radius:50%;padding:0;overflow:hidden}.settings-panel__fila-color input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.settings-panel__fila-color input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.settings-panel__restaurar{text-align:center;margin-bottom:20px}.shortcuts-panel__lista{flex-direction:column;gap:12px;display:flex}.shortcuts-panel__fila{color:var(--color-ink-dim);align-items:center;gap:14px;font-size:13px;display:flex}.shortcuts-panel__tecla{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);min-width:44px;color:var(--color-ink);text-align:center;white-space:nowrap;flex-shrink:0;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:700}.app-shell{flex-direction:column;height:100%;display:flex}.app-shell__topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-shell__brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.app-shell__logo{border-radius:7px;width:26px;height:26px}.app-shell__acciones{align-items:center;gap:8px;display:flex}.app-shell__ajustes{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-ink-dim);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:15px;display:flex}.app-shell__ajustes:hover{border-color:var(--color-border);color:var(--color-ink)}.app-shell__account{border-radius:var(--radius-pill);color:var(--color-ink-dim);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.app-shell__account:hover{border-color:var(--color-border);color:var(--color-ink)}.app-shell__avatar{border-radius:var(--radius-pill);width:26px;height:26px}.app-shell__body{flex:1;min-height:0}.app-shell__panel{justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.app-shell__panel--sin-centrar{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}.app-shell__panel--left{background:var(--color-bg-soft)}.app-shell__panel--right,.app-shell__panel--right.app-shell__panel--sin-centrar{padding:24px 28px}