:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text-primary: #f0f0f5;--text-secondary: #8b8b9e;--text-muted: #55556a;--accent: #a78bfa;--accent2: #60a5fa;--accent3: #34d399;--accent4: #f472b6;--accent5: #fbbf24;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}.theme-midnight{--bg-primary: #0f0f23;--bg-secondary: #1a1a3e;--accent: #60a5fa}.theme-ocean{--bg-primary: #0a1628;--bg-secondary: #0d2847;--accent: #34d399}.theme-forest{--bg-primary: #0a1a0a;--bg-secondary: #1a2e1a;--accent: #34d399}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100dvh}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;height:100%}#root{height:100%}.app{display:flex;height:100%;height:100dvh;overflow:hidden;position:relative}.content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px;background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.view-container{max-width:1400px;width:100%;margin:0 auto}.mobile-header{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;min-height:52px}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:background .2s}.mobile-menu-btn:hover{background:var(--glass)}.mobile-brand{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-header-spacer{width:34px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:49}.sidebar{height:100%;height:100dvh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.3}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px;min-height:60px}.sidebar-brand{display:flex;align-items:center;gap:10px}.brand-icon{color:var(--accent)}.brand-name{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--glass);color:var(--text-primary)}.sidebar-search{margin:0 16px 8px;display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-secondary)}.sidebar-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:.85rem;width:100%;font-family:var(--font)}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-nav{flex:1;padding:4px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-family:var(--font);transition:all .2s;position:relative;white-space:nowrap;width:100%;text-align:left}.nav-item:hover{color:var(--text-primary);background:var(--glass)}.nav-item.active{color:var(--text-primary)}.nav-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);z-index:0}.nav-icon{position:relative;z-index:1;flex-shrink:0}.nav-label{position:relative;z-index:1}.sidebar-section{padding:16px 16px 8px;border-top:1px solid var(--border)}.section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-weight:600}.workspace-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-family:var(--font);width:100%;transition:all .2s;text-align:left}.workspace-item:hover{color:var(--text-primary)}.workspace-item.active{color:var(--text-primary);background:var(--glass)}.workspace-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.xp-section{display:flex;flex-direction:column;gap:6px}.xp-header{display:flex;justify-content:space-between;font-size:.75rem}.xp-level{color:var(--accent);font-weight:600}.xp-amount{color:var(--text-muted)}.xp-bar-bg{height:4px;background:var(--glass);border-radius:2px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px}.xp-collapsed{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--accent);font-size:.75rem;font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 2px 12px #a78bfa4d}.btn-primary:hover{box-shadow:0 4px 20px #a78bfa80;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--glass);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card-hover)}.btn-danger{color:#ef4444}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-icon{padding:8px}.input{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .2s;width:100%}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.card-action{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:var(--font);transition:color .2s}.card-action:hover{color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row .input{flex:1;min-width:140px}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.productivity-score{position:relative;width:72px;height:72px;flex-shrink:0}.score-ring{width:100%;height:100%}.score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:1.3rem;font-weight:700;line-height:1}.score-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.stat-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.3rem;font-weight:700;line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-card{min-height:180px}.agenda-list{display:flex;flex-direction:column;gap:8px}.agenda-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass);transition:background .2s}.agenda-item:hover{background:var(--bg-card-hover)}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-urgent{background:#ef4444}.priority-high{background:#f97316}.priority-medium{background:#eab308}.priority-low{background:#6b7280}.agenda-info{flex:1;display:flex;flex-direction:column;min-width:0}.agenda-title{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-due{font-size:.75rem;color:var(--text-muted)}.agenda-due.overdue{color:#ef4444}.status-badge{font-size:.65rem;padding:2px 8px;border-radius:99px;text-transform:capitalize;font-weight:500;flex-shrink:0}.status-backlog{background:#64748b26;color:#94a3b8}.status-todo{background:#60a5fa26;color:#60a5fa}.status-in-progress{background:#fbbf2426;color:#fbbf24}.status-review{background:#a78bfa26;color:#a78bfa}.status-done{background:#34d39926;color:#34d399}.overdue-card{border-color:#ef444433}.overdue-count{background:#ef444426;color:#ef4444;font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:99px}.empty-state{color:var(--text-muted);font-size:.85rem;text-align:center;padding:20px 0}.habit-streaks{display:flex;flex-direction:column;gap:12px}.habit-streak-item{display:flex;flex-direction:column;gap:6px}.habit-streak-info{display:flex;justify-content:space-between;align-items:center}.habit-name{font-size:.85rem}.habit-streak{font-size:.8rem;display:flex;align-items:center;gap:4px;font-weight:500}.habit-dots{display:flex;gap:3px}.habit-dot{width:16px;height:16px;border-radius:3px;background:var(--glass);transition:all .2s}.habit-dot.done{box-shadow:0 0 8px #a78bfa4d}.focus-list{display:flex;flex-direction:column;gap:8px}.focus-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass)}.focus-icon{color:var(--accent2);flex-shrink:0}.focus-info{display:flex;flex-direction:column;min-width:0}.focus-title{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-duration{font-size:.75rem;color:var(--text-muted)}.motivational-card{background:linear-gradient(135deg,#a78bfa14,#60a5fa14)!important;border-color:#a78bfa26!important;display:flex;align-items:center;justify-content:center}.motivational-content{text-align:center}.motivational-icon{color:var(--accent);margin-bottom:12px}.motivational-quote{font-size:1rem;font-style:italic;color:var(--text-primary);line-height:1.6;margin-bottom:16px}.xp-display{display:flex;align-items:center;justify-content:center;gap:12px}.xp-badge{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:99px}.xp-total{font-size:.85rem;color:var(--text-secondary)}.task-board{display:flex;flex-direction:column;gap:24px}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;min-height:50vh}.kanban-column{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;min-height:250px;transition:all .3s}.kanban-column.drag-over{border-color:var(--accent);background:#a78bfa0d}.column-header{margin-bottom:12px}.column-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}.column-dot{width:8px;height:8px;border-radius:50%}.column-count{background:var(--glass);font-size:.65rem;padding:1px 7px;border-radius:99px;color:var(--text-muted)}.column-tasks{display:flex;flex-direction:column;gap:8px;flex:1}.task-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:grab;transition:all .2s}.task-card:hover{border-color:var(--border-light)}.task-card-header{display:flex;gap:8px}.task-drag{color:var(--text-muted);cursor:grab;padding-top:2px;flex-shrink:0}.task-card-content{flex:1;min-width:0}.task-title-row{display:flex;align-items:center;gap:6px}.task-title{font-size:.82rem;font-weight:500}.task-title.completed{text-decoration:line-through;color:var(--text-muted)}.task-desc{font-size:.75rem;color:var(--text-muted);margin-top:4px}.task-meta{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.priority-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:3px;border:1px solid}.task-due{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted)}.tag-chip{font-size:.6rem;background:var(--glass);color:var(--text-secondary);padding:1px 5px;border-radius:3px}.task-expand{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;flex-shrink:0}.task-expanded{overflow:hidden;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.subtasks{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.subtasks-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.subtask-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.subtask-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.subtask-item .done{text-decoration:line-through;color:var(--text-muted)}.task-actions{display:flex;gap:8px}.calendar-view{display:flex;flex-direction:column;gap:24px}.calendar-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.calendar-month{font-size:1.05rem;font-weight:600;min-width:140px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.calendar-day-header{background:var(--bg-secondary);padding:8px 4px;text-align:center;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.calendar-day{background:var(--bg-primary);padding:6px;min-height:80px;display:flex;flex-direction:column;gap:2px;transition:background .2s}.calendar-day:hover{background:var(--bg-card-hover)}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:#a78bfa0d}.calendar-day.today .day-number{background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.day-number{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.day-tasks{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden}.day-task{font-size:.6rem;padding:1px 4px;border-radius:3px;background:var(--glass);border-left:2px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-task-title{color:var(--text-secondary)}.day-more{font-size:.6rem;color:var(--text-muted)}.focus-page{display:flex;flex-direction:column;gap:24px}.focus-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.focus-main{display:flex;flex-direction:column;align-items:center;gap:28px}.focus-presets{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .3s;min-width:80px}.preset-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.preset-btn.active{border-color:var(--accent);background:#a78bfa14;color:var(--text-primary)}.preset-icon{font-size:1.2rem}.preset-label{font-size:.7rem;font-weight:500}.preset-time{font-size:.65rem;color:var(--text-muted)}.timer-container{position:relative;width:min(280px,70vw);height:min(280px,70vw)}.timer-ring{width:100%;height:100%}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-time{font-size:clamp(2rem,8vw,3.5rem);font-weight:200;letter-spacing:.05em;font-variant-numeric:tabular-nums}.timer-task{font-size:.85rem;color:var(--text-secondary);margin-top:4px;text-align:center;padding:0 16px}.timer-controls{display:flex;align-items:center;gap:16px}.timer-btn{width:48px;height:48px;border-radius:50%}.timer-main-btn{padding:14px 32px;border-radius:99px;font-size:1rem;font-weight:600}.btn-play{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 20px #a78bfa66}.btn-play:hover{box-shadow:0 6px 28px #a78bfa99}.btn-pause{background:var(--glass);color:var(--text-primary);border:1px solid var(--border)}.focus-task-select{display:flex;align-items:center;gap:12px;width:100%;max-width:400px}.focus-task-select label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.focus-sidebar{display:flex;flex-direction:column;gap:16px}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass)}.session-icon{color:var(--accent);flex-shrink:0}.session-info{flex:1;display:flex;flex-direction:column;min-width:0}.session-task{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-duration{font-size:.75rem;color:var(--text-muted)}.session-check{color:var(--accent3);flex-shrink:0}.focus-stats{display:flex;flex-direction:column;gap:12px}.focus-stat{display:flex;justify-content:space-between;align-items:center}.focus-stat-value{font-size:1.1rem;font-weight:600}.focus-stat-label{font-size:.8rem;color:var(--text-muted)}.habits-page{display:flex;flex-direction:column;gap:24px}.habits-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overview-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.overview-value{font-size:1.8rem;font-weight:700}.overview-label{font-size:.75rem;color:var(--text-secondary)}.habits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.habit-card{padding:16px}.habit-card.done-today{border-color:#34d39933}.habit-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.habit-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.habit-card-info{flex:1;min-width:0}.habit-card-name{font-size:.9rem;font-weight:600;display:block}.habit-card-streak{font-size:.75rem;display:flex;align-items:center;gap:4px;font-weight:500}.habit-check{width:34px;height:34px;border-radius:50%;border:2px solid;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s;flex-shrink:0}.habit-check.checked{box-shadow:0 0 12px #34d39966}.habit-calendar-strip{display:flex;gap:3px;justify-content:space-between}.habit-day-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.habit-day-dot{width:100%;aspect-ratio:1;max-width:22px;border-radius:4px;background:var(--glass);cursor:pointer;transition:all .2s}.habit-day-dot.today{box-shadow:0 0 0 2px var(--accent)}.habit-day-dot.done{box-shadow:0 0 8px #a78bfa4d}.habit-day-label{font-size:.55rem;color:var(--text-muted)}.color-picker{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 12px #a78bfa80}.analytics-page{display:flex;flex-direction:column;gap:24px}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card-lg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analytics-card{min-height:260px}.chart-container{width:100%;overflow:hidden}.pie-container{display:flex;flex-direction:column;align-items:center}.pie-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-value{font-weight:600;color:var(--text-primary)}.achievement-count{background:var(--glass);font-size:.8rem;padding:2px 10px;border-radius:99px;color:var(--text-muted)}.achievements-grid{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.achievement-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass);transition:all .2s}.achievement-item.locked{opacity:.4}.achievement-icon{font-size:1.2rem;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-size:.85rem;font-weight:600;display:block}.achievement-desc{font-size:.7rem;color:var(--text-muted)}.achievement-xp{font-size:.75rem;color:var(--accent);font-weight:600;flex-shrink:0}.ai-page{display:flex;flex-direction:column;gap:20px;height:calc(100dvh - 52px)}.ai-layout{display:grid;grid-template-columns:1fr 260px;gap:20px;flex:1;min-height:0}.ai-chat{display:flex;flex-direction:column;gap:14px;min-height:0}.ai-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.ai-message{display:flex;gap:10px;max-width:88%}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-message.assistant .message-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.ai-message.user .message-avatar{background:var(--glass);color:var(--text-secondary);border:1px solid var(--border)}.message-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.ai-message.user .message-content{background:linear-gradient(135deg,#a78bfa26,#60a5fa26);border-color:#a78bfa33}.message-text{font-size:.85rem;line-height:1.6;color:var(--text-primary)}.message-text strong{color:var(--accent)}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ai-suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suggestion-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:.78rem;transition:all .2s;text-align:left}.suggestion-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.ai-input-container{display:flex;gap:8px}.ai-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-size:.85rem;font-family:var(--font);outline:none;transition:border-color .2s}.ai-input:focus{border-color:var(--accent)}.ai-input::placeholder{color:var(--text-muted)}.ai-context{display:flex;flex-direction:column;gap:16px}.context-stats{display:flex;flex-direction:column;gap:12px}.context-stat{display:flex;justify-content:space-between;align-items:center}.context-stat-label{font-size:.8rem;color:var(--text-secondary)}.context-stat-value{font-size:1.05rem;font-weight:600}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--border);cursor:pointer;font-family:var(--font);color:var(--text-secondary);font-size:.8rem;transition:all .2s}.theme-option:hover{border-color:var(--border-light)}.theme-option.active{border-color:var(--accent);background:#a78bfa14;color:var(--text-primary)}.theme-preview{display:flex;gap:4px}.theme-swatch{width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.settings-list{display:flex;flex-direction:column;gap:4px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s;gap:12px}.setting-item:hover{background:var(--glass)}.setting-info{display:flex;flex-direction:column;min-width:0}.setting-name{font-size:.85rem;font-weight:500}.setting-desc{font-size:.72rem;color:var(--text-muted)}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;background:var(--glass);border:1px solid var(--border);border-radius:11px;position:relative;cursor:pointer;transition:all .3s;flex-shrink:0}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--text-muted);top:2px;left:2px;transition:all .3s}.toggle:checked{background:var(--accent);border-color:var(--accent)}.toggle:checked:after{left:20px;background:#fff}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:8px}.shortcut-action{font-size:.8rem;color:var(--text-secondary)}.shortcut-keys{display:flex;gap:4px}.shortcut-keys kbd{background:var(--glass);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary)}@media(min-width:1441px){.main-content{padding:32px 48px}}@media(max-width:1024px){.main-content{padding:20px}.sidebar-desktop{width:64px!important}.sidebar-desktop .nav-label,.sidebar-desktop .sidebar-search,.sidebar-desktop .sidebar-section,.sidebar-desktop .brand-name,.sidebar-desktop .xp-section{display:none}.sidebar-desktop .sidebar-header{padding:20px 12px 12px;justify-content:center}.sidebar-desktop .sidebar-toggle{display:none}.sidebar-desktop .sidebar-footer{padding:12px}.sidebar-desktop .xp-collapsed{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:repeat(3,1fr)}.analytics-stats,.habits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.app{flex-direction:column}.sidebar-desktop{display:none}.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;box-shadow:4px 0 24px #0006}.sidebar-overlay{display:block}.mobile-header{display:flex}.main-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-title{font-size:1.3rem}.page-header{margin-bottom:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px;gap:10px}.stat-icon{width:36px;height:36px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{min-height:auto}.productivity-score{width:56px;height:56px}.score-number{font-size:1rem}.kanban-board{grid-template-columns:1fr;gap:12px;min-height:auto}.kanban-column{min-height:auto;padding:12px}.calendar-day{min-height:60px;padding:4px}.calendar-day-header{padding:6px 2px;font-size:.6rem}.day-number{font-size:.7rem}.day-task{font-size:.55rem;padding:1px 3px}.focus-layout{grid-template-columns:1fr}.focus-presets{gap:6px}.preset-btn{padding:10px 12px;min-width:70px}.timer-container{width:min(240px,65vw);height:min(240px,65vw)}.habits-overview{grid-template-columns:repeat(3,1fr);gap:8px}.overview-card{padding:14px}.overview-value{font-size:1.4rem}.habits-grid{grid-template-columns:1fr}.habit-card{padding:14px}.analytics-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card-lg{padding:14px}.analytics-grid{grid-template-columns:1fr}.ai-page{height:calc(100dvh - 52px)}.ai-layout{grid-template-columns:1fr}.ai-context{display:none}.ai-suggestions,.settings-grid{grid-template-columns:1fr}}@media(max-width:400px){.main-content{padding:12px}.page-title{font-size:1.1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:10px;gap:8px}.stat-icon{width:32px;height:32px}.stat-value{font-size:1rem}.card{padding:14px;border-radius:var(--radius-sm)}.btn{padding:6px 12px;font-size:.8rem}.focus-presets{gap:4px}.preset-btn{padding:8px 10px;min-width:60px}.preset-icon{font-size:1rem}.habits-overview{grid-template-columns:repeat(3,1fr);gap:6px}.habit-calendar-strip{gap:2px}}