:root,:root[data-theme=light]{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-background);color:var(--text-primary);color-scheme:light;--surface-background:#fff;--surface-primary:#fff;--surface-sidebar:#f7f7f7;--surface-elevated:#fff;--surface-input:#e6e6e6;--surface-hover:#ccc;--surface-active:#ccc;--surface-button:#fff;--text-primary:#212121;--text-secondary:#424242;--text-muted:#757575;--border-color:#e6e6e6;--border-subtle:#f7f7f7;--bg-primary:#f9fafb;--bg-secondary:#f3f4f6;--bg-hover:#e5e7eb;--card-background:#fff;--card-border-color:#e5e7eb;--card-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);--title-overlay:transparent;--title-shadow:0 1px 4px rgba(0,0,0,.06);--accent-primary:#212121;--accent-secondary:#424242;--accent-on-primary:#fff;--button-primary-bg:var(--text-primary);--button-primary-fg:var(--surface-primary);--button-primary-hover-bg:var(--accent-secondary);--button-primary-hover-fg:var(--accent-on-primary);--button-primary-active-bg:var(--accent-primary);--button-primary-active-fg:var(--accent-on-primary);--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 12px 32px rgba(0,0,0,.12);--shadow-lg:0 24px 48px rgba(0,0,0,.18)}:root[data-theme=dark]{color-scheme:dark;--surface-background:#0a0a0a;--surface-primary:#0a0a0a;--surface-sidebar:#050505;--surface-elevated:#1a1a1a;--surface-input:#1f1f1f;--surface-hover:#151515;--surface-active:#202020;--surface-button:#1a1a1a;--text-primary:#e6e6e6;--text-secondary:#ccc;--text-muted:#999;--border-color:#3a3a3a;--border-subtle:#252525;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-hover:#1f1f1f;--card-background:#0f0f0f;--card-border-color:#2a2a2a;--card-shadow:0 2px 8px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05);--title-overlay:transparent;--title-shadow:0 2px 8px rgba(0,0,0,.8);--accent-primary:#60a5fa;--accent-secondary:#93c5fd;--accent-on-primary:#0f172a;--button-primary-bg:var(--accent-primary);--button-primary-fg:var(--accent-on-primary);--button-primary-hover-bg:#3b82f6;--button-primary-hover-fg:var(--accent-on-primary);--button-primary-active-bg:#2563eb;--button-primary-active-fg:var(--accent-on-primary);--shadow-sm:0 2px 4px rgba(0,0,0,.6);--shadow-md:0 8px 24px rgba(0,0,0,.7);--shadow-lg:0 16px 48px rgba(0,0,0,.8)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--surface-background:#0a0a0a;--surface-primary:#0a0a0a;--surface-sidebar:#050505;--surface-elevated:#1a1a1a;--surface-input:#1f1f1f;--surface-hover:#151515;--surface-active:#202020;--surface-button:#1a1a1a;--text-primary:#e6e6e6;--text-secondary:#ccc;--text-muted:#999;--border-color:#3a3a3a;--border-subtle:#252525;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-hover:#1f1f1f;--accent-primary:#f7f7f7;--accent-secondary:#ccc;--accent-on-primary:#0a0a0a;--button-primary-bg:var(--text-primary);--button-primary-fg:var(--surface-primary);--button-primary-hover-bg:var(--surface-hover);--button-primary-hover-fg:var(--text-primary);--button-primary-active-bg:var(--surface-active);--button-primary-active-fg:var(--text-primary);--shadow-sm:0 2px 4px rgba(0,0,0,.6);--shadow-md:0 8px 24px rgba(0,0,0,.7);--shadow-lg:0 16px 48px rgba(0,0,0,.8)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{background:var(--surface-background);color:var(--text-primary);min-height:100vh}.level-number,.metric-value,.points-value,.stat-value,.streak-number{text-shadow:0 1px 2px rgba(0,0,0,.08)}.achievement-description,.breakdown-label,.card-description,.level-title,.metric-label,.points-label,.progress-label,.section-title,.stat-label,.streak-label,.task-description,.view-description{text-shadow:0 1px 1px rgba(0,0,0,.06)}@media(prefers-color-scheme:dark){.level-number,.metric-value,.points-value,.stat-value,.streak-number{text-shadow:0 1px 3px rgba(0,0,0,.4)}.achievement-description,.breakdown-label,.card-description,.level-title,.metric-label,.points-label,.progress-label,.section-title,.stat-label,.streak-label,.task-description,.view-description{text-shadow:0 1px 2px rgba(0,0,0,.35)}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}#app{min-height:100vh}.btn{border:1px solid transparent;border-radius:.75rem;cursor:pointer;font-weight:600;padding:.6rem 1.1rem;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn--primary{background:var(--button-primary-bg);color:var(--button-primary-fg)}.btn--primary:hover{background:var(--button-primary-hover-bg);box-shadow:var(--shadow-sm);color:var(--button-primary-hover-fg);transform:translateY(-1px)}.btn--primary:active{background:var(--button-primary-active-bg);color:var(--button-primary-active-fg);transform:translateY(0)}.btn--ghost{background:transparent;border-color:var(--border-color)}.btn--ghost:hover{background:var(--surface-hover)}:root{--accent-primary-alpha:rgba(33,33,33,.1);--timer-focus-color:#22c55e;--timer-short-break-color:#3b82f6;--timer-long-break-color:#a855f7;--timer-panel-bg:#fff;--timer-display-bg:#f8f8f8;--shell-sidebar-width:280px;--shell-sidebar-collapsed:72px;--shell-toolbar-height:64px;--shell-toolbar-mobile:56px;--shell-transition-speed:.25s;--shell-transition-ease:cubic-bezier(.4,0,.2,1);--shell-elevation-0:none;--shell-elevation-1:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);--shell-elevation-2:0 3px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12);--shell-elevation-3:0 10px 20px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1);--shell-surface-container:#f3f3f3;--shell-surface-container-high:#ececec;--shell-surface-container-highest:#e6e6e6;--shell-active-indicator-width:3px;--shell-active-indicator-color:var(--accent-primary);--shell-ripple-color:rgba(0,0,0,.12);--shell-focus-ring-width:2px;--shell-focus-ring-offset:2px;--shell-focus-ring-color:var(--accent-primary);--focus-transition-duration:.4s;--focus-transition-ease:cubic-bezier(.4,0,.2,1);--focus-backdrop-color:rgba(0,0,0,.02);--focus-timer-size:300px;--focus-timer-size-mobile:240px;--focus-spacing:48px;--focus-spacing-mobile:24px;--focus-mini-bar-height:56px;--focus-mini-bar-blur:16px;--focus-mini-bar-bg:hsla(0,0%,100%,.85);--focus-mini-bar-border:rgba(0,0,0,.08);--focus-mini-bar-shadow:0 -4px 24px rgba(0,0,0,.08);--focus-elevation-mini-bar:0 -4px 24px rgba(0,0,0,.12),0 -1px 8px rgba(0,0,0,.08);--focus-elevation-timer:0 8px 32px rgba(0,0,0,.12);--focus-surface-primary:var(--surface-background);--focus-text-primary:var(--text-primary);--focus-text-muted:var(--text-muted);--focus-accent:var(--accent-primary)}:root[data-theme=dark]{--accent-primary-alpha:rgba(96,165,250,.2);--timer-focus-color:#22c55e;--timer-short-break-color:#3b82f6;--timer-long-break-color:#a855f7;--timer-panel-bg:#000;--timer-display-bg:#000;--shell-surface-container:#1a1a1a;--shell-surface-container-high:#242424;--shell-surface-container-highest:#2e2e2e;--shell-ripple-color:hsla(0,0%,100%,.12);--shell-elevation-1:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shell-elevation-2:0 3px 6px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);--shell-elevation-3:0 10px 20px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.35);--focus-backdrop-color:rgba(0,0,0,.4);--focus-mini-bar-bg:rgba(26,26,26,.9);--focus-mini-bar-border:hsla(0,0%,100%,.1);--focus-mini-bar-shadow:0 -4px 24px rgba(0,0,0,.4);--focus-elevation-mini-bar:0 -4px 24px rgba(0,0,0,.5),0 -1px 8px rgba(0,0,0,.3);--focus-elevation-timer:0 8px 32px rgba(0,0,0,.4)}@media(prefers-reduced-motion:reduce){:root{--shell-transition-speed:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:var(--shell-focus-ring-width) solid var(--shell-focus-ring-color);outline-offset:var(--shell-focus-ring-offset)}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:after{background:radial-gradient(circle,var(--shell-ripple-color) 10%,transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";inset:0;opacity:0;position:absolute;transform:scale(10);transition:transform .5s,opacity .8s}.ripple-effect:active:after{opacity:1;transform:scale(0);transition:0s}:root[data-theme=light] .stat-card .stat-trend,:root[data-theme=light] .stat-card .stat-trend--down,:root[data-theme=light] .stat-card .stat-trend--neutral,:root[data-theme=light] .stat-card .stat-trend--up{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:999px;box-shadow:0 1px 2px #0000000f;color:#000!important;font-size:.75rem;font-weight:600;padding:.25rem .625rem;text-shadow:none!important}@media(prefers-color-scheme:light){.stat-card .stat-trend,.stat-card .stat-trend--down,.stat-card .stat-trend--neutral,.stat-card .stat-trend--up{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:999px;box-shadow:0 1px 2px #0000000f;color:#000!important;font-size:.75rem;font-weight:600;padding:.25rem .625rem;text-shadow:none!important}}.stat-card .stat-trend img,:root[data-theme=light] .stat-card .stat-trend svg{filter:none}:root[data-theme=dark] .stat-card .stat-trend,:root[data-theme=dark] .stat-card .stat-trend--down,:root[data-theme=dark] .stat-card .stat-trend--neutral,:root[data-theme=dark] .stat-card .stat-trend--up{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(prefers-color-scheme:dark){.stat-card .stat-trend,.stat-card .stat-trend--down,.stat-card .stat-trend--neutral,.stat-card .stat-trend--up{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}}:root[data-theme=light] .card-action,:root[data-theme=light] .features-grid .feature-card .card-footer .card-action,:root[data-theme=light] a.feature-card .card-footer span,:root[data-theme=light] button.feature-card .card-footer span{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffbf;border:1px solid rgba(0,0,0,.15);border-radius:.6rem;box-shadow:var(--shadow-sm);color:#000!important;display:inline-flex;gap:.35rem;padding:.35rem .6rem;text-shadow:none!important}@media(prefers-color-scheme:light){.card-action,.features-grid .feature-card .card-footer .card-action,a.feature-card .card-footer span,button.feature-card .card-footer span{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffbf;border:1px solid rgba(0,0,0,.15);border-radius:.6rem;box-shadow:var(--shadow-sm);color:#000!important;display:inline-flex;gap:.35rem;padding:.35rem .6rem;text-shadow:none!important}}:root[data-theme=light] .card-action svg,:root[data-theme=light] .features-grid .feature-card .card-footer .card-action svg,:root[data-theme=light] a.feature-card .card-footer span svg,:root[data-theme=light] button.feature-card .card-footer span svg{filter:none}:root[data-theme=dark] .card-action,:root[data-theme=dark] .features-grid .feature-card .card-footer .card-action,:root[data-theme=dark] a.feature-card .card-footer span,:root[data-theme=dark] button.feature-card .card-footer span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(prefers-color-scheme:dark){.card-action,.features-grid .feature-card .card-footer .card-action,a.feature-card .card-footer span,button.feature-card .card-footer span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}}:root[data-theme=light] .dashboard-header .greeting-badge,:root[data-theme=light] .dashboard-view .greeting-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 1px 3px #00000014;color:#000!important}:root[data-theme=light] .dashboard-header .greeting-badge svg,:root[data-theme=light] .dashboard-view .greeting-badge svg{color:#000!important}@media(prefers-color-scheme:light){.dashboard-header .greeting-badge,.dashboard-view .greeting-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 1px 3px #00000014;color:#000!important}.dashboard-header .greeting-badge svg,.dashboard-view .greeting-badge svg{color:#000!important}}:root[data-theme=dark] .dashboard-header .greeting-badge,:root[data-theme=dark] .dashboard-view .greeting-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080!important;border:1px solid hsla(0,0%,100%,.15)!important;box-shadow:0 2px 4px #0000004d;color:#fff!important}:root[data-theme=dark] .dashboard-header .greeting-badge svg,:root[data-theme=dark] .dashboard-view .greeting-badge svg{color:#fff!important}@media(prefers-color-scheme:dark){.dashboard-header .greeting-badge,.dashboard-view .greeting-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080!important;border:1px solid hsla(0,0%,100%,.15)!important;box-shadow:0 2px 4px #0000004d;color:#fff!important}.dashboard-header .greeting-badge svg,.dashboard-view .greeting-badge svg{color:#fff!important}}:root[data-theme=light] .dashboard-header .header-subtitle,:root[data-theme=light] .dashboard-view .header-subtitle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc!important;border:1px solid rgba(0,0,0,.1);border-radius:999px;box-shadow:0 1px 3px #00000014;color:#000!important;display:inline-flex!important;gap:.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}@media(prefers-color-scheme:light){.dashboard-header .header-subtitle,.dashboard-view .header-subtitle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc!important;border:1px solid rgba(0,0,0,.1);border-radius:999px;box-shadow:0 1px 3px #00000014;color:#000!important;display:inline-flex!important;gap:.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}}:root[data-theme=dark] .dashboard-header .header-subtitle,:root[data-theme=dark] .dashboard-view .header-subtitle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080!important;border:1px solid hsla(0,0%,100%,.1);border-radius:999px;box-shadow:0 2px 4px #0000004d;color:#fff!important;display:inline-flex!important;gap:.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}@media(prefers-color-scheme:dark){.dashboard-header .header-subtitle,.dashboard-view .header-subtitle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080!important;border:1px solid hsla(0,0%,100%,.1);border-radius:999px;box-shadow:0 2px 4px #0000004d;color:#fff!important;display:inline-flex!important;gap:.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}}:root[data-theme=light] .analytics-view .dashboard-title,:root[data-theme=light] .productivity-dashboard .dashboard-title{background:none!important;-webkit-background-clip:unset!important;color:#000!important;-webkit-text-fill-color:#000!important;background-clip:unset!important}@media(prefers-color-scheme:light){.analytics-view .dashboard-title,.productivity-dashboard .dashboard-title{background:none!important;-webkit-background-clip:unset!important;color:#000!important;-webkit-text-fill-color:#000!important;background-clip:unset!important}}:root[data-theme=dark] .analytics-view .dashboard-title,:root[data-theme=dark] .productivity-dashboard .dashboard-title{background:none!important;-webkit-background-clip:unset!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background-clip:unset!important}@media(prefers-color-scheme:dark){.analytics-view .dashboard-title,.productivity-dashboard .dashboard-title{background:none!important;-webkit-background-clip:unset!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background-clip:unset!important}}:root:not([data-theme]) .app-shell__content:has(.home-container),:root[data-theme=light] .app-shell__content:has(.home-container){background:#fff!important}:root:not([data-theme]) .home-container,:root[data-theme=light] .home-container{background:#fff}:root[data-theme=dark] .app-shell__content:has(.home-container){background:#000!important}:root[data-theme=dark] .home-container{background:#000}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .app-shell__content:has(.home-container){background:#fff!important}:root:not([data-theme=dark]) .home-container{background:#fff}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-shell__content:has(.home-container){background:#000!important}:root:not([data-theme=light]) .home-container{background:#000}}:root{--has-palette:0;--palette-primary:initial;--palette-on-primary:initial;--palette-primary-container:initial;--palette-on-primary-container:initial;--palette-secondary:initial;--palette-on-secondary:initial;--palette-secondary-container:initial;--palette-on-secondary-container:initial;--palette-seed:initial}:root:not([data-theme])[style*=--palette-primary],:root[data-theme=dark][style*=--palette-primary],:root[data-theme=light][style*=--palette-primary]{--has-palette:1;--accent-primary:var(--palette-primary);--accent-secondary:var(--palette-secondary);--accent-on-primary:var(--palette-on-primary);--button-primary-bg:var(--palette-primary);--button-primary-fg:var(--palette-on-primary);--button-primary-hover-bg:var(--palette-secondary);--button-primary-hover-fg:var(--palette-on-secondary);--button-primary-active-bg:var(--palette-primary);--button-primary-active-fg:var(--palette-on-primary);--surface-active:var(--palette-primary-container);--bg-primary:var(--palette-primary-container)}@media(prefers-color-scheme:dark){:root:not([data-theme])[style*=--palette-primary]{--bg-primary:var(--palette-primary-container)}}.achievements-view,.analytics-view,.dashboard-view,.gamification-view,.history-view,.kanban-view,.notes-view,.profile-view,.projects-view,.recurrence-view{background:var(--palette-primary-container,var(--bg-primary,#f9fafb));border-radius:16px;margin:.5rem;transition:background .3s ease}:root[data-theme=light] .achievements-view,:root[data-theme=light] .analytics-view,:root[data-theme=light] .dashboard-view,:root[data-theme=light] .gamification-view,:root[data-theme=light] .history-view,:root[data-theme=light] .kanban-view,:root[data-theme=light] .notes-view,:root[data-theme=light] .profile-view,:root[data-theme=light] .projects-view,:root[data-theme=light] .recurrence-view{background:var(--palette-primary-container,#f9fafb)}:root[data-theme=dark] .achievements-view,:root[data-theme=dark] .analytics-view,:root[data-theme=dark] .dashboard-view,:root[data-theme=dark] .gamification-view,:root[data-theme=dark] .history-view,:root[data-theme=dark] .kanban-view,:root[data-theme=dark] .notes-view,:root[data-theme=dark] .profile-view,:root[data-theme=dark] .projects-view,:root[data-theme=dark] .recurrence-view{background:color-mix(in srgb,var(--palette-primary-container,#1a1a1a) 15%,#0a0a0a);border:1px solid color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 30%,transparent)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .achievements-view,:root:not([data-theme=dark]) .analytics-view,:root:not([data-theme=dark]) .dashboard-view,:root:not([data-theme=dark]) .gamification-view,:root:not([data-theme=dark]) .history-view,:root:not([data-theme=dark]) .kanban-view,:root:not([data-theme=dark]) .notes-view,:root:not([data-theme=dark]) .profile-view,:root:not([data-theme=dark]) .projects-view,:root:not([data-theme=dark]) .recurrence-view{background:var(--palette-primary-container,#f9fafb)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .achievements-view,:root:not([data-theme=light]) .analytics-view,:root:not([data-theme=light]) .dashboard-view,:root:not([data-theme=light]) .gamification-view,:root:not([data-theme=light]) .history-view,:root:not([data-theme=light]) .kanban-view,:root:not([data-theme=light]) .notes-view,:root:not([data-theme=light]) .profile-view,:root:not([data-theme=light]) .projects-view,:root:not([data-theme=light]) .recurrence-view{background:color-mix(in srgb,var(--palette-primary-container,#1a1a1a) 15%,#0a0a0a);border:1px solid color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 30%,transparent)}}:root[data-theme=dark] .achievements-view,:root[data-theme=dark] .analytics-view,:root[data-theme=dark] .dashboard-view,:root[data-theme=dark] .gamification-view,:root[data-theme=dark] .history-view,:root[data-theme=dark] .kanban-view,:root[data-theme=dark] .notes-view,:root[data-theme=dark] .profile-view,:root[data-theme=dark] .projects-view,:root[data-theme=dark] .recurrence-view{color:#fff}:root[data-theme=dark] .analytics-view h1,:root[data-theme=dark] .analytics-view h2,:root[data-theme=dark] .analytics-view h3,:root[data-theme=dark] .dashboard-view h1,:root[data-theme=dark] .dashboard-view h2,:root[data-theme=dark] .dashboard-view h3,:root[data-theme=dark] .gamification-view h1,:root[data-theme=dark] .gamification-view h2,:root[data-theme=dark] .gamification-view h3{color:#fff!important}:root[data-theme=dark] .analytics-view label,:root[data-theme=dark] .analytics-view p,:root[data-theme=dark] .analytics-view span,:root[data-theme=dark] .dashboard-view label,:root[data-theme=dark] .dashboard-view p,:root[data-theme=dark] .dashboard-view span,:root[data-theme=dark] .gamification-view label,:root[data-theme=dark] .gamification-view p,:root[data-theme=dark] .gamification-view span{color:#e0e0e0!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .achievements-view,:root:not([data-theme=light]) .analytics-view,:root:not([data-theme=light]) .dashboard-view,:root:not([data-theme=light]) .gamification-view,:root:not([data-theme=light]) .history-view,:root:not([data-theme=light]) .kanban-view,:root:not([data-theme=light]) .notes-view,:root:not([data-theme=light]) .profile-view,:root:not([data-theme=light]) .projects-view,:root:not([data-theme=light]) .recurrence-view{color:#fff}:root:not([data-theme=light]) .analytics-view h1,:root:not([data-theme=light]) .analytics-view h2,:root:not([data-theme=light]) .analytics-view h3,:root:not([data-theme=light]) .dashboard-view h1,:root:not([data-theme=light]) .dashboard-view h2,:root:not([data-theme=light]) .dashboard-view h3,:root:not([data-theme=light]) .gamification-view h1,:root:not([data-theme=light]) .gamification-view h2,:root:not([data-theme=light]) .gamification-view h3{color:#fff!important}:root:not([data-theme=light]) .analytics-view label,:root:not([data-theme=light]) .analytics-view p,:root:not([data-theme=light]) .analytics-view span,:root:not([data-theme=light]) .dashboard-view label,:root:not([data-theme=light]) .dashboard-view p,:root:not([data-theme=light]) .dashboard-view span,:root:not([data-theme=light]) .gamification-view label,:root:not([data-theme=light]) .gamification-view p,:root:not([data-theme=light]) .gamification-view span{color:#e0e0e0!important}}.palette-bg-primary{background-color:var(--palette-primary,var(--accent-primary))!important;color:var(--palette-on-primary,var(--accent-on-primary))!important}.palette-bg-primary-container{background-color:var(--palette-primary-container,var(--surface-active))!important;color:var(--palette-on-primary-container,var(--text-primary))!important}.palette-bg-secondary{background-color:var(--palette-secondary,var(--accent-secondary))!important;color:var(--palette-on-secondary,var(--accent-on-primary))!important}.palette-bg-secondary-container{background-color:var(--palette-secondary-container,var(--surface-hover))!important;color:var(--palette-on-secondary-container,var(--text-primary))!important}.palette-text-primary{color:var(--palette-primary,var(--accent-primary))!important}.palette-text-secondary{color:var(--palette-secondary,var(--accent-secondary))!important}.palette-border-primary{border-color:var(--palette-primary,var(--accent-primary))!important}.palette-border-secondary{border-color:var(--palette-secondary,var(--accent-secondary))!important}.palette-card{background:var(--palette-primary-container,var(--surface));border-left:4px solid var(--palette-primary,var(--accent-primary));border-radius:.75rem;color:var(--palette-on-primary-container,var(--text-primary));padding:1.5rem;transition:all .3s ease}.palette-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.palette-badge{align-items:center;background:var(--palette-primary,var(--accent-primary));border-radius:1rem;color:var(--palette-on-primary,#fff);display:inline-flex;font-size:.875rem;font-weight:600;padding:.375rem .875rem;transition:all .2s ease}.palette-badge:hover{box-shadow:0 2px 8px var(--palette-primary,var(--accent-primary));transform:scale(1.05)}.palette-badge--outline{background:transparent;border:2px solid var(--palette-primary,var(--accent-primary));color:var(--palette-primary,var(--accent-primary))}.palette-tag{align-items:center;background:var(--palette-primary-container,var(--surface-active));border-radius:.375rem;color:var(--palette-on-primary-container,var(--text-primary));display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.palette-progress{background:var(--palette-primary-container,var(--surface-hover));border-radius:4px;height:8px;overflow:hidden;width:100%}.palette-progress__fill{background:linear-gradient(90deg,var(--palette-primary,var(--accent-primary)),var(--palette-secondary,var(--accent-secondary)));border-radius:4px;height:100%;transition:width .3s ease}.palette-divider{background:var(--palette-primary,var(--border-color));height:1px;margin:1rem 0;opacity:.3}.palette-divider--thick{height:3px;opacity:.5}.palette-link{color:var(--palette-primary,var(--accent-primary));font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.palette-link:after{background:var(--palette-primary,var(--accent-primary));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.palette-link:hover:after{width:100%}.palette-link:hover{color:var(--palette-secondary,var(--accent-secondary))}.palette-highlight{background:var(--palette-primary-container,var(--surface-active));border-radius:.25rem;color:var(--palette-on-primary-container,var(--text-primary));padding:.125rem .375rem}.palette-icon{color:var(--palette-primary,var(--accent-primary));transition:all .2s ease}.palette-icon:hover{color:var(--palette-secondary,var(--accent-secondary));transform:scale(1.1)}.palette-alert{background:var(--palette-primary-container,var(--surface-active));border-left:4px solid var(--palette-primary,var(--accent-primary));border-radius:.5rem;color:var(--palette-on-primary-container,var(--text-primary));padding:1rem 1.25rem}.palette-btn-outline{background:transparent;border:2px solid var(--palette-primary,var(--accent-primary));border-radius:.5rem;color:var(--palette-primary,var(--accent-primary));cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.palette-btn-outline:hover{background:var(--palette-primary,var(--accent-primary));color:var(--palette-on-primary,#fff)}@keyframes palette-pulse{0%,to{box-shadow:0 0 0 0 var(--palette-primary,var(--accent-primary))}50%{box-shadow:0 0 0 10px transparent}}.palette-pulse{animation:palette-pulse 2s infinite}@keyframes palette-shimmer{0%{background-position:-200%}to{background-position:200%}}.palette-shimmer{animation:palette-shimmer 2s infinite;background:linear-gradient(90deg,var(--palette-primary-container,var(--surface-hover)) 25%,var(--palette-primary,var(--accent-primary)) 50%,var(--palette-primary-container,var(--surface-hover)) 75%);background-size:200% 100%}@media(prefers-contrast:high){.palette-bg-primary,.palette-bg-secondary{border:2px solid}.palette-text-primary,.palette-text-secondary{font-weight:600}}@media(prefers-reduced-motion:reduce){.palette-badge,.palette-btn-outline,.palette-card,.palette-icon,.palette-link{transition:none}.palette-pulse,.palette-shimmer{animation:none}}@media(max-width:640px){.palette-card{padding:1rem}.palette-badge{font-size:.8125rem;padding:.3125rem .75rem}}@media print{.palette-alert,.palette-badge,.palette-card{border:1px solid var(--palette-primary,#000);box-shadow:none!important}}:root{--gaming-bg-page-light:#f8f9fa;--gaming-bg-card-light:#fff;--gaming-bg-card-hover-light:#fafbfc;--gaming-bg-elevated-light:#fff;--gaming-text-primary-light:#0a0a0a;--gaming-text-secondary-light:#404040;--gaming-text-muted-light:#737373;--gaming-border-light:#e5e7eb;--gaming-border-card-light:#d1d5db;--gaming-divider-light:#f3f4f6;--gaming-shadow-card-light:0 1px 3px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);--gaming-shadow-card-hover-light:0 10px 40px rgba(0,0,0,.12),0 0 0 1px var(--palette-primary,var(--accent-primary)),0 0 20px color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 20%,transparent);--gaming-bg-page-dark:#000;--gaming-bg-card-dark:#0f0f0f;--gaming-bg-card-hover-dark:#1a1a1a;--gaming-bg-elevated-dark:#141414;--gaming-text-primary-dark:#fff;--gaming-text-secondary-dark:#ccc;--gaming-text-muted-dark:grey;--gaming-border-dark:#1f1f1f;--gaming-border-card-dark:#2a2a2a;--gaming-divider-dark:#1a1a1a;--gaming-shadow-card-dark:0 4px 16px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05);--gaming-shadow-card-hover-dark:0 16px 60px rgba(0,0,0,.8),0 0 0 2px var(--palette-primary,var(--accent-primary)),0 0 40px color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 40%,transparent);--gaming-accent-glow:color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 30%,transparent);--gaming-accent-border:var(--palette-primary,var(--accent-primary));--gaming-accent-gradient:linear-gradient(135deg,var(--palette-primary,var(--accent-primary)),var(--palette-secondary,var(--accent-secondary)))}:root[data-theme=light]{--gaming-bg-page:var(--gaming-bg-page-light);--gaming-bg-card:var(--gaming-bg-card-light);--gaming-bg-card-hover:var(--gaming-bg-card-hover-light);--gaming-bg-elevated:var(--gaming-bg-elevated-light);--gaming-text-primary:var(--gaming-text-primary-light);--gaming-text-secondary:var(--gaming-text-secondary-light);--gaming-text-muted:var(--gaming-text-muted-light);--gaming-border:var(--gaming-border-light);--gaming-border-card:var(--gaming-border-card-light);--gaming-divider:var(--gaming-divider-light);--gaming-shadow-card:var(--gaming-shadow-card-light);--gaming-shadow-card-hover:var(--gaming-shadow-card-hover-light)}:root[data-theme=dark]{--gaming-bg-page:var(--gaming-bg-page-dark);--gaming-bg-card:var(--gaming-bg-card-dark);--gaming-bg-card-hover:var(--gaming-bg-card-hover-dark);--gaming-bg-elevated:var(--gaming-bg-elevated-dark);--gaming-text-primary:var(--gaming-text-primary-dark);--gaming-text-secondary:var(--gaming-text-secondary-dark);--gaming-text-muted:var(--gaming-text-muted-dark);--gaming-border:var(--gaming-border-dark);--gaming-border-card:var(--gaming-border-card-dark);--gaming-divider:var(--gaming-divider-dark);--gaming-shadow-card:var(--gaming-shadow-card-dark);--gaming-shadow-card-hover:var(--gaming-shadow-card-hover-dark)}@media(prefers-color-scheme:light){:root:not([data-theme]){--gaming-bg-page:var(--gaming-bg-page-light);--gaming-bg-card:var(--gaming-bg-card-light);--gaming-bg-card-hover:var(--gaming-bg-card-hover-light);--gaming-bg-elevated:var(--gaming-bg-elevated-light);--gaming-text-primary:var(--gaming-text-primary-light);--gaming-text-secondary:var(--gaming-text-secondary-light);--gaming-text-muted:var(--gaming-text-muted-light);--gaming-border:var(--gaming-border-light);--gaming-border-card:var(--gaming-border-card-light);--gaming-divider:var(--gaming-divider-light);--gaming-shadow-card:var(--gaming-shadow-card-light);--gaming-shadow-card-hover:var(--gaming-shadow-card-hover-light)}}@media(prefers-color-scheme:dark){:root:not([data-theme]){--gaming-bg-page:var(--gaming-bg-page-dark);--gaming-bg-card:var(--gaming-bg-card-dark);--gaming-bg-card-hover:var(--gaming-bg-card-hover-dark);--gaming-bg-elevated:var(--gaming-bg-elevated-dark);--gaming-text-primary:var(--gaming-text-primary-dark);--gaming-text-secondary:var(--gaming-text-secondary-dark);--gaming-text-muted:var(--gaming-text-muted-dark);--gaming-border:var(--gaming-border-dark);--gaming-border-card:var(--gaming-border-card-dark);--gaming-divider:var(--gaming-divider-dark);--gaming-shadow-card:var(--gaming-shadow-card-dark);--gaming-shadow-card-hover:var(--gaming-shadow-card-hover-dark)}}:root{--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:100;--z-modal:200;--z-toast:300;--z-tooltip:400;--input-height:44px;--input-padding-x:var(--space-md);--input-border:1px solid var(--gaming-border-card,#d1d5db);--input-focus-border:2px solid var(--palette-primary,var(--accent-primary));--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--accent-glow:color-mix(in srgb,var(--palette-primary,var(--accent-primary)) 30%,transparent);--accent-gradient:linear-gradient(135deg,var(--palette-primary,var(--accent-primary)),var(--palette-secondary,var(--accent-secondary)))}:root[data-theme=light]{--status-success-bg:#dcfce7;--status-success-text:#15803d;--status-warning-bg:#fef3c7;--status-warning-text:#b45309;--status-error-bg:#fee2e2;--status-error-text:#b91c1c;--status-info-bg:#dbeafe;--status-info-text:#1e40af;--bg-page:var(--gaming-bg-page-light);--bg-card:var(--gaming-bg-card-light);--bg-card-hover:var(--gaming-bg-card-hover-light);--bg-elevated:var(--gaming-bg-elevated-light);--text-primary:var(--gaming-text-primary-light);--text-secondary:var(--gaming-text-secondary-light);--text-muted:var(--gaming-text-muted-light);--border:var(--gaming-border-light);--border-card:var(--gaming-border-card-light);--divider:var(--gaming-divider-light);--shadow-card:var(--gaming-shadow-card-light);--shadow-card-hover:var(--gaming-shadow-card-hover-light)}:root[data-theme=dark]{--status-success-bg:rgba(34,197,94,.15);--status-success-text:#4ade80;--status-warning-bg:rgba(245,158,11,.15);--status-warning-text:#fbbf24;--status-error-bg:rgba(239,68,68,.15);--status-error-text:#f87171;--status-info-bg:rgba(59,130,246,.15);--status-info-text:#60a5fa;--bg-page:var(--gaming-bg-page-dark);--bg-card:var(--gaming-bg-card-dark);--bg-card-hover:var(--gaming-bg-card-hover-dark);--bg-elevated:var(--gaming-bg-elevated-dark);--text-primary:var(--gaming-text-primary-dark);--text-secondary:var(--gaming-text-secondary-dark);--text-muted:var(--gaming-text-muted-dark);--border:var(--gaming-border-dark);--border-card:var(--gaming-border-card-dark);--divider:var(--gaming-divider-dark);--shadow-card:var(--gaming-shadow-card-dark);--shadow-card-hover:var(--gaming-shadow-card-hover-dark)}.reduce-motion *,.reduce-motion :after,.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reduce-motion *{will-change:auto!important}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.reduce-motion .essential-animation{animation-duration:.15s!important;transition-duration:.15s!important}.reduce-motion .loading-indicator,.reduce-motion .spinner{animation-duration:1s!important}:root{--tour-highlight-color:rgba(76,175,80,.3);--tour-backdrop-color:rgba(0,0,0,.5);--tour-border-radius:12px;--tour-transition:all .3s cubic-bezier(.4,0,.2,1)}.v-tour__backdrop{background-color:var(--tour-backdrop-color)!important;transition:var(--tour-transition)!important}.v-tour__target--highlighted{animation:tour-pulse 2s ease-in-out infinite;border-radius:var(--tour-border-radius)!important;box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px var(--tour-highlight-color),0 8px 24px #0000004d!important;position:relative!important;transition:var(--tour-transition)!important}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px var(--tour-highlight-color),0 8px 24px #0000004d}50%{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 6px var(--tour-highlight-color),0 12px 32px #0006}}.v-tour__target--relative{position:relative!important}.v-step{background:#fff!important;border-radius:16px!important;box-shadow:0 8px 32px #00000026!important;max-width:400px!important;padding:20px!important;z-index:10000!important}.v-step__header{margin-bottom:12px!important}.v-step__title{color:#2c3e50!important;font-size:18px!important;font-weight:700!important;margin:0!important}.v-step__content{color:#555!important;font-size:15px!important;line-height:1.6!important;margin-bottom:16px!important}.v-step__arrow{border-width:10px!important}.v-step__button{border:none!important;border-radius:12px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease!important}.v-step__button-skip{background:transparent!important;color:#999!important;text-decoration:underline!important}.v-step__button-skip:hover{color:#666!important}.v-step__button-previous{background:#f5f5f5!important;color:#666!important}.v-step__button-previous:hover{background:#e0e0e0!important}.v-step__button-next,.v-step__button-stop{background:var(--primary-color,#4caf50)!important;box-shadow:0 2px 8px #4caf504d!important;color:#fff!important}.v-step__button-next:hover,.v-step__button-stop:hover{box-shadow:0 4px 12px #4caf5066!important;transform:translateY(-2px)!important}.v-tour--keyboard-navigation .v-step{outline:2px solid var(--tour-highlight-color)!important;outline-offset:4px!important}.v-step-enter-active,.v-step-leave-active{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important}.v-step-enter-from,.v-step-leave-to{opacity:0!important;transform:scale(.8)!important}@media(max-width:768px){.v-step{margin:16px!important;max-width:calc(100vw - 32px)!important}.v-step__title{font-size:16px!important}.v-step__content{font-size:14px!important}.v-step__button{font-size:13px!important;padding:12px 16px!important}}@media(max-width:480px){.v-step{margin:12px!important;max-width:calc(100vw - 24px)!important;padding:16px!important}.v-step__title{font-size:15px!important}.v-step__content{font-size:13px!important}.v-tour__target--highlighted{border-radius:8px!important}}@media(prefers-reduced-motion:reduce){.v-step,.v-step-enter-active,.v-step-leave-active,.v-tour__target--highlighted{animation:none!important;transition:none!important}}.v-step__button:focus-visible{outline:2px solid var(--tour-highlight-color)!important;outline-offset:2px!important}@media(prefers-color-scheme:dark){:root{--tour-backdrop-color:rgba(0,0,0,.7)}.v-step{background:#2c3e50!important}.v-step__title{color:#ecf0f1!important}.v-step__content{color:#bdc3c7!important}}[data-tutorial]{position:relative}.v-tour__target--highlighted{isolation:isolate!important;z-index:9999!important}.v-tour__target--highlighted[data-theme=strawberry]{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px #ff575766,0 8px 24px #0000004d!important}.v-tour__target--highlighted[data-theme=watermelon]{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px #ff6b6b66,0 8px 24px #0000004d!important}.v-tour__target--highlighted[data-theme=grape]{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px #9b51e066,0 8px 24px #0000004d!important}.v-tour__target--highlighted[data-theme=blueberry]{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px #5e72e466,0 8px 24px #0000004d!important}.v-tour__target--highlighted[data-theme=orange]{box-shadow:0 0 0 99999px var(--tour-backdrop-color),0 0 0 4px #ff9f4066,0 8px 24px #0000004d!important}