:root{--c-teal-d: #7FD0B8;--c-teal-l: #0E8E68;--c-blue-d: #6FA8DC;--c-blue-l: #1E6BB8;--c-orange-d: #C98A5E;--c-orange-l: #8F5424;--c-red-d: #E0715F;--c-red-l: #C4523F;--c-green-d: #6FCB92;--c-green-l: #0F8A50;--c-pino: #11695A;--c-pino-deep: #0F2D28;--c-cobre: #A8603A;--c-arena: #EFE9DE;--c-crema: #F7F2E8;--c-tinta: #1C1A14;--c-ink-d: #EFE9DE;--c-ink2-d: #C9D6CF;--c-ink3-d: #93A9A0;--c-ink4-d: #71877E;--c-ink-l: #1C1A14;--c-ink2-l: #403E37;--c-ink3-l: #6B6960;--c-ink4-l: #92908A;--c-type-incid-d: #E0715F;--c-type-incid-l: #C4523F;--c-type-idea-d: #C9A6FF;--c-type-idea-l: #7A52C7;--c-type-decis-d: #E8C86B;--c-type-decis-l: #8A6D00;--c-type-lecc-d: #5AD0E3;--c-type-lecc-l: #0E7E92;--c-type-nota-d: #9AAcB8;--c-type-nota-l: #5A6E80;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 14px;--radius-card: 17px;--radius-xl: 20px;--radius-pill: 999px;--type-2xs: 9px;--type-xs: 11px;--type-sm: 13px;--type-base: 15px;--type-lg: 17px;--type-xl: 20px;--type-2xl: 26px;--type-num: 32px;--dur-press: .12s;--dur-fast: .15s;--dur-base: .25s;--dur-enter: .5s;--ease-out-q: cubic-bezier(.23, 1, .32, 1);--blur-glass: 16px}:root,[data-theme=dark]{--surface-app: #0F2D28;--base-gradient: linear-gradient(160deg, #0F2D28 0%, #113129 55%, #12332E 100%);--surface-1: #163B34;--surface-2: #1A453C;--surface-3: #1F4F45;--surface-glass: rgba(239,233,222,.02);--surface-glass-blur: saturate(120%) blur(var(--blur-glass));--surface-glass-sheen: linear-gradient(145deg, rgba(127,208,184,.05) 0%, rgba(168,96,58,.03) 60%, transparent 100%);--card-grad: linear-gradient(145deg, rgba(239,233,222,.055), rgba(239,233,222,.025));--glass-chrome: rgba(15,45,40,.6);--card-border: rgba(239,233,222,.13);--card-border-hover: rgba(239,233,222,.22);--card-highlight: inset 0 1px 0 rgba(239,233,222,.1);--shadow-1: 0 30px 60px -18px rgba(4,14,12,.6), 0 8px 20px -8px rgba(4,14,12,.45), 0 0 40px -10px rgba(127,208,184,.09);--shadow-2: 0 40px 80px -20px rgba(4,14,12,.68), 0 10px 24px -8px rgba(4,14,12,.5), 0 0 52px -10px rgba(127,208,184,.13);--text-primary: var(--c-ink-d);--text-secondary: var(--c-ink2-d);--text-tertiary: var(--c-ink3-d);--text-disabled: var(--c-ink4-d);--text-faint: var(--c-ink4-d);--accent-primary: var(--c-teal-d);--accent-primary-hover: #93DCC6;--accent-strong: #93DCC6;--accent-primary-soft: color-mix(in srgb, var(--accent-primary) 14%, transparent);--accent-blue: var(--c-blue-d);--accent-ai: var(--c-teal-d);--accent-ai-soft: color-mix(in srgb, var(--accent-ai) 14%, transparent);--accent-info: var(--c-blue-d);--accent-info-soft: color-mix(in srgb, var(--accent-info) 16%, transparent);--on-accent: #0F2D28;--state-ok: var(--c-green-d);--state-ok-soft: color-mix(in srgb, var(--state-ok) 16%, transparent);--state-overdue: var(--c-red-d);--state-overdue-soft: color-mix(in srgb, var(--state-overdue) 16%, transparent);--state-pending: var(--c-orange-d);--state-pending-soft: color-mix(in srgb, var(--state-pending) 18%, transparent);--state-progress: var(--c-teal-d);--state-progress-soft: color-mix(in srgb, var(--state-progress) 14%, transparent);--prio-alta: var(--c-red-d);--prio-media: var(--c-orange-d);--prio-baja: var(--c-ink3-d);--type-incidente: var(--c-type-incid-d);--type-idea: var(--c-type-idea-d);--type-decision: var(--c-type-decis-d);--type-leccion: var(--c-type-lecc-d);--type-nota: var(--c-type-nota-d);--fill-subtle: rgba(239,233,222,.06);--fill-subtle-2: rgba(239,233,222,.09);--fill-subtle-3: rgba(239,233,222,.03);--track: rgba(239,233,222,.08);--border-hover: rgba(239,233,222,.24);--card-spotlight: rgba(127,208,184,.09);--accent-gradient: linear-gradient(135deg, var(--c-teal-d) 0%, #3AA98A 100%);--accent-gradient-shadow: 0 6px 20px rgba(127,208,184,.26)}[data-theme=light]{--surface-app: #F4EFE6;--base-gradient: linear-gradient(160deg, #F4EFE6 0%, #F2ECE1 55%, #F5F0E7 100%);--surface-1: #FFFFFF;--surface-2: #F6F1E9;--surface-3: #EFE9DE;--surface-glass: rgba(255,255,255,.82);--surface-glass-sheen: linear-gradient(145deg, rgba(17,105,90,.03) 0%, rgba(168,96,58,.02) 60%, transparent 100%);--card-grad: #FFFFFF;--glass-chrome: rgba(255,255,255,.78);--card-border: rgba(28,26,20,.06);--card-border-hover: rgba(28,26,20,.12);--card-highlight: inset 0 1px 0 rgba(255,255,255,.9);--shadow-1: 0 1px 2px rgba(74,60,36,.04), 0 10px 26px -12px rgba(74,60,36,.16), 0 22px 50px -24px rgba(74,60,36,.12);--shadow-2: 0 2px 4px rgba(74,60,36,.06), 0 16px 36px -12px rgba(74,60,36,.2), 0 30px 64px -24px rgba(74,60,36,.16);--text-primary: var(--c-ink-l);--text-secondary: var(--c-ink2-l);--text-tertiary: var(--c-ink3-l);--text-disabled: var(--c-ink4-l);--text-faint: var(--c-ink4-l);--accent-primary: var(--c-pino);--accent-primary-hover: #0D584B;--accent-strong: #0D584B;--accent-primary-soft: color-mix(in srgb, var(--c-pino) 10%, transparent);--accent-blue: var(--c-blue-l);--accent-ai: var(--c-teal-l);--accent-ai-soft: color-mix(in srgb, var(--accent-ai) 12%, transparent);--accent-info: var(--c-blue-l);--accent-info-soft: color-mix(in srgb, var(--accent-info) 12%, transparent);--on-accent: #FFFFFF;--state-ok: var(--c-green-l);--state-ok-soft: color-mix(in srgb, var(--state-ok) 12%, transparent);--state-overdue: var(--c-red-l);--state-overdue-soft: color-mix(in srgb, var(--state-overdue) 12%, transparent);--state-pending: var(--c-orange-l);--state-pending-soft: color-mix(in srgb, var(--state-pending) 14%, transparent);--state-progress: var(--c-teal-l);--state-progress-soft: color-mix(in srgb, var(--state-progress) 12%, transparent);--prio-alta: var(--c-red-l);--prio-media: var(--c-orange-l);--prio-baja: var(--c-ink3-l);--type-incidente: var(--c-type-incid-l);--type-idea: var(--c-type-idea-l);--type-decision: var(--c-type-decis-l);--type-leccion: var(--c-type-lecc-l);--type-nota: var(--c-type-nota-l);--fill-subtle: rgba(28,26,20,.04);--fill-subtle-2: rgba(28,26,20,.07);--fill-subtle-3: rgba(28,26,20,.025);--track: rgba(28,26,20,.09);--border-hover: rgba(28,26,20,.17);--card-spotlight: rgba(17,105,90,.08);--accent-gradient: linear-gradient(135deg, var(--c-pino) 0%, var(--c-teal-l) 100%);--accent-gradient-shadow: 0 6px 20px rgba(17,105,90,.24)}:root,[data-theme=dark],[data-theme=light]{--purple: var(--accent-ai);--purple-dim: var(--accent-ai-soft);--ink: var(--text-primary);--ink-2: var(--text-secondary);--ink-3: var(--text-tertiary);--ink-4: var(--text-faint);--surface: var(--surface-1);--surface-hi: var(--surface-2);--surface-top: var(--surface-3);--blue: var(--accent-primary);--primary-hover: var(--accent-primary-hover);--green: var(--state-ok);--red: var(--state-overdue);--orange: var(--state-pending);--shadow-card: var(--shadow-1);--shadow-card-hover: var(--shadow-2);--shadow-hover: var(--shadow-2);--glass-top: var(--card-highlight);--border-soft: var(--card-border);--border-soft-hover: var(--card-border-hover);--bg: var(--surface-app);--bg-sidebar: var(--surface-1);--bg-panel: var(--surface-1);--card-bg: var(--surface-1);--surface-nested: var(--surface-1);--surface-inner: var(--surface-2);--surface-chip: var(--surface-3);--glass-bg: var(--card-grad);--glass-sheen: transparent;--glass-blur: none;--glass-border: var(--card-border);--blue-text: var(--accent-blue);--info: var(--accent-info);--chip-client-text: var(--accent-info);--chip-neutral-text: var(--text-tertiary);--origin-meeting: var(--accent-info);--border-overdue: var(--state-overdue);--border-active: var(--accent-info)}[data-theme=light] .sidebar{background:linear-gradient(180deg,#0f2d28,#113129 60%,#123430);border-color:#efe9de1a;box-shadow:inset 0 1px #efe9de0f,0 24px 50px -26px #14100859;--text-primary: var(--c-ink-d);--text-secondary: var(--c-ink2-d);--text-tertiary: var(--c-ink3-d);--text-faint: var(--c-ink4-d);--text-disabled: var(--c-ink4-d);--accent-primary: var(--c-teal-d);--accent-primary-soft: rgba(127,208,184,.14);--accent-ai: var(--c-teal-d);--accent-ai-soft: rgba(127,208,184,.14);--on-accent: #0F2D28;--state-overdue: var(--c-red-d);--accent-info: var(--c-blue-d);--surface-1: #163B34;--surface-2: rgba(239,233,222,.08);--surface-3: rgba(239,233,222,.12);--fill-subtle: rgba(239,233,222,.06);--fill-subtle-2: rgba(239,233,222,.1);--track: rgba(239,233,222,.08);--card-border: rgba(239,233,222,.1);--card-border-hover: rgba(239,233,222,.18);--card-highlight: inset 0 1px 0 rgba(239,233,222,.06)}.glass-panel{position:relative;overflow:hidden;background:var(--surface-glass-sheen),var(--surface-glass);backdrop-filter:var(--surface-glass-blur);-webkit-backdrop-filter:var(--surface-glass-blur);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-1),var(--card-highlight)}.kpi-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px;background:var(--card-grad);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-1),var(--card-highlight)}.kpi-card__icon{width:34px;height:34px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.kpi-card__num{font-size:var(--type-num);font-weight:500;letter-spacing:-.02em;line-height:1.05;color:var(--text-primary)}.kpi-card__label{font-size:var(--type-sm);color:var(--text-secondary);margin-top:3px}.kpi-card--alert .kpi-card__num{color:var(--state-overdue)}.chip-state{display:inline-flex;align-items:center;gap:4px;font-size:var(--type-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-pill)}.chip-state--ok{background:var(--state-ok-soft);color:var(--state-ok)}.chip-state--overdue{background:var(--state-overdue-soft);color:var(--state-overdue)}.chip-state--pending{background:var(--state-pending-soft);color:var(--state-pending)}.chip-state--progress{background:var(--state-progress-soft);color:var(--state-progress)}.badge-priority{display:inline-flex;align-items:center;gap:4px;font-size:var(--type-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm)}.badge-priority--alta{background:var(--state-overdue-soft);color:var(--prio-alta)}.badge-priority--media{background:var(--accent-primary-soft);color:var(--prio-media)}.badge-priority--baja{background:var(--surface-2);color:var(--prio-baja)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--type-sm);font-weight:500;font-family:inherit;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out-q),border-color var(--dur-fast) var(--ease-out-q),transform var(--dur-press) var(--ease-out-q)}.btn-primary{background:var(--accent-gradient);color:var(--on-accent);font-weight:600;box-shadow:var(--accent-gradient-shadow)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--card-border)}.btn-secondary:hover:not(:disabled){border-color:var(--card-border-hover)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.96)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:default}.progress-bar{height:4px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-pill);background:var(--accent-primary);transition:width var(--dur-base) var(--ease-out-q)}.progress-bar__fill--ok{background:var(--state-ok)}.progress-bar__fill--warn{background:var(--state-pending)}.progress-bar__fill--bad{background:var(--state-overdue)}.list-row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-card)}.segmented{position:relative;display:grid;grid-template-columns:repeat(var(--n, 2),1fr);background:var(--fill-subtle);border:.5px solid var(--card-border);border-radius:var(--radius-pill);padding:5px;width:max-content;max-width:100%}.segmented__thumb{position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc((100% - 10px) / var(--n, 2));border-radius:var(--radius-pill);background:var(--accent-gradient);box-shadow:0 8px 20px -8px #0000008c;transform:translate(calc(var(--i, 0) * 100%));transition:transform .26s var(--ease-out-q)}.segmented__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:none;cursor:pointer;padding:11px 16px;border-radius:var(--radius-pill);font-size:var(--type-sm);font-weight:500;line-height:1;font-family:inherit;color:var(--text-tertiary);white-space:nowrap;transition:color .22s var(--ease-out-q)}.segmented__opt[aria-checked=true]{color:var(--on-accent)}.segmented__opt svg{width:15px;height:15px}.segmented__opt:active{transform:scale(.98)}.segmented__opt:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(hover:hover){.segmented__opt:not([aria-checked=true]):hover{color:var(--text-secondary)}}@media(prefers-reduced-motion:reduce){.segmented__thumb,.segmented__opt{transition:none}}@keyframes riseBlur{0%{opacity:0;transform:translateY(8px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.anim-rise{animation:riseBlur var(--dur-enter) var(--ease-out-q) both}.stagger>*{animation:riseBlur var(--dur-enter) var(--ease-out-q) both}.stagger>*:nth-child(1){animation-delay:40ms}.stagger>*:nth-child(2){animation-delay:90ms}.stagger>*:nth-child(3){animation-delay:.14s}.stagger>*:nth-child(4){animation-delay:.19s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.29s}.stagger>*:nth-child(7){animation-delay:.34s}.stagger>*:nth-child(8){animation-delay:.39s}.stagger>*:nth-child(9){animation-delay:.44s}.stagger>*:nth-child(10){animation-delay:.49s}.stagger>*:nth-child(n+11){animation-delay:.54s}.press{transition:transform var(--dur-press) var(--ease-out-q)}.press:active:not(:disabled){transform:scale(.96)}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-bar__fill--animate{width:100%;transform-origin:left center;animation:fillBar var(--dur-enter) var(--ease-out-q) both}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.progress-bar__fill{transition:none}.btn-primary:active,.btn-secondary:active,.press:active{transform:none}@keyframes riseBlur{0%{opacity:0}to{opacity:1}}.stagger>*{animation-delay:0ms!important}.progress-bar__fill--animate{animation:none;transform:scaleX(1)}}
