:root{--c-teal-d: #42ECB2;--c-teal-l: #0FA877;--c-blue-d: #5AA9FF;--c-blue-l: #1E7BD6;--c-orange-d: #FFB85C;--c-orange-l: #9A5E0A;--c-red-d: #FF6B6B;--c-red-l: #CF4338;--c-green-d: #46ECA4;--c-green-l: #0FA866;--c-ink-d: #F4FBF8;--c-ink2-d: #C8DDD6;--c-ink3-d: #8FAAA2;--c-ink4-d: #6E8A82;--c-ink-l: #16201D;--c-ink2-l: #36433F;--c-ink3-l: #586460;--c-ink4-l: #828E8A;--c-type-incid-d: #FF6B6B;--c-type-incid-l: #CF4338;--c-type-idea-d: #C9A6FF;--c-type-idea-l: #7A52C7;--c-type-decis-d: #FFD86B;--c-type-decis-l: #8A6D00;--c-type-lecc-d: #5AD0E3;--c-type-lecc-l: #0E7E92;--c-type-nota-d: #8AA0C0;--c-type-nota-l: #4F6A8C;--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: #072E2C;--base-gradient: linear-gradient(150deg, #072E2C 0%, #0A3A36 38%, #0D3A48 72%, #103048 100%);--surface-1: #0B3733;--surface-2: #103F44;--surface-3: #15454E;--surface-glass: rgba(255,255,255,.015);--surface-glass-blur: saturate(130%) blur(var(--blur-glass));--surface-glass-sheen: linear-gradient(145deg, rgba(66,236,178,.05) 0%, rgba(90,169,255,.03) 60%, transparent 100%);--card-grad: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));--card-border: rgba(255,255,255,.14);--card-border-hover: rgba(255,255,255,.22);--card-highlight: inset 0 1px 0 rgba(255,255,255,.2);--shadow-1: 0 22px 55px -24px rgba(0,0,0,.5);--shadow-2: 0 30px 70px -26px rgba(0,0,0,.6);--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: #5CECC2;--accent-strong: #4BEDBC;--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: #04201B;--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(255,255,255,.06);--fill-subtle-2: rgba(255,255,255,.09);--fill-subtle-3: rgba(255,255,255,.03);--track: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.22);--card-spotlight: rgba(66,236,178,.1);--accent-gradient: linear-gradient(135deg, var(--c-teal-d) 0%, var(--c-blue-d) 100%);--accent-gradient-shadow: 0 6px 20px rgba(66,236,178,.3)}[data-theme=light]{--surface-app: #F1F3F3;--base-gradient: linear-gradient(155deg, #F1F3F3 0%, #ECEFEF 55%, #EFF1F1 100%);--surface-1: #FFFFFF;--surface-2: #F6F8F8;--surface-3: #EEF2F2;--surface-glass: rgba(255,255,255,.5);--surface-glass-sheen: linear-gradient(145deg, rgba(14,158,114,.04) 0%, rgba(30,123,214,.03) 60%, transparent 100%);--card-grad: #FFFFFF;--card-border: rgba(20,30,28,.08);--card-border-hover: rgba(20,30,28,.15);--card-highlight: inset 0 1px 0 rgba(255,255,255,.6);--shadow-1: 0 1px 2px rgba(20,30,28,.05), 0 10px 28px -14px rgba(20,30,28,.14);--shadow-2: 0 2px 4px rgba(20,30,28,.06), 0 18px 40px -18px rgba(20,30,28,.2);--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-teal-l);--accent-primary-hover: #0B8A63;--accent-strong: #0B8A63;--accent-blue: var(--c-blue-l);--accent-ai: var(--c-teal-l);--accent-info: var(--c-blue-l);--on-accent: #04201B;--state-ok: var(--c-green-l);--state-overdue: var(--c-red-l);--state-pending: var(--c-orange-l);--state-progress: var(--c-teal-l);--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(20,30,28,.05);--fill-subtle-2: rgba(20,30,28,.08);--fill-subtle-3: rgba(20,30,28,.03);--track: rgba(20,30,28,.1);--border-hover: rgba(20,30,28,.15);--card-spotlight: rgba(14,158,114,.1);--accent-gradient: linear-gradient(135deg, var(--c-teal-l) 0%, var(--c-blue-l) 100%);--accent-gradient-shadow: 0 6px 20px rgba(14,158,114,.28)}: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)}.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)}}
