.settings-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);animation:settingsOverlayIn .2s ease-out}@keyframes settingsOverlayIn{0%{opacity:0}to{opacity:1}}.settings-modal{width:100%;max-width:480px;max-height:calc(100vh - var(--space-12));background:var(--gray-900);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #ffffff0d,0 24px 48px -12px #00000080;display:flex;flex-direction:column;animation:settingsModalIn .25s ease-out}@keyframes settingsModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.settings-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.settings-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-modal-content{flex:1;overflow-y:auto;padding:var(--space-6)}.settings-section{margin-bottom:var(--space-8)}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text-tertiary)}.settings-section-header h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.settings-profile-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.settings-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 0 3px var(--gray-900),0 0 0 4px var(--accent-glow)}.settings-avatar span{font-size:1.125rem;font-weight:700;color:var(--gray-950);letter-spacing:.02em}.settings-profile-meta{display:flex;flex-direction:column;gap:2px}.settings-profile-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.settings-profile-level{font-size:.8125rem;color:var(--accent);font-weight:500}.settings-field{margin-bottom:var(--space-5)}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.settings-field-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-fast)}.settings-field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-field-input::placeholder{color:var(--text-muted)}.settings-field-static{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem}.settings-field-static svg{color:var(--text-muted)}.settings-field-hint{margin-top:var(--space-2);font-size:.75rem;color:var(--text-muted)}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-height:40px}.settings-btn--secondary{background:transparent;color:var(--text-secondary)}.settings-btn--secondary:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-btn--primary{background:var(--accent);color:var(--gray-950);padding-left:var(--space-4);padding-right:var(--space-5)}.settings-btn--primary:hover:not(:disabled){background:var(--accent-light)}.settings-btn--primary:disabled{opacity:.5;cursor:not-allowed}.settings-btn-loading{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}@media(max-width:540px){.settings-overlay{padding:0;align-items:flex-end}.settings-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.settings-modal-footer{border-radius:0}}.admin-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);overflow:hidden}.admin-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.admin-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.admin-nav{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.admin-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-tab.active{background:var(--accent);color:var(--gray-950)}.admin-content{flex:1;padding:var(--space-6);overflow-y:auto}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--text-secondary)}.admin-error{color:var(--danger)}.retry-btn{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background:var(--bg-hover)}.admin-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-default)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated)}.stat-card--accent .stat-icon{background:var(--accent-glow);color:var(--accent)}.stat-card--info .stat-icon{background:#3b82f626;color:var(--info)}.stat-card--purple .stat-icon{background:#8b5cf626;color:var(--purple)}.stat-card--gray .stat-icon{background:var(--bg-elevated);color:var(--text-secondary)}.stat-card--danger .stat-icon{background:#ef444426;color:var(--danger)}.stat-card--success .stat-icon{background:#4a9d6e26;color:var(--success)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.refresh-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.refresh-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.config-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.config-title{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.config-title svg{color:var(--accent)}.config-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.config-item:last-child{border-bottom:none;padding-bottom:0}.config-item--readonly{opacity:.7}.config-item-info{display:flex;flex-direction:column;gap:var(--space-1)}.config-item-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.config-item-description{font-size:.8rem;color:var(--text-secondary)}.toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.toggle-btn--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.toggle-btn--active:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.admin-users{display:flex;flex-direction:column;gap:var(--space-4)}.users-header,.logs-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.users-header h2,.logs-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.users-table{display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr 1.5fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr 1.5fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);align-items:center;font-size:.875rem}.table-row:hover{background:var(--bg-elevated)}.col-email{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-name{color:var(--text-secondary)}.col-role{font-size:.75rem;font-weight:500;text-transform:uppercase}.role-admin{color:var(--accent)}.role-user{color:var(--text-secondary)}.col-verified{display:flex;align-items:center}.verified{color:var(--success)}.unverified{color:var(--text-muted)}.col-stats{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--text-secondary)}.col-actions{display:flex;gap:var(--space-2)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){border-color:var(--border-default)}.action-btn.promote:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.action-btn.demote:hover:not(:disabled){color:var(--warning);border-color:var(--warning)}.action-btn.delete:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding-top:var(--space-4)}.page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:.875rem;color:var(--text-secondary)}.admin-logs{display:flex;flex-direction:column;gap:var(--space-4)}.logs-actions{display:flex;align-items:center;gap:var(--space-2)}.filter-select{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent)}.cleanup-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.cleanup-btn:hover{background:#ef44441a}.logs-list{display:flex;flex-direction:column;gap:var(--space-2)}.logs-empty{padding:var(--space-8);text-align:center;color:var(--text-secondary)}.log-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.log-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.log-header:hover{background:var(--bg-elevated)}.log-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.log-level{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.level-info{background:#3b82f626;color:var(--info)}.level-warn{background:#f59e0b26;color:var(--warning)}.level-error{background:#ef444426;color:var(--danger)}.level-fatal{background:#ef44444d;color:var(--danger-light)}.log-source{font-size:.75rem;color:var(--text-tertiary)}.log-category{font-size:.75rem;padding:2px 6px;border-radius:4px;background:var(--color-surface-elevated);color:var(--color-text-secondary);text-transform:capitalize}.log-time{font-size:.75rem;color:var(--text-muted)}.log-message{flex:1;font-size:.875rem;color:var(--text-primary);font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-expand{color:var(--text-secondary);flex-shrink:0}.log-details{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.log-context,.log-stack{margin-bottom:var(--space-3)}.log-context:last-child,.log-stack:last-child{margin-bottom:0}.log-details strong{display:block;margin-bottom:var(--space-2);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.log-details pre{margin:0;padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.show-more-container{display:flex;justify-content:center;padding-top:var(--space-4)}.show-more-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.show-more-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.show-more-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.admin-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:var(--space-2)}.table-header span:not(.col-email),.col-name,.col-stats{display:none}.table-row{display:flex;flex-wrap:wrap;justify-content:space-between}.col-email{flex:1;min-width:0}.col-role{order:1}.col-verified{order:2}.col-actions{order:3}.logs-header{flex-direction:column;align-items:flex-start}.logs-actions{flex-wrap:wrap}}:root{--gray-950: #09090b;--gray-900: #18181b;--gray-850: #1f1f23;--gray-800: #27272a;--gray-700: #3f3f46;--gray-600: #52525b;--gray-500: #71717a;--gray-400: #a1a1aa;--gray-300: #d4d4d8;--gray-200: #e4e4e7;--gray-100: #f4f4f5;--accent: #d4a843;--accent-light: #e4be5a;--accent-dark: #b8922e;--accent-glow: rgba(212, 168, 67, .15);--success: #4a9d6e;--success-light: #6ab587;--danger: #ef4444;--danger-light: #fca5a5;--warning: #f59e0b;--warning-light: #fcd34d;--info: #3b82f6;--info-light: #93c5fd;--purple: #8b5cf6;--purple-light: #c4b5fd;--cat-work: #a78bfa;--cat-personal: #5eead4;--cat-health: #fca5a5;--cat-learning: #93c5fd;--cat-finance: #fcd34d;--bg-primary: var(--gray-950);--bg-secondary: var(--gray-900);--bg-tertiary: var(--gray-850);--bg-elevated: var(--gray-800);--bg-hover: var(--gray-700);--text-primary: var(--gray-100);--text-secondary: var(--gray-400);--text-tertiary: var(--gray-500);--text-muted: var(--gray-600);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--gray-950)}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:64px 1fr;min-height:100vh}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit;color:inherit}.logo-btn .logo-text{color:var(--text-primary)}.logo-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--gray-950);font-weight:700}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-stats{display:flex;align-items:center;gap:var(--space-6)}.stat-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.875rem}.stat-badge .icon{font-size:1rem}.stat-badge .value{font-weight:600;color:var(--accent)}.stat-badge .label{color:var(--text-tertiary);font-size:.75rem}.level-container{position:relative;cursor:pointer}.level-badge{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:var(--gray-950);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer}.xp-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);opacity:0;visibility:hidden;transition:all var(--transition-fast);white-space:nowrap;z-index:100}.level-container:hover .xp-tooltip{opacity:1;visibility:visible}.xp-text{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-1);text-align:center}.xp-bar{width:100px;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.xp-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px 6px 6px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--bg-elevated);border-color:var(--border-default)}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--gray-950);font-size:.7rem;font-weight:700;letter-spacing:.03em;box-shadow:0 2px 4px #0003}.user-display-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.user-chevron.open{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:220px;padding:6px;z-index:200;animation:menuFadeIn .12s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:10px;padding:8px}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-email{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-menu-divider{height:1px;background:var(--border-subtle);margin:6px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:background var(--transition-fast);text-align:left}.user-menu-item:hover{background:var(--bg-tertiary)}.user-menu-item svg{color:var(--text-tertiary);flex-shrink:0}.user-menu-item:hover svg{color:var(--text-secondary)}.user-menu-item-danger{color:var(--red-400)}.user-menu-item-danger:hover{background:#ef44441a}.user-menu-item-danger svg{color:var(--red-400)}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.profile-trigger:hover{transform:scale(1.05)}.profile-trigger:active{transform:scale(.98)}.profile-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 3px var(--accent-glow),0 4px 12px -2px #0000004d;transition:box-shadow var(--transition-fast)}.profile-trigger:hover .profile-avatar{box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--accent-glow),0 6px 16px -2px #0006}.profile-avatar-text{font-size:.875rem;font-weight:700;color:var(--gray-950);letter-spacing:.02em}.profile-avatar-lg{width:48px;height:48px}.profile-avatar-lg .profile-avatar-text{font-size:1rem}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff0d,0 20px 40px -8px #00000080;z-index:200;overflow:hidden;animation:profileDropdownIn .15s ease-out}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:var(--border-subtle)}.profile-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-dropdown-item svg{color:var(--text-tertiary);transition:color var(--transition-fast)}.profile-dropdown-item:hover svg{color:var(--text-secondary)}.profile-dropdown-item--danger{color:var(--red-400)}.profile-dropdown-item--danger:hover{background:#ef44441a;color:var(--red-400)}.profile-dropdown-item--danger svg{color:var(--red-400)}.user-menu-settings{min-width:260px}.settings-header{display:flex;align-items:center;gap:8px;padding:6px 8px}.settings-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.settings-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-title{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.settings-field{padding:8px 10px}.settings-label{display:block;font-size:.6875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.settings-input-row{display:flex;gap:6px}.settings-input{flex:1;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;transition:border-color var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-save{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--gray-950);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.settings-save:hover:not(:disabled){background:var(--accent-hover)}.settings-save:disabled{opacity:.5;cursor:not-allowed}.settings-value{font-size:.8125rem;color:var(--text-secondary);padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm)}.main-content{padding:var(--space-6);overflow-y:auto;background:var(--bg-primary)}.view-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.view-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.view-tab.active{color:var(--accent);background:var(--accent-glow);border-color:var(--accent)}@media(max-width:768px){.app{grid-template-columns:1fr}.header{padding:0 var(--space-4);gap:var(--space-3)}.logo-btn{transition:transform var(--transition-fast)}.logo-btn:active{transform:scale(.95)}.logo-icon{width:40px;height:40px}.logo-text{display:none}.header-stats{gap:var(--space-3)}.stat-badge .label{display:none}.main-content{padding:var(--space-4)}}.scroll-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;background:var(--accent);color:var(--gray-950);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:500;animation:fadeInUp .2s ease-out}.scroll-to-top:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.scroll-to-top:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-to-top{bottom:var(--space-4);right:var(--space-4);width:44px;height:44px}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);overflow:visible}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:.9rem;font-weight:500;border:1px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.nav-item .icon{font-size:1.1rem;width:20px;display:flex;justify-content:center}.nav-item.nav-item-text{padding-left:var(--space-4)}.nav-item .badge{margin-left:auto;background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-tertiary)}.energy-selector{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4)}.energy-title{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.energy-options{display:flex;gap:var(--space-2)}.energy-btn{flex:1;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.energy-btn:hover{background:var(--bg-hover)}.energy-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.pomodoro-widget{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.pomodoro-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pomodoro-task{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-md)}.pomodoro-task-title{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.pomodoro-task-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color var(--transition-fast)}.pomodoro-task-clear:hover{color:var(--danger)}.pomodoro-task-picker{position:relative;width:100%;margin-bottom:var(--space-2)}.pomodoro-task-trigger{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.pomodoro-task-trigger:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.pomodoro-task-trigger span{flex:1;text-align:left}.pomodoro-task-trigger .rotated{transform:rotate(180deg)}.pomodoro-task-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:120px;overflow-y:auto}.pomodoro-task-option{width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.pomodoro-task-option:hover{background:var(--bg-tertiary)}.pomodoro-task-empty{padding:var(--space-3);text-align:center;color:var(--text-tertiary);font-size:.8rem}.pomodoro-time{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);margin:var(--space-2) 0}.pomodoro-time.running{color:var(--accent)}.pomodoro-controls{display:flex;gap:var(--space-2)}.pomo-btn{flex:1;padding:var(--space-2);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.pomo-btn.primary{background:var(--accent);color:var(--gray-950)}.pomo-btn.primary:hover{background:var(--accent-light)}.pomo-btn.secondary{background:var(--bg-elevated);color:var(--text-secondary)}.pomo-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.pomodoro-time-container{position:relative}.pomodoro-time.editable{cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);border-radius:var(--radius-md)}.pomodoro-time.editable:hover{color:var(--accent)}.pomodoro-time.editable:focus{outline:2px solid var(--accent);outline-offset:4px}.pomodoro-time.disabled{cursor:not-allowed}.pomodoro-time-editor{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);z-index:100;min-width:180px}.pomodoro-presets{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3)}.pomodoro-preset-btn{min-width:36px;min-height:36px;padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.pomodoro-preset-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.pomodoro-preset-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.pomodoro-custom-row{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.pomodoro-custom-input{width:60px;padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:inherit;text-align:center;transition:border-color var(--transition-fast)}.pomodoro-custom-input:focus{outline:none;border-color:var(--accent)}.pomodoro-custom-input::placeholder{color:var(--text-tertiary)}.pomodoro-custom-label{color:var(--text-tertiary);font-size:.8rem;flex:1}.pomodoro-custom-confirm{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--gray-950);cursor:pointer;transition:all var(--transition-fast)}.pomodoro-custom-confirm:hover:not(:disabled){background:var(--accent-light)}.pomodoro-custom-confirm:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.sidebar-overlay,.sidebar-header-mobile,.sidebar-close-btn{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,88vw);z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:0;gap:0;overflow-y:auto;background:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-950) 100%);border-right:1px solid var(--border-subtle);box-shadow:4px 0 24px #00000080}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;animation:fadeIn .2s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,rgba(212,168,67,.08) 0%,transparent 60%);border-bottom:1px solid var(--border-subtle)}.sidebar-title-mobile{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.sidebar-close-btn:hover{background:var(--bg-tertiary);border-color:var(--border-default);color:var(--text-primary)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-section{padding:var(--space-4) var(--space-4);gap:var(--space-1)}.sidebar-section:first-of-type{padding-top:var(--space-5)}.sidebar-title{padding:0 var(--space-3) var(--space-2);font-size:.65rem;font-weight:600;letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase}.nav-item{padding:var(--space-3) var(--space-3);margin-bottom:2px;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease}.nav-item .icon{width:22px;opacity:.7;transition:opacity .15s ease}.nav-item:hover .icon{opacity:1}.nav-item.active{background:#d4a8431f;border-color:#d4a84340;color:var(--accent);box-shadow:inset 0 1px #d4a8431a}.nav-item.active .icon{opacity:1}.nav-item .badge{background:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:2px 8px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.nav-item.active .badge{background:#d4a84326;border-color:#d4a8434d;color:var(--accent)}.sidebar-section+.sidebar-section{border-top:1px solid var(--border-subtle);margin-top:var(--space-2);padding-top:var(--space-4)}.pomodoro-widget{margin:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.pomodoro-label{font-size:.65rem;letter-spacing:.1em;margin-bottom:var(--space-2)}.pomodoro-time{font-size:1.75rem;font-weight:700;margin:var(--space-2) 0;font-variant-numeric:tabular-nums}.pomodoro-time.running{color:var(--accent);text-shadow:0 0 20px rgba(212,168,67,.3)}.pomodoro-controls{gap:var(--space-2)}.pomo-btn{padding:var(--space-2) var(--space-3);font-size:.8rem;font-weight:600;border-radius:var(--radius-md)}.pomo-btn.primary{background:var(--accent);color:var(--gray-950);box-shadow:0 2px 8px #d4a84340}.pomo-btn.secondary{background:var(--bg-elevated);border:1px solid var(--border-subtle)}.pomodoro-task-trigger{font-size:.8rem;padding:var(--space-2);border-radius:var(--radius-md)}.pomodoro-time-editor{min-width:160px;padding:var(--space-3)}.pomodoro-preset-btn,.pomodoro-custom-confirm{min-width:40px;min-height:40px}.energy-selector{display:none}}.sidebar-section--bottom{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.nav-item--admin{background:#d4a8430d;border:1px solid rgba(212,168,67,.15)}.nav-item--admin:hover{background:#d4a8431a;border-color:#d4a84340}.nav-item--admin.active{background:var(--accent);color:var(--gray-950);border-color:var(--accent)}.nav-item--admin.active .icon{color:var(--gray-950)}.main-content--admin{padding:0}.custom-select{position:relative}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);text-align:left}.custom-select-trigger:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.custom-select-trigger.open{border-color:var(--accent)}.custom-select-trigger span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger svg{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.custom-select-trigger svg.rotated{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.custom-select-option{width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.custom-select-option:hover{background:var(--bg-tertiary)}.custom-select-option.selected{color:var(--accent);background:var(--accent-glow)}.custom-select.select-sm .custom-select-trigger,.custom-select.select-sm .custom-select-option{padding:var(--space-1) var(--space-2);font-size:.8rem}.search-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-3);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-3) + 24px);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{position:absolute;right:var(--space-3);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sort-controls{display:flex;gap:var(--space-2)}.sort-select-wrapper{min-width:130px}.sort-select-wrapper .custom-select-trigger{background:var(--bg-secondary);padding:var(--space-3) var(--space-3)}.sort-order-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sort-order-btn:hover{border-color:var(--accent);color:var(--accent)}.sort-order-btn.asc svg{transform:rotate(180deg)}.search-bar-container{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.search-bar-container .search-bar{margin-bottom:0}.filter-toggle-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-toggle-btn.active{border-color:var(--accent);background:var(--accent-glow)}.filter-toggle-btn.has-filters{color:var(--accent)}.filter-toggle-btn .chevron{transition:transform var(--transition-fast)}.filter-toggle-btn .chevron.open{transform:rotate(180deg)}.filter-count{background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.filter-panel{display:flex;flex-wrap:wrap;gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:120px}.filter-group-tags{flex:1;min-width:200px}.filter-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);color:var(--text-secondary);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.filter-tag:hover{border-color:var(--accent);color:var(--text-primary)}.filter-tag.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.clear-filters-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--text-tertiary);font-family:inherit;font-size:.8rem;cursor:pointer;padding:var(--space-2);margin-left:auto;align-self:flex-end;transition:all var(--transition-fast)}.clear-filters-btn:hover{color:var(--danger)}.view-loader{display:flex;justify-content:center;align-items:center;min-height:200px}.view-loader-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-input-container{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--border-subtle);transition:all var(--transition-base);margin-bottom:var(--space-4)}.task-input-container:focus-within{border-color:var(--accent);box-shadow:var(--shadow-glow)}.task-input-row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.task-input{flex:1;background:transparent;border:none;font-size:1rem;color:var(--text-primary);font-family:inherit;outline:none}.task-input::placeholder{color:var(--text-muted)}.input-actions{display:flex;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.icon-btn{padding:var(--space-2);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.icon-btn:hover{background:var(--accent);color:var(--gray-950)}.add-btn{display:flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--accent);border:none;border-radius:var(--radius-full);color:var(--gray-950);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;flex-shrink:0;white-space:nowrap}.add-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.task-options{display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:flex-start}@media(max-width:600px){.task-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.task-options .option-group{flex-direction:column;align-items:stretch;gap:var(--space-1)}.task-options .option-group .custom-select,.task-options .option-group .option-select{width:100%}.task-options .option-group-tags{grid-column:1 / -1;flex-direction:column;align-items:stretch}.task-options .option-group-tags .tag-input-row{width:100%}.task-options .option-group-tags .tag-input-wrapper{flex:1}.task-options .option-group-tags .option-input-tag-simple{width:100%}}@media(max-width:360px){.task-options{grid-template-columns:1fr}}.task-advanced-panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.advanced-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.advanced-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--border-subtle);display:flex;flex-direction:column;min-width:0;overflow:hidden}.advanced-card-details .advanced-description{flex:1;min-height:120px}.advanced-card:nth-child(1),.advanced-card:nth-child(2){min-height:180px}.advanced-card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.advanced-card-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);display:flex;align-items:center;gap:var(--space-2)}.advanced-count{background:var(--accent);color:var(--gray-950);font-size:.65rem;padding:2px 6px;border-radius:var(--radius-full);font-weight:700}.advanced-description{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:none;outline:none;transition:all var(--transition-fast);min-height:80px}.advanced-description:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.advanced-description::placeholder{color:var(--text-muted)}.advanced-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.advanced-setting{display:flex;flex-direction:column;gap:var(--space-1)}.advanced-setting-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.advanced-date-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:all var(--transition-fast);width:100%;color-scheme:dark}.advanced-date-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.advanced-subtasks-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.advanced-subtask-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.advanced-subtask-item:hover{background:var(--bg-elevated)}.advanced-subtask-bullet{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.advanced-subtask-text{flex:1;font-size:.85rem;color:var(--text-secondary)}.advanced-subtask-remove{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-muted);display:flex;opacity:0;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.advanced-subtask-item:hover .advanced-subtask-remove{opacity:1}.advanced-subtask-remove:hover{color:var(--danger);background:#ef44441a}.advanced-subtask-add{display:flex;gap:var(--space-2)}.advanced-subtask-input{flex:1;min-width:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:all var(--transition-fast)}.advanced-subtask-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.advanced-subtask-input::placeholder{color:var(--text-muted)}.advanced-subtask-add-btn{background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--gray-950);padding:0 var(--space-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-weight:600;flex-shrink:0}.advanced-subtask-add-btn:hover{background:var(--accent-light);transform:translateY(-1px)}@media(max-width:768px){.task-advanced-panel{overflow-x:hidden}.advanced-grid-layout{grid-template-columns:1fr}.advanced-card:nth-child(1),.advanced-card:nth-child(2){min-height:auto}.advanced-description{min-height:60px}}@media(max-width:480px){.advanced-settings-grid{grid-template-columns:1fr}.advanced-card{padding:var(--space-2)}}.option-group{display:flex;align-items:center;gap:var(--space-2)}.option-label{font-size:.8rem;color:var(--text-tertiary)}.option-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:inherit;font-size:.85rem;cursor:pointer;outline:none;transition:all var(--transition-fast)}.option-select:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.option-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit{color:var(--text-primary)}input[type=date]::-webkit-datetime-edit-fields-wrapper{color:var(--text-primary)}input[type=date]{color-scheme:dark}.option-group-tags{position:relative;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tag-input-row{display:flex;gap:var(--space-2);align-items:center}.tag-chips-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag-chips-row:empty{display:none}.tag-input-wrapper{position:relative;flex:1;min-width:0}.option-input-tag-simple{width:120px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--text-primary);font-family:inherit;font-size:.85rem}.option-input-tag-simple:focus{outline:none;border-color:var(--accent)}.tag-add-btn-simple{background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--gray-950);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast)}.tag-add-btn-simple:hover{background:var(--accent-light)}.tag-suggestions-simple{position:absolute;top:100%;left:0;margin-top:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:140px;width:max-content}.tag-option-group{flex:1;min-width:200px}.tag-input-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-height:32px;flex:1;min-width:0}.tag-chip-small{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--bg-elevated);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.tag-chip-small[data-color="0"]{background:#ef444433;color:#f87171}.tag-chip-small[data-color="1"]{background:#f9731633;color:#fb923c}.tag-chip-small[data-color="2"]{background:#eab30833;color:#facc15}.tag-chip-small[data-color="3"]{background:#84cc1633;color:#a3e635}.tag-chip-small[data-color="4"]{background:#22c55e33;color:#4ade80}.tag-chip-small[data-color="5"]{background:#14b8a633;color:#2dd4bf}.tag-chip-small[data-color="6"]{background:#06b6d433;color:#22d3ee}.tag-chip-small[data-color="7"]{background:#3b82f633;color:#60a5fa}.tag-chip-small[data-color="8"]{background:#6366f133;color:#818cf8}.tag-chip-small[data-color="9"]{background:#a855f733;color:#c084fc}.tag-chip-small[data-color="10"]{background:#ec489933;color:#f472b6}.tag-chip-small[data-color="11"]{background:#f43f5e33;color:#fb7185}.tag-remove-small{background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;line-height:1}.tag-remove-small:hover{color:var(--danger)}.tag-input-wrapper-inline{position:relative;flex:1;min-width:60px}.option-input-tag{background:transparent;border:none;outline:none;padding:var(--space-1);color:var(--text-primary);font-family:inherit;font-size:.85rem;flex:1;min-width:60px}.tag-suggestions-inline{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100}.more-options-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-tertiary);font-size:.8rem;font-family:inherit;cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition-fast)}.more-options-toggle:hover{color:var(--text-secondary)}.more-options-badge{color:var(--accent);font-size:.75rem}.task-options-expanded{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.expanded-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.expanded-group{display:flex;flex-direction:column;gap:var(--space-2)}.expanded-textarea{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);font-size:.85rem;font-family:inherit;color:var(--text-primary);resize:vertical;min-height:60px}.expanded-textarea:focus{outline:none;border-color:var(--accent)}.subtask-count-inline{margin-left:var(--space-1);background:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-full);font-size:.7rem;color:var(--text-secondary)}.subtasks-preview{display:flex;flex-direction:column;gap:var(--space-1);max-height:100px;overflow-y:auto}.subtask-preview-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary)}.subtask-preview-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;opacity:0;transition:all var(--transition-fast)}.subtask-preview-item:hover .subtask-preview-remove{opacity:1}.subtask-preview-remove:hover{color:var(--danger)}.subtask-add-row{display:flex;gap:var(--space-2)}.subtask-add-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);font-size:.8rem;font-family:inherit;color:var(--text-primary)}.subtask-add-input:focus{outline:none;border-color:var(--accent)}.subtask-add-btn{background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--gray-950);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.subtask-add-btn:hover{background:var(--accent-light)}@media(max-width:640px){.expanded-row{grid-template-columns:1fr}.task-input-row{flex-wrap:wrap}.task-input{min-width:100%;margin-bottom:var(--space-2)}.input-actions{width:100%;justify-content:flex-end}}.task-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);display:flex;align-items:flex-start;gap:var(--space-3);transition:all var(--transition-base);cursor:pointer}.task-card:hover{border-color:var(--border-strong);transform:translate(4px)}.task-card.completed{opacity:.6}.task-card.completed .task-title{text-decoration:line-through;color:var(--text-tertiary)}.task-card.overdue{border-color:var(--danger);background:#ef44440d}.task-card.overdue:hover{border-color:var(--danger)}.task-checkbox{width:20px;height:20px;border:2px solid var(--gray-600);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.task-checkbox:hover{border-color:var(--accent)}.task-card.completed .task-checkbox{background:var(--accent);border-color:var(--accent)}.task-checkbox svg{width:12px;height:12px;color:var(--gray-950);opacity:0;transform:scale(0);transition:all var(--transition-fast)}.task-card.completed .task-checkbox svg{opacity:1;transform:scale(1)}.task-content{flex:1;min-width:0;cursor:pointer}.task-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.task-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.task-tag{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.tag-work{background:#a78bfa26;color:var(--cat-work)}.tag-personal{background:#5eead426;color:var(--cat-personal)}.tag-health{background:#fca5a526;color:var(--cat-health)}.tag-learning{background:#93c5fd26;color:var(--cat-learning)}.tag-finance{background:#fcd34d26;color:var(--cat-finance)}.tag-custom[data-color="0"]{background:#ef444426;color:#f87171}.tag-custom[data-color="1"]{background:#f9731626;color:#fb923c}.tag-custom[data-color="2"]{background:#eab30826;color:#facc15}.tag-custom[data-color="3"]{background:#84cc1626;color:#a3e635}.tag-custom[data-color="4"]{background:#22c55e26;color:#4ade80}.tag-custom[data-color="5"]{background:#14b8a626;color:#2dd4bf}.tag-custom[data-color="6"]{background:#06b6d426;color:#22d3ee}.tag-custom[data-color="7"]{background:#3b82f626;color:#60a5fa}.tag-custom[data-color="8"]{background:#6366f126;color:#818cf8}.tag-custom[data-color="9"]{background:#a855f726;color:#c084fc}.tag-custom[data-color="10"]{background:#ec489926;color:#f472b6}.tag-custom[data-color="11"]{background:#f43f5e26;color:#fb7185}.task-status{font-size:.65rem;padding:3px 8px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.task-status.status-in_progress{background:#22c55e1a;color:var(--success);border-color:#22c55e4d}.task-status.status-review{background:#f973161a;color:#fb923c;border-color:#f973164d}.task-due{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.task-due.overdue{color:var(--danger)}.task-due.today{color:var(--warning)}.task-subtasks{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.task-subtasks.all-done{color:var(--success)}.task-estimate{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.task-recurring{font-size:.75rem;color:var(--accent);display:flex;align-items:center}.task-energy{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.task-priority{display:flex;gap:3px}.priority-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-700)}.priority-dot.active{background:var(--accent)}.task-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.task-card:hover .task-actions{opacity:1}.task-action-btn{padding:var(--space-2);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.task-action-btn:hover{background:var(--accent);color:var(--gray-950)}.task-action-btn.delete:hover{background:var(--danger)}.task-list{display:flex;flex-direction:column;gap:var(--space-3)}.show-more-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);margin-top:var(--space-3);background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.show-more-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.task-group{margin-bottom:var(--space-4)}.task-group-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.task-group-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.task-group-title.late{color:var(--danger)}.task-group-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.task-group-estimate{font-size:.75rem;color:var(--accent);display:flex;align-items:center;gap:4px;margin-left:auto}.kanban-view{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kanban-column{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3);min-height:400px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;min-width:0}.kanban-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--bg-tertiary)}.kanban-title{font-weight:600;font-size:.9rem}.kanban-count{font-size:.8rem;background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full);color:var(--text-tertiary)}.kanban-tasks{display:flex;flex-direction:column;gap:var(--space-2);min-height:100px;flex-grow:1;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.kanban-tasks.drag-over{background:var(--accent-glow);border:2px dashed var(--accent)}.kanban-task{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-subtle);cursor:grab;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.kanban-task:hover{border-color:var(--accent);transform:translateY(-2px)}.kanban-task:active{cursor:grabbing}.kanban-task.dragging{opacity:.5;transform:scale(1.02)}.kanban-task-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.kanban-task-title{font-size:.9rem;flex:1;min-width:0}.kanban-task-delete{background:none;border:none;padding:var(--space-1);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.kanban-task:hover .kanban-task-delete{opacity:1}.kanban-task-delete:hover{color:var(--danger);background:#ef44441a}.kanban-task-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kanban-task-meta .task-tag{font-size:.7rem}.priority-high{color:var(--danger);font-weight:700;font-size:.8rem}.kanban-empty{color:var(--text-tertiary);font-size:.85rem;text-align:center;padding:var(--space-4)}.kanban-show-more{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-2);margin-top:var(--space-2);background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.kanban-show-more:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.calendar-view{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-nav{display:flex;align-items:center;gap:var(--space-3)}.calendar-nav-btn{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-nav-btn:hover{background:var(--accent);color:var(--gray-950)}.calendar-month{font-size:1.25rem;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.calendar-day-header{background:var(--bg-tertiary);padding:var(--space-3);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.calendar-day{background:var(--bg-secondary);padding:var(--space-2);min-height:100px;min-width:0;overflow:hidden;transition:background var(--transition-fast)}.calendar-day:hover{background:var(--bg-tertiary)}.calendar-day.today{border:2px solid var(--accent)}.calendar-day.other-month{opacity:.3}.calendar-date{font-size:.85rem;font-weight:600;margin-bottom:var(--space-1)}.calendar-date.clickable{cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.calendar-date.clickable:hover{background:var(--accent);color:var(--gray-950)}.calendar-day.today .calendar-date{color:var(--accent)}.calendar-day.today .calendar-date.clickable:hover{color:var(--gray-950)}.calendar-task{font-size:.7rem;padding:3px 6px 3px 10px;border-radius:4px;margin-bottom:2px;max-width:100%;display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);color:var(--text-primary);position:relative;border-left:3px solid transparent}.calendar-task:before{display:none}.calendar-task-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task-priority{color:var(--danger);font-weight:700;font-size:.75rem;flex-shrink:0}.calendar-task.clickable{cursor:pointer;transition:all var(--transition-fast)}.calendar-task.clickable:hover{background:var(--bg-elevated);transform:translate(2px)}.calendar-task.cat-work{border-left-color:var(--cat-work)}.calendar-task.cat-personal{border-left-color:var(--cat-personal)}.calendar-task.cat-health{border-left-color:var(--cat-health)}.calendar-task.cat-learning{border-left-color:var(--cat-learning)}.calendar-task.cat-finance{border-left-color:var(--cat-finance)}.calendar-task-week{font-size:.75rem;padding:var(--space-2);padding-left:calc(var(--space-2) + 4px);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);position:relative;border-left:3px solid transparent;display:flex;flex-direction:column;gap:4px}.calendar-task-week.clickable{cursor:pointer;transition:all var(--transition-fast)}.calendar-task-week.clickable:hover{background:var(--bg-hover);transform:translate(2px)}.calendar-task-week.cat-work{border-left-color:var(--cat-work)}.calendar-task-week.cat-personal{border-left-color:var(--cat-personal)}.calendar-task-week.cat-health{border-left-color:var(--cat-health)}.calendar-task-week.cat-learning{border-left-color:var(--cat-learning)}.calendar-task-week.cat-finance{border-left-color:var(--cat-finance)}.calendar-task-week-header{display:flex;align-items:center;gap:4px}.calendar-task-status{font-size:.6rem;padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em;align-self:flex-start}.calendar-task-status.status-in_progress{background:#22c55e26;color:var(--success)}.calendar-task-status.status-review{background:#f9731626;color:#fb923c}.calendar-task-more{font-size:.65rem;color:var(--text-tertiary);padding:2px 6px}.calendar-controls{display:flex;align-items:center;gap:var(--space-3)}.calendar-view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px}.view-toggle-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent);color:var(--gray-950)}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.calendar-week-day{background:var(--bg-tertiary);border-radius:var(--radius-md);min-height:300px;display:flex;flex-direction:column}.calendar-week-day.today{border:2px solid var(--accent)}.calendar-week-header{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);text-align:center}.calendar-week-header.clickable{cursor:pointer;transition:background var(--transition-fast)}.calendar-week-header.clickable:hover{background:var(--bg-hover)}.calendar-week-day-name{display:block;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.calendar-week-day-num{display:block;font-size:1.25rem;font-weight:600;margin-top:var(--space-1)}.calendar-week-day.today .calendar-week-day-num{color:var(--accent)}.calendar-week-tasks{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.calendar-task-week.dragging{opacity:.5}.calendar-day.drag-over,.calendar-week-day.drag-over,.calendar-day-view.drag-over{background:var(--accent-glow);border:2px dashed var(--accent)}.calendar-task.dragging{opacity:.5}.calendar-drop-hint{font-size:.75rem;color:var(--accent);text-align:center;padding:var(--space-4);border:2px dashed var(--accent);border-radius:var(--radius-md);background:var(--accent-glow)}.calendar-empty{font-size:.75rem;color:var(--text-tertiary);text-align:center;padding:var(--space-4)}.calendar-day-view{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);min-height:400px}.calendar-day-view.today{border:2px solid var(--accent)}.calendar-day-tasks{display:flex;flex-direction:column;gap:var(--space-3)}.calendar-day-task{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);padding-left:calc(var(--space-4) + 4px);border:1px solid var(--border-subtle);border-left:4px solid var(--accent);cursor:pointer;transition:all var(--transition-fast)}.calendar-day-task:hover{border-color:var(--accent);border-left-width:4px;transform:translateY(-2px)}.calendar-day-task.cat-work{border-left-color:var(--cat-work)}.calendar-day-task.cat-personal{border-left-color:var(--cat-personal)}.calendar-day-task.cat-health{border-left-color:var(--cat-health)}.calendar-day-task.cat-learning{border-left-color:var(--cat-learning)}.calendar-day-task.cat-finance{border-left-color:var(--cat-finance)}.calendar-day-task-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.calendar-day-task-title{font-weight:600}.calendar-day-task-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.calendar-day-task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:.8rem}.calendar-no-tasks{text-align:center;color:var(--text-tertiary);padding:var(--space-8)}.calendar-habits-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.calendar-habits-toggle:hover{border-color:var(--border-strong)}.calendar-habits-toggle.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.calendar-day-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1)}.calendar-habits-indicator{display:flex;align-items:center;gap:2px;font-size:.65rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 4px;border-radius:var(--radius-sm)}.calendar-habits-indicator svg{color:var(--accent)}.calendar-habits-indicator .all-done{color:var(--success)}.calendar-habits-section{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px dashed var(--border-subtle)}.calendar-habit-item{display:flex;align-items:center;gap:var(--space-1);padding:2px 4px;font-size:.7rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.calendar-habit-item:hover{background:var(--bg-hover)}.calendar-habit-item svg{color:var(--accent);flex-shrink:0}.calendar-habit-item.completed{opacity:.6}.calendar-habit-item.completed span{text-decoration:line-through}.calendar-day-habits{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.calendar-day-habits h4{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0}.calendar-day-habits h4 svg{color:var(--accent)}.calendar-day-habits-list{display:flex;flex-direction:column;gap:var(--space-2)}.calendar-day-habit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.calendar-day-habit:hover{background:var(--bg-hover)}.calendar-day-habit.completed{opacity:.7}.calendar-day-habit.completed .habit-title{text-decoration:line-through;color:var(--text-tertiary)}.habit-check{width:20px;height:20px;border:2px solid var(--border-strong);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-primary);flex-shrink:0}.habit-check.checked{background:var(--accent);border-color:var(--accent);color:var(--gray-950)}.habit-info{display:flex;align-items:center;gap:var(--space-3)}.habit-title{font-size:.9rem;color:var(--text-primary)}.habit-tag{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full)}@media(max-width:900px){.calendar-header{flex-wrap:wrap;gap:var(--space-3)}.calendar-nav{width:100%;justify-content:center}.calendar-controls{width:100%;justify-content:center;flex-wrap:wrap}.calendar-month{font-size:1rem}}@media(max-width:480px){.calendar-controls{gap:var(--space-2)}.view-toggle-btn,.calendar-habits-toggle,.calendar-nav-btn{padding:var(--space-1) var(--space-2);font-size:.75rem}}@media(max-width:768px){.calendar-week-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.calendar-week-grid>.calendar-week-day{min-width:100px}}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-subtle);text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:var(--accent)}.stat-card-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-1)}.stat-card-label{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.streak-display{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-lg);padding:var(--space-6);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6);border:1px solid var(--border-subtle);margin-bottom:var(--space-6)}.streak-icon{font-size:3rem}.streak-info{justify-self:start}.analytics-streak-count{font-size:2.5rem;font-weight:700;color:var(--warning);line-height:1.2}.streak-label{color:var(--text-secondary)}.streak-best{text-align:right;justify-self:end}.streak-best-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.streak-best-value{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.chart-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-subtle)}.chart-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-4)}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-between;height:180px;padding-top:var(--space-4)}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.chart-bar{width:32px;background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-slow);position:relative}.chart-bar:after{content:attr(data-value);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-secondary)}.chart-label{font-size:.75rem;color:var(--text-tertiary)}.category-chart{display:flex;flex-direction:column;gap:var(--space-3)}.category-item{display:flex;flex-direction:column;gap:var(--space-1)}.category-header{display:flex;align-items:center;gap:var(--space-2)}.category-color{width:10px;height:10px;border-radius:50%}.category-name{flex:1;font-size:.85rem;text-transform:capitalize}.category-value{font-size:.85rem;color:var(--text-secondary);font-weight:500}.category-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.category-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.achievements-section{margin-top:var(--space-6)}.achievements-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-4)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.achievement-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);text-align:center;transition:all var(--transition-base)}.achievement-card.unlocked{border-color:var(--warning);background:#f59e0b0d}.achievement-card.locked{opacity:.4}.achievement-card:hover{transform:scale(1.02)}.achievement-icon{font-size:2rem;margin-bottom:var(--space-2)}.achievement-card.locked .achievement-icon{filter:grayscale(1)}.achievement-name{font-weight:600;font-size:.9rem;margin-bottom:var(--space-1)}.achievement-desc{font-size:.75rem;color:var(--text-tertiary)}.achievements-view{padding:var(--space-4)}.achievements-overview{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.achievements-overview-left h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-1)}.achievements-subtitle{color:var(--text-secondary);font-size:.9rem}.achievements-overview-right{display:flex;gap:var(--space-6)}.achievement-overview-stat{text-align:center}.achievement-overview-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent)}.achievement-overview-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.achievements-progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-6);overflow:hidden}.achievements-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.achievements-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.achievement-stat{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-subtle);text-align:center}.achievement-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-1)}.achievement-stat-label{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.achievement-category{margin-bottom:var(--space-6)}.achievement-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.achievement-category-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:600}.achievement-category-icon{font-size:1.25rem}.achievement-category-count{font-size:.9rem;color:var(--text-secondary)}.achievements-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.achievement-card-full{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-base)}.achievement-card-full.unlocked{border-color:var(--accent);background:var(--accent-glow)}.achievement-card-full.locked{opacity:.5}.achievement-card-full:hover{transform:translateY(-2px);border-color:var(--border-strong)}.achievement-card-full.unlocked:hover{border-color:var(--accent)}.achievement-icon-full{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md)}.achievement-card-full.unlocked .achievement-icon-full{background:#d4a84333}.achievement-card-full.locked .achievement-icon-full{filter:grayscale(1)}.achievement-info{flex:1;min-width:0}.achievement-name-full{font-weight:600;font-size:.95rem;margin-bottom:2px}.achievement-desc-full{font-size:.8rem;color:var(--text-secondary);margin-bottom:2px}.achievement-xp{font-size:.75rem;color:var(--accent);font-weight:600}.achievement-check{color:var(--success);font-size:1.25rem;font-weight:700;flex-shrink:0}.analytics-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.analytics-section-title svg{color:var(--accent)}.analytics-grid-3{grid-template-columns:repeat(3,1fr)}.chart-bar-habit{background:var(--success)}.chart-title{display:flex;align-items:center;gap:var(--space-2)}.chart-title svg{color:var(--warning)}.habit-leaderboard{display:flex;flex-direction:column;gap:var(--space-2)}.habit-leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.habit-leaderboard-item:hover{background:var(--bg-hover);transform:translate(4px)}.habit-leaderboard-rank{font-size:.8rem;font-weight:700;color:var(--text-tertiary);width:24px}.habit-leaderboard-title{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-leaderboard-streak{display:flex;align-items:center;gap:var(--space-1);font-size:.9rem;font-weight:600;color:var(--warning)}.habit-leaderboard-empty{text-align:center;color:var(--text-tertiary);padding:var(--space-4);font-size:.85rem}.habit-highlight{display:flex;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.habit-highlight-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border-radius:var(--radius-md);color:var(--accent)}.habit-highlight-info{flex:1}.habit-highlight-title{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.habit-highlight-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.habit-highlight-streak{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;color:var(--warning)}.habit-highlight-streak svg{color:var(--warning)}.analytics-empty-state{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border-subtle);text-align:center;color:var(--text-secondary);font-size:.95rem}.habit-view{padding:var(--space-4);max-width:900px;margin:0 auto}.habit-progress-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.habit-view .task-input-container{margin-bottom:var(--space-6)}.habit-view .icon-btn{padding:var(--space-2) var(--space-3);font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.habit-view .add-btn:disabled{opacity:.5;cursor:not-allowed}.habit-options{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.habit-options-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.habit-templates-dropdown{margin-top:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.habit-templates-header{padding:var(--space-2) var(--space-3);font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.habit-templates-list{display:flex;flex-direction:column}.habit-template-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.habit-template-item:last-child{border-bottom:none}.habit-template-item:hover{background:var(--bg-hover)}.template-title{font-size:.9rem;color:var(--text-primary)}.template-category{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full)}.habit-days-option{flex:1;min-width:200px}.habit-day-selector-inline{display:flex;gap:2px}.habit-day-btn-sm{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:.7rem;cursor:pointer;transition:all var(--transition-fast)}.habit-day-btn-sm:hover{background:var(--bg-hover);color:var(--text-secondary)}.habit-day-btn-sm.active{background:var(--accent);border-color:var(--accent);color:var(--gray-950)}.habit-progress-circle{position:relative;width:100px;height:100px;flex-shrink:0}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--gray-800);stroke-width:3}.progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray var(--transition-slow)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-number{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.progress-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.habit-progress-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.habit-progress-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.habit-section{margin-bottom:var(--space-6)}.habit-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.habit-section-header svg{color:var(--accent)}.habit-section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.habit-section-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.habit-list{display:flex;flex-direction:column;gap:var(--space-3)}.habit-empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.habit-empty-state p{margin:0}.completed-section .habit-card{opacity:.7}.habit-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-base)}.habit-card:hover{border-color:var(--border-strong);transform:translate(4px)}.habit-card.completed{opacity:.6}.habit-card.completed .habit-title{text-decoration:line-through;color:var(--text-tertiary)}.habit-checkbox{width:24px;height:24px;border:2px solid var(--gray-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.habit-checkbox:hover{border-color:var(--accent);background:var(--accent-glow)}.habit-card.completed .habit-checkbox{background:var(--accent);border-color:var(--accent)}.habit-checkbox svg{width:12px;height:12px;color:var(--gray-950);opacity:0;transform:scale(0);transition:all var(--transition-fast)}.habit-card.completed .habit-checkbox svg{opacity:1;transform:scale(1)}.habit-content{flex:1;min-width:0;cursor:pointer}.habit-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.habit-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.habit-tag{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.habit-streak{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.habit-streak svg{color:var(--gray-500);transition:color var(--transition-base)}.habit-streak svg.flame-active{color:#f97316}.streak-count{font-size:1rem;font-weight:700;color:var(--text-primary);min-width:20px;text-align:center}.best-streak{font-size:.7rem;color:var(--text-tertiary);padding-left:var(--space-2);border-left:1px solid var(--border-subtle)}.habit-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.habit-card:hover .habit-actions{opacity:1}.habit-action-btn{padding:var(--space-2);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.habit-action-btn:hover{background:var(--accent);color:var(--gray-950)}.habit-action-btn.delete:hover{background:var(--danger)}.habit-action-btn.undo:hover{background:var(--warning);color:var(--gray-950)}.habit-weekly-progress{font-size:.7rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.habit-heatmap{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--space-5);margin-bottom:var(--space-6)}.heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.heatmap-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.heatmap-period{font-size:.8rem;color:var(--text-tertiary)}.heatmap-container{display:flex;gap:var(--space-2)}.heatmap-day-labels{display:flex;flex-direction:column;gap:3px;padding-top:1px}.day-label{font-size:.65rem;color:var(--text-tertiary);height:12px;line-height:12px;width:24px}.heatmap-grid{display:flex;gap:3px;overflow:hidden}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:12px;height:12px;border-radius:2px;transition:all var(--transition-fast)}.heatmap-cell:hover{transform:scale(1.2)}.heatmap-cell.level--1{background:transparent}.heatmap-cell.level-0{background:var(--gray-800)}.heatmap-cell.level-1{background:#d4a8434d}.heatmap-cell.level-2{background:#d4a84380}.heatmap-cell.level-3{background:#d4a843b3}.heatmap-cell.level-4{background:var(--accent)}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:var(--space-4)}.heatmap-legend .heatmap-cell{cursor:default}.heatmap-legend .heatmap-cell:hover{transform:none}.legend-label{font-size:.7rem;color:var(--text-tertiary);padding:0 var(--space-1)}.habit-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.habit-stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-4)}.stat-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.stat-label{font-size:.85rem;color:var(--text-secondary)}.stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.stat-value.streak{color:var(--accent)}.habit-day-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.habit-day-btn{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:42px;text-align:center}.habit-day-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.habit-day-btn.active{background:var(--accent);border-color:var(--accent);color:var(--gray-950)}.habit-stats-display{display:flex;gap:var(--space-3)}.habit-stat-item{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.habit-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.habit-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.habit-stat-value.streak{color:var(--accent)}.btn-primary{display:flex;align-items:center;gap:var(--space-2)}.habit-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.habit-history-toggle{background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.habit-history-toggle:hover{background:var(--accent-glow)}.habit-history-calendar{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.habit-history-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.habit-history-cell{aspect-ratio:1;background:var(--gray-800);border-radius:2px;transition:all var(--transition-fast)}.habit-history-cell:hover{transform:scale(1.2)}.habit-history-cell.completed{background:var(--accent)}.habit-history-legend{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:.7rem;color:var(--text-tertiary)}.habit-created-date{font-size:.85rem;color:var(--text-secondary)}.habit-archived-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.habit-archived-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.habit-archived-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0}.habit-archived-toggle{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;padding:var(--space-1) var(--space-2)}.habit-archived-toggle:hover{color:var(--text-primary)}.habit-archived-list{display:flex;flex-direction:column;gap:var(--space-2)}.habit-archived-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);opacity:.7}.habit-archived-item:hover{opacity:1}.habit-archived-info{display:flex;flex-direction:column;gap:var(--space-1)}.habit-archived-title{font-size:.9rem;color:var(--text-primary)}.habit-archived-meta{font-size:.75rem;color:var(--text-tertiary)}.habit-restore-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.habit-restore-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.habit-progress-header{flex-direction:column;text-align:center;gap:var(--space-4);padding:var(--space-4)}.habit-progress-info h2{font-size:1.25rem}.habit-actions{opacity:1}.heatmap-container{overflow-x:auto;padding-bottom:var(--space-2)}.habit-stats-display{flex-direction:column}.habit-options-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.habit-options-row .option-group{flex-direction:column;align-items:stretch;gap:var(--space-1)}.habit-options-row .tag-option-group,.habit-options-row .tag-input-row{width:100%}.habit-options-row .tag-input-inline{flex:1;min-width:0}.habit-days-option{min-width:0;width:100%}}@media(max-width:480px){.habit-view{padding:var(--space-3)}.habit-card{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.habit-checkbox{order:1}.habit-content{order:2;flex:1 1 calc(100% - 40px);min-width:0}.habit-streak{order:3;flex:1;justify-content:center;padding:var(--space-2)}.habit-actions{order:4}.habit-meta{font-size:.65rem}.habit-tag{font-size:.65rem;padding:1px 6px}.habit-day-selector-inline{flex-wrap:wrap}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:760px;width:100%;border:1px solid var(--border-subtle);animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--space-1);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--danger)}.shortcuts-modal{max-width:520px}.shortcuts-content{display:flex;flex-direction:column;gap:var(--space-5)}.shortcuts-section{display:flex;flex-direction:column;gap:var(--space-3)}.shortcuts-category{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.shortcuts-list{display:flex;flex-direction:column;gap:var(--space-2)}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.shortcut-keys{display:flex;gap:var(--space-1)}.shortcut-key{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:monospace;font-size:.85rem;color:var(--text-primary);min-width:28px;text-align:center}.shortcut-desc{color:var(--text-secondary);font-size:.9rem}.date-input-row{display:flex;flex-direction:column;gap:var(--space-2)}.quick-dates{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-date-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.quick-date-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.quick-date-btn.clear{color:var(--danger)}.quick-date-btn.clear:hover{background:#ef44441a;border-color:var(--danger)}.subtask-count{font-weight:400;color:var(--text-tertiary);margin-left:var(--space-2)}.subtasks-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.subtask-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.subtask-item.completed{opacity:.6}.subtask-item.completed .subtask-title{text-decoration:line-through;color:var(--text-tertiary)}.subtask-checkbox{width:18px;height:18px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--transition-fast);flex-shrink:0}.subtask-item.completed .subtask-checkbox{background:var(--accent);border-color:var(--accent)}.subtask-title{flex:1;font-size:.9rem;color:var(--text-primary)}.subtask-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;opacity:0;transition:all var(--transition-fast)}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:var(--danger)}.subtask-input-row{display:flex;align-items:stretch;gap:var(--space-2)}.tag-input-row{display:flex;align-items:stretch;gap:var(--space-2);position:relative}.modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.modal-body-wide{gap:var(--space-4)}.form-group-full{width:100%}.modal-columns{display:grid;grid-template-columns:1fr 280px;gap:var(--space-5)}.modal-column-left{display:flex;flex-direction:column;gap:var(--space-4)}.modal-column-right{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-5);border-left:1px solid var(--border-subtle)}@media(max-width:640px){.modal-overlay{padding:var(--space-2);align-items:flex-start}.modal{padding:var(--space-4);max-height:calc(100vh - var(--space-4));max-height:calc(100dvh - var(--space-4));overflow-y:auto;margin-top:var(--space-2)}.modal-header{position:sticky;top:calc(-1 * var(--space-4));background:var(--bg-secondary);padding-top:var(--space-2);padding-bottom:var(--space-3);margin-top:calc(-1 * var(--space-2));margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);z-index:10;border-bottom:1px solid var(--border-subtle)}.modal-close{padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.modal-columns{grid-template-columns:1fr}.modal-column-right{padding-left:0;border-left:none;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.modal-column-right .form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:var(--space-2)}.modal-actions-left,.modal-actions-right{width:100%;justify-content:center}.modal-actions .btn{flex:1;justify-content:center}.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:.85rem}.modal-column-right input[type=date]{padding:var(--space-2) var(--space-3);font-size:.8rem;min-width:0;width:100%;max-width:100%;background:var(--bg-elevated);box-sizing:border-box}.modal-column-right .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.modal-column-right .form-row .form-group{min-width:0}.form-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-row input[type=date]{min-width:0;width:100%}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.tag-chip[data-color="0"]{background:#ef444426;color:#f87171}.tag-chip[data-color="1"]{background:#f9731626;color:#fb923c}.tag-chip[data-color="2"]{background:#eab30826;color:#facc15}.tag-chip[data-color="3"]{background:#84cc1626;color:#a3e635}.tag-chip[data-color="4"]{background:#22c55e26;color:#4ade80}.tag-chip[data-color="5"]{background:#14b8a626;color:#2dd4bf}.tag-chip[data-color="6"]{background:#06b6d426;color:#22d3ee}.tag-chip[data-color="7"]{background:#3b82f626;color:#60a5fa}.tag-chip[data-color="8"]{background:#6366f126;color:#818cf8}.tag-chip[data-color="9"]{background:#a855f726;color:#c084fc}.tag-chip[data-color="10"]{background:#ec489926;color:#f472b6}.tag-chip[data-color="11"]{background:#f43f5e26;color:#fb7185}.tag-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.tag-remove:hover{color:var(--danger)}.tag-input-wrapper{position:relative;display:flex;gap:var(--space-2)}.tag-input-wrapper .form-input{flex:1}.tag-add-btn{background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--gray-950);padding:var(--space-2) var(--space-3);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background var(--transition-fast);flex-shrink:0}.tag-add-btn:hover{background:var(--accent-light)}.tag-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:150px;overflow-y:auto}.tag-suggestion{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast)}.tag-suggestion:hover{background:var(--bg-hover)}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:space-between;align-items:center}.modal-actions-left,.modal-actions-right{display:flex;gap:var(--space-3)}.btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-full);font-family:inherit;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:var(--gray-950)}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-elevated)}.btn-success{background:var(--success);color:var(--gray-950);display:flex;align-items:center;gap:var(--space-2)}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.btn-danger:hover{background:#ef444426;color:#ef4444}.btn-archive{background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.btn-archive:hover{background:#6366f126;color:#818cf8}.confirm-modal{max-width:420px}.confirm-modal-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-2) 0}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal-icon--danger{background:#ef444426;color:#ef4444}.confirm-modal-icon--warning{background:#eab30826;color:#eab308}.confirm-modal-icon--info{background:#3b82f626;color:#3b82f6}.confirm-modal-message{color:var(--text-secondary);line-height:1.5;margin:0}.confirm-modal .form-group{width:100%;text-align:left}.confirm-modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end}.btn-danger-solid{background:#ef4444;color:#fff;display:flex;align-items:center;gap:var(--space-2)}.btn-danger-solid:hover{background:#dc2626}.btn-warning{background:#eab308;color:var(--gray-950);display:flex;align-items:center;gap:var(--space-2)}.btn-warning:hover{background:#ca8a04}.confirm-modal input[type=number]{-moz-appearance:textfield;appearance:textfield}.confirm-modal input[type=number]::-webkit-outer-spin-button,.confirm-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding-modal{max-width:540px;text-align:center}.onboarding-header{margin-bottom:var(--space-4)}.onboarding-icon{width:64px;height:64px;background:var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.onboarding-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-2)}.onboarding-subtitle{color:var(--text-secondary);line-height:1.6}.onboarding-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.onboarding-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:left}.onboarding-feature-icon{font-size:1.25rem}.onboarding-feature-text{font-size:.875rem}.onboarding-start-btn{width:100%;padding:var(--space-4);background:var(--accent);border:none;border-radius:var(--radius-full);color:var(--gray-950);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.onboarding-start-btn:hover{background:var(--accent-light)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1001}.toast{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);animation:toastIn .3s ease-out;box-shadow:var(--shadow-lg)}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--accent)}.toast.achievement{border-color:var(--warning)}.toast-icon{font-size:1.25rem}.toast-content{flex:1}.toast-title{font-weight:500;font-size:.9rem}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.5}.empty-state-title{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.empty-state-desc{font-size:.875rem}.shortcuts-hint{position:fixed;bottom:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-4);opacity:.4;transition:opacity var(--transition-base)}.shortcuts-hint:hover{opacity:1}.shortcut{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-tertiary)}.shortcut kbd{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:inherit;font-size:.7rem}@media(max-width:1200px){.analytics-grid,.kanban-view,.achievements-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.app{grid-template-columns:1fr}.header{padding:0 var(--space-4)}.header-stats{gap:var(--space-2)}.header-stats .stat-badge{display:none}.header-stats .level-container{display:flex}.header-stats .level-badge{font-size:.85rem;padding:var(--space-2) var(--space-3)}.header-stats .xp-tooltip{display:none}.analytics-grid,.charts-row,.kanban-view{grid-template-columns:1fr}.kanban-column{min-height:120px}.view-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.view-tabs::-webkit-scrollbar{display:none}.view-tab{flex-shrink:0}.main-content{padding:var(--space-4)}.achievements-stats{grid-template-columns:repeat(2,1fr)}.achievements-grid-full{grid-template-columns:1fr}.achievements-overview{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.achievements-overview-right{gap:var(--space-4)}.search-bar{flex-wrap:wrap}.search-input-wrapper{min-width:100%;order:1}.filter-toggle-btn{order:2;flex:1}.sort-controls{order:3;flex:1;justify-content:flex-end}.sort-select-wrapper{min-width:0;flex:1;max-width:140px}}@media(max-width:480px){.search-bar{gap:var(--space-2)}.filter-toggle-btn,.sort-controls{flex:1 1 45%}.sort-select-wrapper{max-width:none}}.auth-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:400px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700}.auth-logo-icon{font-size:2rem;line-height:1;display:flex;align-items:center}.auth-logo-text{color:var(--text-primary)}.auth-form h2{margin:0 0 .5rem;font-size:1.5rem;text-align:center}.auth-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 1.5rem}.auth-field{margin-bottom:1rem}.auth-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.auth-field input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.auth-submit{width:100%;padding:.875rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.auth-switch button:hover{text-decoration:underline}