.lang-toggle-flag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.lang-toggle-flag:hover{border-color:#34d39959;color:var(--accent);background:#34d3990f}.lang-toggle-pill{display:flex;gap:2px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:2px}.lang-pill-btn{flex:1;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:calc(var(--r-sm) - 2px);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--t-fast)}.lang-pill-btn:hover{color:var(--text-secondary)}.lang-pill-btn.active{background:#34d39926;color:var(--accent)}.sidebar--desktop{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);border-right:1px solid var(--border-subtle);z-index:100;overflow:hidden}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:var(--s-5) var(--s-4);background:var(--bg-raised)}.sidebar-logo{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-5);margin-bottom:var(--s-2);border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:opacity var(--t-fast);cursor:pointer}.sidebar-logo:hover{opacity:.75}.sidebar-logo-mark{width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-name{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-logo-sub{font-size:.625rem;color:var(--text-muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px;padding:var(--s-4) 0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--text-muted);font-size:.8125rem;font-weight:500;transition:all var(--t-fast);position:relative}.sidebar-nav-item:hover{background:var(--bg-elevated);color:var(--text-secondary)}.sidebar-nav-item.active{background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent-border)}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--accent)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:0}.sidebar-lang-row{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-3);border-top:1px solid var(--border-subtle)}.sidebar-lang-label{font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sidebar-user{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-top:1px solid var(--border-subtle)}.sidebar-avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-base);flex-shrink:0;object-fit:cover;background:var(--bg-elevated)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-user-email{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{flex-shrink:0}.sidebar-logout:hover{color:var(--danger);border-color:var(--danger-border)}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:var(--bg-raised);border-bottom:1px solid var(--border-subtle);padding:0 var(--s-4);align-items:center;justify-content:space-between;z-index:200}.mobile-topbar-logo{display:flex;align-items:center;gap:var(--s-2);font-size:.875rem;font-weight:600;color:var(--text-primary)}.mobile-overlay{position:fixed;inset:0;background:#0009;z-index:299;backdrop-filter:blur(2px)}.sidebar--mobile{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:300}.sidebar--mobile .sidebar-inner{padding-top:var(--s-4)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-raised);border-top:1px solid var(--border-subtle);z-index:200;padding:var(--s-1) 0 env(safe-area-inset-bottom,0);display:none;align-items:stretch}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);transition:color var(--t-fast);padding:var(--s-1) 0}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item:hover{color:var(--text-secondary)}.mobile-nav-icon{display:flex;align-items:center}.mobile-nav-label{font-size:.5625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 768px){.sidebar--desktop{display:none}.mobile-topbar,.mobile-bottom-nav{display:flex}.main-content{padding-top:calc(52px + var(--s-4))!important;padding-bottom:calc(60px + var(--s-4))!important}}@keyframes rec-pulse{0%,to{box-shadow:0 0 #fbbf2480,var(--shadow-md)}60%{box-shadow:0 0 0 12px #fbbf2400,var(--shadow-md)}}@keyframes ai-idle-glow{0%,to{box-shadow:0 4px 20px #34d39959,var(--shadow-md)}50%{box-shadow:0 4px 30px #34d39999,var(--shadow-md)}}@keyframes ai-spin{0%{transform:rotate(0) scale(1.08)}to{transform:rotate(360deg) scale(1.08)}}@keyframes wave-bar{0%,to{height:4px}50%{height:18px}}@keyframes ai-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.voice-fab{position:fixed;bottom:28px;right:28px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#059669 100%);color:#0a1628;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #34d39966,var(--shadow-md);transition:all var(--t-base);animation:ai-idle-glow 3s ease-in-out infinite;z-index:150;border:none;cursor:pointer}.voice-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px #34d3998c,var(--shadow-lg)}.voice-fab:active{transform:scale(.95)}.voice-fab--rec{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;animation:rec-pulse 1.2s ease-in-out infinite}.voice-fab--analyzing{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;animation:none}.ai-icon{transition:all var(--t-base)}.ai-icon--active{animation:ai-icon-pulse .8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(0,0,0,.3))}.voice-wave{display:flex;align-items:center;gap:3px;height:20px}.voice-wave-bar{width:3px;height:4px;background:var(--amber);border-radius:99px;animation:wave-bar .8s ease-in-out infinite}.voice-panel{position:fixed;bottom:96px;right:28px;width:320px;background:var(--bg-overlay);border:1px solid var(--border-base);border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--shadow-lg),0 0 0 1px #34d39914;z-index:149;display:flex;flex-direction:column;gap:var(--s-4);backdrop-filter:blur(12px)}.voice-panel-hdr{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.voice-panel-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1}.voice-hint-inline{font-size:.7rem;color:var(--text-muted);font-style:italic}.voice-action-tag{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-sm);border:1px solid}.voice-confidence{display:flex;align-items:center;gap:var(--s-2);margin-left:auto}.voice-confidence-bar{width:60px;height:3px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.voice-confidence-bar>div{height:100%;background:var(--accent);border-radius:99px;transition:width .5s ease}.voice-transcript{font-size:.8125rem;color:var(--text-secondary);font-style:italic;line-height:1.5;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-3);margin:0}.voice-hint{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin:0}.voice-error{font-size:.75rem;color:var(--danger);background:var(--danger-dim, rgba(239,68,68,.08));border:1px solid var(--danger-border, rgba(239,68,68,.2));border-radius:var(--r-sm);padding:var(--s-2) var(--s-3)}.voice-proposal{background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.voice-proposal-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.voice-proposal-meta{display:flex;gap:var(--s-2);flex-wrap:wrap}.voice-panel-actions{display:flex;gap:var(--s-2);justify-content:flex-end}@media (max-width: 480px){.voice-fab{bottom:76px;right:16px;width:50px;height:50px}.voice-panel{right:16px;left:16px;width:auto;bottom:140px}}.leaderboard{display:flex;flex-direction:column;gap:var(--s-2)}.lb-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);transition:background var(--t-fast);min-height:38px}.lb-row:hover{background:var(--bg-elevated)}.lb-rank{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lb-rank-num{font-size:.6875rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.lb-name{display:flex;align-items:center;gap:var(--s-2);min-width:0;width:140px;flex-shrink:0}.lb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.85}.lb-title{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-bar-wrap{flex:1;min-width:0}.lb-bar-track{height:4px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.lb-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);opacity:.75}.lb-time{display:flex;align-items:center;gap:4px;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0;min-width:52px;justify-content:flex-end}@media (max-width: 640px){.lb-name{width:100px}}.dashboard{padding-bottom:100px;display:flex;flex-direction:column;gap:var(--s-6)}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;padding-bottom:var(--s-6);border-bottom:1px solid var(--border-subtle)}.dash-greeting-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.025em;margin:var(--s-1) 0 var(--s-3)}.dash-quote{font-size:.8125rem;color:var(--text-muted);font-style:italic;max-width:420px;line-height:1.5;margin:0;padding-left:var(--s-3);border-left:2px solid var(--border-base)}.dash-timer-pill{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--accent-border);border-radius:var(--r-lg);flex-shrink:0}.dash-timer-info{min-width:0}.dash-timer-task{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.dash-timer-value{font-size:1.125rem;font-weight:700;color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums}.dash-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-2)}.dash-period-row{display:flex;gap:var(--s-1);flex-wrap:wrap}.dash-period-pill{padding:4px 14px;border-radius:99px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--t-fast);font-family:inherit}.dash-period-pill:hover{color:var(--text-secondary);border-color:var(--border-base)}.dash-period-pill.active{background:var(--accent);border-color:var(--accent);color:#0a1628;font-weight:600}.dash-obj-row{display:flex;gap:var(--s-2);flex-wrap:wrap}.dash-obj-pill{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);flex:1;min-width:160px;cursor:pointer;transition:border-color var(--t-fast)}.dash-obj-pill:hover{border-color:var(--border-base)}.dash-obj-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-obj-info{flex:1;min-width:0}.dash-obj-name{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-obj-counts{font-size:.6875rem;color:var(--text-muted);margin-top:1px}.dash-obj-bar-wrap{width:40px}.dash-obj-bar-track{height:3px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.dash-obj-bar-fill{height:100%;border-radius:99px}.dash-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-4);align-items:start}.dash-insight-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.8;margin:0;white-space:pre-line}.dash-tasks-list{display:flex;flex-direction:column;gap:3px}.dash-task-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);min-height:50px;transition:all var(--t-fast)}.dash-task-row:hover{border-color:var(--border-base);background:var(--bg-elevated)}.dash-task-row--doing{border-color:#fbbf242e;background:linear-gradient(90deg,rgba(251,191,36,.03),var(--bg-raised))}.dash-task-row--done{opacity:.55}.dash-task-row--done:hover{opacity:.8}.dash-task-stripe{width:3px;min-height:24px;align-self:stretch;border-radius:2px;flex-shrink:0;margin:2px 0;opacity:.7}.dash-task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dash-task-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-task-row--done .dash-task-title{text-decoration:line-through;color:var(--text-muted)}.dash-task-meta{display:flex;align-items:center;gap:var(--s-2)}.dash-task-timer{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--amber-text);background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-sm);padding:1px 6px}.dash-task-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--s-1);opacity:0;transition:opacity var(--t-fast)}.dash-task-row:hover .dash-task-actions,.dash-task-row--doing .dash-task-actions{opacity:1}@media (max-width: 1200px){.dash-stats{grid-template-columns:repeat(3,1fr)}.dash-charts{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dash-charts{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column}.dash-timer-pill{width:100%}.dash-task-actions{opacity:1}}.obj-page{padding-bottom:100px;display:flex;flex-direction:column;gap:var(--s-4)}.obj-count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-full);font-size:.75rem;font-weight:700;font-family:var(--font-mono);min-width:22px;height:20px;padding:0 6px;vertical-align:middle;margin-left:var(--s-2)}.obj-summary-strip{display:flex;gap:var(--s-1);flex-wrap:wrap}.obj-summary-item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.obj-summary-num{font-size:1.125rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.obj-summary-label{font-size:.6875rem;color:var(--text-muted);font-weight:500}.obj-list{display:flex;flex-direction:column;gap:var(--s-3)}.obj-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--t-base)}.obj-card:hover{border-color:var(--border-base)}.obj-card--open{border-color:var(--obj-c, var(--border-base))}.obj-card-bar{height:3px;width:100%}.obj-card-body{padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.obj-card-hdr{display:flex;align-items:center;gap:var(--s-2)}.obj-card-title-group{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0}.obj-card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.obj-card-actions{display:flex;gap:var(--s-1);opacity:0;transition:opacity var(--t-fast)}.obj-card:hover .obj-card-actions{opacity:1}.obj-card-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.obj-stats-row{display:flex;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border-radius:var(--r-md)}.obj-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.obj-stat-num{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.obj-stat-label{font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.obj-progress-row{display:flex;align-items:center;gap:var(--s-2)}.obj-progress-track{flex:1;height:5px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.obj-progress-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);opacity:.8}.obj-progress-pct{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-muted);min-width:32px;text-align:right}.obj-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-2);border-top:1px solid var(--border-subtle)}.obj-tasks-panel{border-top:1px solid var(--border-subtle);padding-top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);animation:fade-up .2s ease both}.obj-tasks-hdr{display:flex;align-items:center;justify-content:space-between}.obj-task-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);min-height:42px;transition:border-color var(--t-fast)}.obj-task-row:hover{border-color:var(--border-base)}.obj-task-doing{border-color:#fbbf2433;background:linear-gradient(90deg,rgba(251,191,36,.03),var(--bg-elevated))}.obj-task-done{opacity:.55}.obj-task-stripe{width:3px;min-height:20px;border-radius:2px;flex-shrink:0;align-self:stretch;margin:2px 0;opacity:.7}.obj-task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.obj-task-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obj-task-done .obj-task-title{text-decoration:line-through;color:var(--text-muted)}.obj-task-meta{display:flex;align-items:center;gap:var(--s-2)}.obj-task-action{flex-shrink:0}.color-grid{display:grid;grid-template-columns:repeat(8,24px);gap:var(--s-2)}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:transform var(--t-fast),border-color var(--t-fast);cursor:pointer}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text-primary);transform:scale(1.15)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--border-subtle);margin-top:var(--s-4)}@media (max-width: 640px){.obj-card-actions{opacity:1}.obj-summary-strip{gap:var(--s-1)}.obj-summary-item{padding:var(--s-1) var(--s-3)}.obj-stats-row{gap:var(--s-3)}}.task-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:border-color var(--t-fast),background var(--t-fast);min-height:54px}.task-row:hover{border-color:var(--border-base);background:var(--bg-elevated)}.task-row--doing{border-color:#fbbf242e;background:linear-gradient(90deg,rgba(251,191,36,.03) 0%,var(--bg-raised) 60%)}.task-row--doing:hover{border-color:#fbbf2447}.task-row--done-row{opacity:.6}.task-row--done-row:hover{opacity:.85}.task-row-stripe{width:3px;min-height:28px;border-radius:2px;flex-shrink:0;align-self:stretch;margin:2px 0;opacity:.7}.task-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-row-title-line{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.task-row-title{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.3;min-width:0}.task-title--done{text-decoration:line-through;color:var(--text-muted)!important}.task-live-timer{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--amber-text);background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-sm);padding:1px 7px;white-space:nowrap;flex-shrink:0}.task-done-time{font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0}.task-row-meta{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.task-row-actions{display:flex;align-items:center;gap:var(--s-1);flex-shrink:0;opacity:0;transition:opacity var(--t-fast)}.task-row:hover .task-row-actions,.task-row--doing .task-row-actions{opacity:1}.task-row-action-btn{min-width:60px;justify-content:center}.task-row-icon-btn{padding:4px;opacity:.6}.task-row-icon-btn:hover{opacity:1}.task-row-delete:hover{color:var(--danger);border-color:var(--danger-border)}@media (max-width: 640px){.task-row-actions{opacity:1}.task-row-icon-btn{display:none}}.tasks-page{padding-bottom:100px;display:flex;flex-direction:column;gap:var(--s-4)}.tasks-counts{display:flex;gap:var(--s-2);flex-wrap:wrap}.tasks-count-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);font-family:var(--font-ui)}.tasks-count-btn:hover,.tasks-count-btn.active{border-color:var(--border-base);background:var(--bg-elevated)}.tasks-count-num{font-size:1.125rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.tasks-count-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.tasks-active-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:var(--r-full);font-size:.75rem;max-width:200px}.tasks-pill-title{color:var(--amber-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tasks-pill-timer{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;color:var(--amber);font-variant-numeric:tabular-nums;flex-shrink:0}.tasks-filters{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.tasks-filters select{max-width:160px}.tasks-list{display:flex;flex-direction:column;gap:3px}.task-modal-time{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-md);margin-bottom:var(--s-4)}.task-modal-time-value{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--accent)}@media (max-width: 640px){.tasks-counts{gap:var(--s-1)}.tasks-count-btn{padding:var(--s-2) var(--s-3)}.tasks-filters{gap:var(--s-2)}.tasks-filters select{max-width:130px}}.insights-page{padding-bottom:100px;display:flex;flex-direction:column;gap:var(--s-6)}.insights-date-row{display:flex;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap}.insights-date-row .form-group{flex:1;min-width:180px;margin:0}.ai-badge{display:inline-flex;align-items:center;gap:5px;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-dim);border:1px solid var(--accent-border);padding:2px 8px;border-radius:var(--r-sm)}.insights-quote-panel{background:var(--bg-raised);border:1px solid var(--accent-border);border-radius:var(--r-xl);padding:var(--s-6) var(--s-8);display:flex;flex-direction:column;gap:var(--s-4)}.insights-quote-hdr{display:flex;align-items:center;justify-content:space-between}.insights-quote-text{font-family:var(--font-ui);font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.4;letter-spacing:-.02em;font-style:italic;padding-left:var(--s-5);border-left:2px solid var(--accent);margin:0}.insights-summary-text{font-size:.875rem;color:var(--text-secondary);line-height:1.85;white-space:pre-line;margin:0}@media (max-width: 640px){.insights-date-row{flex-direction:column}.insights-date-row .form-group{min-width:100%}.insights-quote-text{font-size:1rem}}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 480px;background:var(--bg-base)}.login-left{display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-10) var(--s-16);border-right:1px solid var(--border-subtle);gap:var(--s-12)}.login-brand{display:flex;align-items:center;justify-content:space-between}.login-brand-link{display:flex;align-items:center;gap:var(--s-3);text-decoration:none;transition:opacity var(--t-fast)}.login-brand-link:hover{opacity:.75}.login-logo-mark{width:34px;height:34px;background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.login-brand-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center}.login-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-4)}.login-headline{font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary);margin-bottom:var(--s-5)}.login-sub{font-size:.9375rem;color:var(--text-muted);line-height:1.7;max-width:360px;margin:0}.login-features{display:flex;flex-direction:column;gap:var(--s-5);padding-top:var(--s-8);border-top:1px solid var(--border-subtle)}.login-feature-row{display:flex;align-items:flex-start;gap:var(--s-4)}.login-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px;opacity:.7}.login-feature-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:3px}.login-feature-desc{font-size:.75rem;color:var(--text-muted);line-height:1.5}.login-right{display:flex;align-items:center;justify-content:center;padding:var(--s-8);background:var(--bg-raised)}.login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:var(--s-6)}.login-card-top{display:flex;flex-direction:column;gap:var(--s-2)}.login-card-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.login-card-sub{font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-5);background:#fff;color:#1a1a1a;border:none;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--t-base);box-shadow:var(--shadow-sm)}.login-google-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0006}.login-google-btn:active{transform:scale(.99)}.login-google-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.login-card-note{font-size:.6875rem;color:var(--text-muted);text-align:center;line-height:1.5;margin:0}.login-terms-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-elevated);transition:border-color var(--t-fast)}.login-terms-row:hover{border-color:var(--border-base)}.login-terms-checkbox{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:var(--accent);cursor:pointer}.login-terms-text{font-size:.8rem;color:var(--text-secondary);line-height:1.55}.login-terms-link{color:var(--accent);text-decoration:none;font-weight:500}.login-terms-link:hover{text-decoration:underline}.login-free-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--accent);background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:99px;padding:4px 12px;width:fit-content}@media (max-width: 768px){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-left{padding:var(--s-6) var(--s-5);border-right:none;border-bottom:1px solid var(--border-subtle);gap:var(--s-6)}.login-headline{font-size:2rem}.login-features{display:none}.login-right{padding:var(--s-8) var(--s-5);background:transparent}.login-card{max-width:100%}}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);height:60px;background:#0a1628d9;backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.landing-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity var(--t-fast)}.landing-nav-brand:hover{opacity:.8}.landing-logo-mark{display:flex;align-items:center}.landing-brand-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.landing-nav-actions{display:flex;align-items:center;gap:20px}.landing-nav-link{font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color var(--t-fast)}.landing-nav-link:hover{color:var(--text-primary)}.landing{min-height:100dvh;background:var(--bg-base);color:var(--text-primary)}.landing-section-label{display:inline-flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.landing-section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary);margin-bottom:48px}.landing-hero{max-width:780px;margin:0 auto;padding:100px max(5vw,24px) 80px;text-align:center}.landing-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--accent);background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:99px;padding:4px 14px;margin-bottom:32px}.landing-hero-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary);margin-bottom:24px}.landing-hero-accent{background:linear-gradient(135deg,var(--accent) 0%,#34d399 50%,#6ee7b7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:clamp(1rem,2vw,1.1875rem);color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 40px}.landing-hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.landing-cta-main{padding:12px 28px;font-size:.9375rem;font-weight:700}.landing-cta-sub{font-size:.9rem;color:var(--text-secondary)}.landing-hero-note{font-size:.75rem;color:var(--text-muted);margin:0}.landing-features{padding:80px max(5vw,24px);max-width:1100px;margin:0 auto;text-align:center}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;text-align:left}.landing-feature-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:28px 24px;transition:border-color var(--t-base),transform var(--t-base)}.landing-feature-card:hover{border-color:#34d3994d;transform:translateY(-2px)}.landing-feature-icon{width:44px;height:44px;border-radius:var(--r-md);background:#34d39914;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-feature-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.landing-feature-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.6}.landing-free-banner{background:linear-gradient(135deg,#34d3990f,#6366f10a);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:80px max(5vw,24px)}.landing-free-inner{max-width:680px;margin:0 auto;text-align:center}.landing-free-badge{display:inline-block;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(52,211,153,.3);border-radius:99px;padding:3px 12px;margin-bottom:20px}.landing-free-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px}.landing-free-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.landing-feedback{padding:80px max(5vw,24px);max-width:680px;margin:0 auto;text-align:center}.landing-feedback-title{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.landing-feedback-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:28px}.landing-feedback-mail{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--accent);text-decoration:none;padding:12px 24px;border:1px solid rgba(52,211,153,.3);border-radius:var(--r-lg);background:#34d3990f;transition:all var(--t-base)}.landing-feedback-mail:hover{background:#34d3991f;border-color:#34d39980;transform:translateY(-1px)}.landing-footer{border-top:1px solid var(--border-subtle);padding:28px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer-brand{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-muted)}.landing-footer-brand strong{color:var(--text-secondary)}.landing-footer-links{display:flex;align-items:center;gap:20px;font-size:.8125rem;color:var(--text-muted);flex-wrap:wrap}.landing-footer-links a{color:var(--text-muted);text-decoration:none;transition:color var(--t-fast)}.landing-footer-links a:hover{color:var(--text-secondary)}.terms-page{padding:60px max(5vw,24px)}.terms-container{max-width:760px;margin:0 auto}.terms-header{margin-bottom:48px}.terms-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.terms-meta{font-size:.8125rem;color:var(--text-muted)}.terms-body{display:flex;flex-direction:column;gap:40px}.terms-section h2{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.terms-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:12px}.terms-section ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.terms-section ul li{font-size:.9rem;color:var(--text-secondary);line-height:1.65}.terms-section a{color:var(--accent);text-decoration:none}.terms-section a:hover{text-decoration:underline}.terms-highlight{background:#34d3990f;border:1px solid rgba(52,211,153,.2);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:14px 16px;font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:12px 0}.terms-warning{background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-left:3px solid var(--amber);border-radius:var(--r-md);padding:14px 16px;font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:12px 0}.terms-contact-mail{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--accent);text-decoration:none;padding:10px 20px;border:1px solid rgba(52,211,153,.3);border-radius:var(--r-lg);background:#34d3990f;margin:8px 0;transition:all var(--t-base)}.terms-contact-mail:hover{background:#34d3991f;text-decoration:none!important}.terms-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:60px;padding-top:24px;border-top:1px solid var(--border-subtle)}.terms-lang-switch{display:flex;gap:8px;margin-top:20px}.terms-lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;padding:6px 14px;border-radius:var(--r-md);border:1px solid var(--border-base);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast)}.terms-lang-btn:hover{border-color:var(--border-base);color:var(--text-primary)}.terms-lang-btn.active{background:#34d3991a;border-color:#34d39966;color:var(--accent)}@media (max-width: 640px){.landing-nav,.landing-nav-actions{gap:12px}.landing-footer{flex-direction:column;align-items:flex-start}.landing-hero-ctas,.terms-footer{flex-direction:column}}:root{--bg-base: #0a0d0f;--bg-raised: #0f1318;--bg-elevated: #161c22;--bg-overlay: #1d2530;--bg-input: #111720;--border-subtle: rgba(255, 255, 255, .05);--border-base: rgba(255, 255, 255, .08);--border-focus: rgba(52, 211, 153, .45);--text-primary: #e8edf2;--text-secondary: #8899a6;--text-muted: #4d606e;--text-inverse: #0a0d0f;--accent: #34d399;--accent-dim: rgba(52, 211, 153, .12);--accent-border: rgba(52, 211, 153, .25);--accent-text: #a7f3d0;--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .1);--amber-border: rgba(251, 191, 36, .25);--amber-text: #fde68a;--danger: #f87171;--danger-dim: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .25);--info: #60a5fa;--info-dim: rgba(96, 165, 250, .1);--status-todo: #4d606e;--status-doing: #60a5fa;--status-done: #34d399;--priority-high: #f87171;--priority-medium: #fbbf24;--priority-low: #34d399;--font-ui: "DM Sans", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-data: var(--font-mono);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-accent: 0 0 0 1px var(--accent-border), 0 4px 20px rgba(52, 211, 153, .08);--sidebar-w: 224px;--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.5}.t-display{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}.t-heading{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.t-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.t-body{font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.t-caption{font-size:.75rem;color:var(--text-muted)}.t-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.t-mono{font-family:var(--font-mono);font-size:.8125rem}.t-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:.9375rem}h4{font-size:.875rem;font-weight:500}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:var(--font-ui)}input,textarea,select{font-family:var(--font-ui);font-size:.875rem;background:var(--bg-input);border:1px solid var(--border-base);border-radius:var(--r-md);color:var(--text-primary);padding:var(--s-2) var(--s-3);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #34d3991f}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-overlay)}.app-layout{min-height:100dvh;position:relative}.main-content{margin-left:var(--sidebar-w);min-width:0;padding:var(--s-6) var(--s-8);max-width:calc(1280px + var(--sidebar-w))}.surface{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.surface-elevated{background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--r-md)}.panel{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-5);transition:border-color var(--t-base)}.panel:hover{border-color:var(--border-base)}.panel--accent{border-color:var(--accent-border);background:linear-gradient(160deg,rgba(52,211,153,.04) 0%,var(--bg-raised) 60%)}.stat-slab{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color var(--t-base)}.stat-slab:hover{border-color:var(--border-base)}.stat-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-family:var(--font-data);font-size:1.625rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:.6875rem;color:var(--text-muted);font-weight:500;margin-top:3px}.stat-delta{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;font-weight:600;margin-top:var(--s-1)}.stat-delta--up{color:var(--accent)}.stat-delta--down{color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);font-size:.8125rem;font-weight:500;transition:all var(--t-fast);white-space:nowrap;line-height:1.4}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--text-inverse);font-weight:600}.btn-primary:hover{background:#2dd4aa;box-shadow:0 0 0 3px #34d39933}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-base)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{background:#f871712e}.btn-success{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border)}.btn-success:hover{background:#34d3992e}.btn-sm{padding:var(--s-1) var(--s-3);font-size:.75rem}.btn-xs{padding:3px var(--s-2);font-size:.6875rem;border-radius:var(--r-sm)}.btn-lg{padding:var(--s-3) var(--s-6);font-size:.9375rem}.btn-icon{padding:var(--s-2);aspect-ratio:1;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-sm);font-size:.6875rem;font-weight:600;letter-spacing:.04em}.badge-todo{background:#4d606e33;color:var(--status-todo);border:1px solid rgba(77,96,110,.3)}.badge-doing{background:var(--info-dim);color:var(--status-doing);border:1px solid rgba(96,165,250,.25)}.badge-done{background:var(--accent-dim);color:var(--status-done);border:1px solid var(--accent-border)}.badge-high{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.badge-medium{background:var(--amber-dim);color:var(--amber);border:1px solid var(--amber-border)}.badge-low{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border)}.divider{height:1px;background:var(--border-subtle)}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.section-hdr-left{display:flex;align-items:center;gap:var(--s-3)}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.live-dot--pulse{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 5px #34d39900}}.live-dot--amber{background:var(--amber)}.live-dot--danger{background:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-12) var(--s-6);text-align:center}.empty-state-icon{font-size:1.75rem;opacity:.3}.empty-state h3{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.empty-state p{font-size:.8125rem;color:var(--text-muted);max-width:280px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes count-reveal{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fade-up{animation:fade-up .3s ease both}.fade-in{animation:fade-in .2s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-elevated) 50%,var(--bg-raised) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}.loader{width:16px;height:16px;border:2px solid rgba(52,211,153,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.toast-container{position:fixed;bottom:var(--s-6);right:var(--s-6);z-index:1000;display:flex;flex-direction:column;gap:var(--s-2)}.toast{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-overlay);border:1px solid var(--border-base);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:fade-up .25s ease both;font-size:.8125rem;max-width:300px;min-width:220px}.toast-success{border-color:var(--accent-border)}.toast-error{border-color:var(--danger-border)}.toast-info{border-color:#60a5fa40}.toast-icon{flex-shrink:0;margin-top:1px}.modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-4);animation:fade-in .15s ease;backdrop-filter:blur(4px)}.modal{background:var(--bg-overlay);border:1px solid var(--border-base);border-radius:var(--r-xl);padding:var(--s-6);width:100%;max-width:460px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}.form-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.form-hint{font-size:.6875rem;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content{margin-left:0;padding:var(--s-4);padding-bottom:80px;max-width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal{max-width:100%;margin:0 var(--s-2)}}