.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-size:24px;font-weight:700;color:var(--gray-900)}.dashboard-date{color:var(--gray-500);font-size:14px}.quick-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.this-week-stat{display:flex;flex-direction:column}.this-week-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.this-week-header .quick-stat-emoji{margin-bottom:0;font-size:24px}.this-week-header .quick-stat-label{margin-bottom:0}.this-week-table{width:100%;border-collapse:collapse;font-size:12px}.this-week-table th{text-align:right;font-weight:600;color:var(--gray-500);padding:4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.this-week-table th:first-child{text-align:left}.this-week-table td{padding:4px 8px;text-align:right;color:var(--gray-700)}.this-week-table td.metric-label{text-align:left;color:var(--gray-500);font-size:11px}.this-week-table .tss-row{border-top:1px solid var(--gray-200)}.this-week-table .tss-row td{padding-top:8px;font-weight:600;color:var(--gray-900)}.quick-stat{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.quick-stat-emoji{font-size:32px;display:block;margin-bottom:8px}.quick-stat-label{font-size:13px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.quick-stat-value{font-size:28px;font-weight:700;color:var(--gray-900)}.quick-stat-change{font-size:13px;margin-top:4px}.quick-stat-change.positive{color:var(--success)}.quick-stat-change.negative{color:var(--danger)}.pmc-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.pmc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pmc-title{font-size:18px;font-weight:600}.pmc-legend{display:flex;gap:24px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-600)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.ctl{background:var(--primary)}.legend-dot.atl{background:var(--warning)}.legend-dot.tsb{background:var(--success)}.recent-activities{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.recent-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-100)}.recent-title{font-size:18px;font-weight:600}.view-all-link{color:var(--primary);text-decoration:none;font-size:14px;font-weight:500}.view-all-link:hover{text-decoration:underline}@media (max-width: 1200px){.quick-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.quick-stats{grid-template-columns:repeat(2,1fr)}}.weekly-totals-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.weekly-totals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.weekly-totals-title{font-size:18px;font-weight:600;color:var(--gray-900)}.weekly-totals-count{font-size:13px;color:var(--gray-500)}.weekly-totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.weekly-total-item{display:flex;flex-direction:column;gap:4px}.weekly-total-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.weekly-total-value{font-size:20px;font-weight:600;color:var(--gray-900)}.weekly-totals-sports{padding-top:16px;display:flex;flex-direction:column;gap:12px}.weekly-sport-row{display:flex;align-items:center;gap:12px}.weekly-sport-icon{font-size:18px}.weekly-sport-name{flex:1;font-size:14px;color:var(--gray-700);font-weight:500}.weekly-sport-stat{font-size:14px;color:var(--gray-600);min-width:80px;text-align:right}.weekly-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weekly-column{background:var(--gray-50);border-radius:10px;padding:16px}.weekly-column.planned{border-left:3px solid var(--primary)}.weekly-column.completed{border-left:3px solid var(--success)}.weekly-column-header{font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:12px}.weekly-column-content{display:flex;flex-direction:column;gap:8px}.weekly-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.weekly-stat-row.highlight{border-top:1px solid var(--gray-200);margin-top:4px;padding-top:8px}.weekly-stat-label{font-size:13px;color:var(--gray-600)}.weekly-stat-value{font-size:14px;font-weight:600;color:var(--gray-900)}.weekly-column-empty{font-size:13px;color:var(--gray-400);font-style:italic;text-align:center;padding:20px 0}.today-card{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s;display:flex;flex-direction:column}.today-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-100)}.today-title{font-size:18px;font-weight:600;margin:0}.today-date{font-size:13px;color:var(--gray-500)}.today-content{flex:1;padding:16px 20px}.today-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--gray-500)}.today-empty-emoji{font-size:48px;margin-bottom:12px}.today-empty p{font-size:14px;margin:0}.today-activities{display:flex;flex-direction:column;gap:12px}.today-activity{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border-radius:10px;text-decoration:none;color:inherit;transition:background .2s}.today-activity:hover{background:var(--gray-100)}.today-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.today-activity-icon.running{background:#fef3c7}.today-activity-icon.cycling{background:#dbeafe}.today-activity-icon.swimming{background:#cffafe}.today-activity-info{flex:1;min-width:0}.today-activity-name{font-weight:600;font-size:14px;color:var(--gray-800);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-activity-meta{font-size:13px;color:var(--gray-500);margin:0}.today-activity-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.status-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px}.status-badge.planned{background:var(--primary-light);color:var(--primary)}.status-badge.completed{background:#dcfce7;color:#16a34a}.today-activity-tss{font-size:12px;font-weight:600;color:var(--gray-600)}.pmc-half{min-width:0}.mobile-metrics-compact{display:none}@media (max-width: 768px){.quick-stats{grid-template-columns:1fr}.quick-stat.desktop-only{display:none}.mobile-metrics-compact{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.compact-metric{display:flex;align-items:center;gap:10px;padding:8px;background:var(--gray-50);border-radius:8px}.compact-emoji{font-size:24px;flex-shrink:0}.compact-info{display:flex;flex-direction:column;min-width:0}.compact-label{font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin:0}.compact-value{font-size:20px;font-weight:700;color:var(--gray-900);margin:0;line-height:1.2}.pmc-legend{display:none}.weekly-totals-grid{grid-template-columns:repeat(2,1fr)}.weekly-columns{grid-template-columns:1fr}.today-activity{flex-wrap:wrap}.today-activity-status{width:100%;flex-direction:row;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--gray-200)}}.calorie-stat{min-width:140px}.calorie-breakdown{display:flex;flex-direction:column;gap:4px;margin-top:8px}.calorie-row{display:flex;justify-content:space-between;font-size:13px}.calorie-row.net{border-top:1px solid var(--gray-200);padding-top:4px;margin-top:2px;font-weight:600}.calorie-label{color:var(--gray-500)}.calorie-value{color:var(--gray-900)}.calorie-value.exercise,.calorie-value.deficit{color:#10b981}.calorie-value.surplus{color:#f59e0b}.compact-value.deficit{color:#10b981!important}.compact-value.surplus{color:#f59e0b!important}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50);padding:20px}.auth-card{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.auth-logo{font-size:32px;letter-spacing:-1px}.auth-logo .logo-ai,.logo-text .logo-ai{color:var(--primary);font-weight:800}.auth-header p{font-size:14px;color:var(--gray-500)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:14px;font-weight:500;color:var(--text-secondary)}.auth-form input{padding:10px 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;background:var(--bg-card);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.auth-form input::placeholder{color:var(--gray-400)}.auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.auth-form input:disabled{background:var(--gray-50);cursor:not-allowed}.form-footer{display:flex;justify-content:flex-end}.forgot-link{font-size:13px;color:var(--primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button:not(:disabled):active{transform:scale(.98)}.auth-button.primary{background:var(--primary);color:#fff}.auth-button.primary:not(:disabled):hover{background:var(--primary-dark, #1d4ed8)}.auth-button.google{background:var(--bg-card);border:1px solid var(--gray-200);color:var(--text-primary)}.auth-button.google:not(:disabled):hover{background:var(--gray-100)}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-divider span{font-size:13px;color:var(--gray-400)}.auth-switch{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.error-dismiss{background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--gray-50)}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading p{color:var(--gray-500);font-size:14px}@media (max-width: 480px){.auth-card{padding:24px}.auth-header h1{font-size:20px}}.migration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.migration-card{background:var(--bg-card);border-radius:12px;padding:32px;width:100%;max-width:440px;box-shadow:0 20px 40px #0003}.migration-card h2{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.migration-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.migration-stats{display:flex;gap:16px;padding:16px;background:var(--gray-50);border-radius:8px;margin-bottom:16px}.migration-stat{flex:1;text-align:center}.migration-stat .stat-value{display:block;font-size:24px;font-weight:700;color:var(--primary)}.migration-stat .stat-label{display:block;font-size:12px;color:var(--gray-500);margin-top:4px}.migration-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.migration-progress{padding:20px 0}.progress-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-top:16px}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50);padding:20px}.auth-subtitle{font-size:14px;color:var(--gray-500);margin-top:8px}.verification-content{text-align:center}.verification-icon{color:var(--primary);margin-bottom:20px}.verification-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.verification-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.verification-email{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-primary{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-primary:hover{background:var(--primary-dark, #1d4ed8)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-secondary:hover{background:var(--gray-100)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.verification-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-100)}.verification-footer p{font-size:14px;color:var(--gray-500)}.link-btn{background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.error-close{background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0;line-height:1}@media (prefers-color-scheme: dark){.auth-container{background:#111827}.auth-card{background:#1f2937;box-shadow:0 4px 20px #0000004d}.auth-header h1{color:#f9fafb}.auth-header p,.auth-subtitle{color:#9ca3af}.auth-form label{color:#d1d5db}.auth-form input{background:#374151;border-color:#4b5563;color:#f9fafb}.auth-form input::placeholder{color:#6b7280}.auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.auth-button.google{background:#374151;border-color:#4b5563;color:#f9fafb}.auth-button.google:not(:disabled):hover{background:#4b5563}.auth-divider:before,.auth-divider:after{background:#4b5563}.auth-divider span{color:#6b7280}.auth-switch{color:#9ca3af}.auth-loading{background:#111827}.auth-loading p{color:#9ca3af}.migration-card{background:#1f2937}.migration-card h2{color:#f9fafb}.migration-card p{color:#9ca3af}.migration-stats{background:#374151}.verification-title{color:#f9fafb}.verification-text{color:#9ca3af}.verification-email{color:#f9fafb}.btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.btn-secondary:hover{background:#4b5563}.verification-footer{border-top-color:#374151}.verification-footer p{color:#9ca3af}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 24px;z-index:100;transition:background-color .2s}.header-logo{font-size:22px;font-weight:700;text-decoration:none}.logo-text{color:var(--gray-800);letter-spacing:-.5px}.logo-ai{color:var(--primary);font-weight:800}.theme-ocean .logo-text{color:#134e4a}.theme-ocean .logo-ai{color:#be123c}.theme-forest .logo-text{color:#14532d}.theme-forest .logo-ai{color:#9f1239}.theme-sunset .logo-text{color:#7c2d12}.theme-sunset .logo-ai{color:#7c3aed}.theme-lavender .logo-text{color:#581c87}.theme-lavender .logo-ai{color:#b45309}.header-actions{margin-left:auto;display:flex;gap:12px}.streak-badges{display:flex;gap:8px;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.streak-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:20px;padding:4px 10px;cursor:help;transition:all .2s ease;position:relative}.streak-badge:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--gray-100) 100%);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.streak-icon{font-size:14px;line-height:1}.streak-count{font-size:13px;font-weight:700;color:var(--text-primary);min-width:16px;text-align:center}.streak-badge[title]{position:relative}@media (max-width: 768px){.streak-badges{display:none}}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--gray-200);padding:20px 0;overflow-y:auto;transition:width .3s ease,background-color .2s;display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 auto 16px;background:var(--gray-100);border:none;border-radius:6px;cursor:pointer;color:var(--gray-600);transition:all .2s}.sidebar-toggle:hover{background:var(--gray-200);color:var(--gray-900)}.sidebar-toggle svg{width:16px;height:16px}.sidebar-nav{list-style:none}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--gray-600);text-decoration:none;font-weight:500;transition:all .2s;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-nav a{padding:12px;justify-content:center}.sidebar.collapsed .sidebar-nav a .nav-text{display:none}.sidebar-nav a:hover{background:var(--gray-50);color:var(--gray-900)}.sidebar-nav a.active{background:var(--primary);color:#fff}.sidebar-nav svg{width:20px;height:20px;flex-shrink:0}.nav-emoji{font-size:20px;flex-shrink:0;line-height:1}.sidebar.collapsed .nav-emoji{font-size:22px}.sidebar-footer{margin-top:auto;padding:20px 24px;border-top:1px solid var(--gray-200);text-align:center}.sidebar-sports{font-size:24px;letter-spacing:8px;margin-bottom:8px}.sidebar-motto{font-size:11px;color:var(--gray-400);font-style:italic;letter-spacing:.5px}.sidebar-collapsed .main-content{margin-left:60px}.upload-zone{border:2px dashed var(--gray-300);border-radius:12px;padding:40px;text-align:center;transition:all .2s;cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:#3b82f60d}.upload-zone-icon{font-size:48px;margin-bottom:16px}.upload-zone-text{color:var(--gray-600);margin-bottom:8px}.upload-zone-hint{color:var(--gray-400);font-size:14px}.activity-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--gray-100);transition:background .2s}.activity-item:hover{background:var(--gray-50)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:20px}.activity-icon.running{background:#fef3c7}.activity-icon.cycling{background:#dbeafe}.activity-icon.swimming{background:#cffafe}.activity-info{flex:1}.activity-name{font-weight:600;color:var(--gray-800);margin-bottom:4px}.activity-meta{font-size:14px;color:var(--gray-500)}.activity-stats{display:flex;gap:24px;text-align:right}.activity-stat-value{font-weight:600;color:var(--gray-800)}.activity-stat-label{font-size:12px;color:var(--gray-400)}.settings-form{max-width:500px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px;color:var(--gray-700)}.form-hint{font-size:13px;color:var(--gray-500);margin-top:6px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metric-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.metric-card.ctl{border-left:4px solid var(--primary)}.metric-card.atl{border-left:4px solid var(--warning)}.metric-card.tsb{border-left:4px solid var(--success)}.metric-card.tsb.negative{border-left-color:var(--danger)}.chart-container{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:18px;font-weight:600}.chart-controls{display:flex;gap:8px}.chart-btn{padding:6px 12px;font-size:13px;background:var(--gray-100);color:var(--gray-600);border-radius:6px}.chart-btn.active{background:var(--primary);color:#fff}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--gray-200);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;text-decoration:none;color:var(--gray-500);transition:color .2s;flex:1}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon{font-size:22px;line-height:1;margin-bottom:2px}.mobile-nav-label{font-size:10px;font-weight:500}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding-bottom:70px;margin-left:0!important}.app-footer{display:none}.metrics-grid{grid-template-columns:1fr}.activity-stats{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:8px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--gray-500)}.modal-close:hover{background:var(--gray-200)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--gray-100)}.activity-modal{max-width:520px}.activity-modal .modal-header{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.activity-modal-table{width:100%;border-collapse:collapse;font-size:13px}.activity-modal-table th{text-align:left;padding:8px 10px;color:var(--gray-500);font-weight:600;font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--gray-200)}.activity-modal-table th:nth-child(2),.activity-modal-table th:nth-child(3){text-align:center}.activity-modal-table td{padding:8px 10px;border-bottom:1px solid var(--gray-100)}.activity-modal-table td:first-child{font-weight:500;color:var(--gray-700)}.activity-modal-table td:nth-child(2),.activity-modal-table td:nth-child(3){text-align:center}.activity-modal-table td:nth-child(3){font-weight:600;color:var(--gray-900)}.theme-toggle-button{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);cursor:pointer;transition:all .15s;margin-right:8px}.theme-toggle-button:hover{background:var(--gray-100);border-color:var(--primary)}.theme-name{font-size:13px;font-weight:500;color:var(--text-primary)}.theme-icon{font-size:18px}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:opacity .15s}.user-menu-button:hover{opacity:.8}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:200;overflow:hidden}.user-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--gray-100)}.user-name{font-weight:600;color:var(--gray-900);font-size:14px;margin-bottom:2px}.user-email{font-size:13px;color:var(--gray-500)}.user-dropdown-divider{height:1px;background:var(--gray-100)}.user-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:14px;color:var(--gray-700);text-decoration:none;text-align:left;background:none;border:none;cursor:pointer;transition:background .15s}.user-dropdown-item:hover{background:var(--gray-50)}.user-dropdown-item.logout{color:var(--danger)}.app-footer{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:var(--bg-card);border-top:1px solid var(--gray-200);padding:8px 16px;z-index:50;transition:left .3s ease,background-color .2s}.sidebar-collapsed .app-footer{left:60px}.footer-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--gray-500);flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:6px}.footer-logo{font-size:14px;font-weight:700;color:var(--gray-700);letter-spacing:-.3px}.footer-logo .logo-ai{color:var(--primary);font-weight:800}.theme-ocean .footer-logo{color:#134e4a}.theme-ocean .footer-logo .logo-ai{color:#be123c}.theme-forest .footer-logo{color:#14532d}.theme-forest .footer-logo .logo-ai{color:#9f1239}.theme-sunset .footer-logo{color:#7c2d12}.theme-sunset .footer-logo .logo-ai{color:#7c3aed}.theme-lavender .footer-logo{color:#581c87}.theme-lavender .footer-logo .logo-ai{color:#b45309}.footer-version{font-size:10px;color:var(--gray-400);background:var(--gray-100);padding:1px 5px;border-radius:3px;font-family:monospace}.footer-separator{color:var(--gray-300)}.footer-link{font-size:12px;color:var(--gray-500);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--primary)}.coffee-link{color:#ff813f}.coffee-link:hover{color:#e06a2e}.footer-copyright{color:var(--gray-500)}.footer-tagline{color:var(--gray-400);font-style:italic}@media (max-width: 768px){.app-footer{left:0}.footer-content{gap:8px;font-size:11px}.footer-separator{display:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:24px}.error-boundary-content{text-align:center;max-width:480px}.error-boundary .error-icon{width:80px;height:80px;border-radius:50%;background:var(--danger);color:#fff;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.error-boundary h1{font-size:24px;color:var(--gray-800);margin-bottom:12px}.error-boundary p{color:var(--gray-600);margin-bottom:24px;line-height:1.5}.error-actions{display:flex;gap:12px;justify-content:center}.error-details{margin-top:24px;text-align:left;background:var(--gray-100);border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:500;color:var(--gray-700);margin-bottom:12px}.error-details pre{font-size:12px;overflow-x:auto;color:var(--danger);white-space:pre-wrap;word-break:break-word}.about-page{max-width:900px;margin:0 auto;padding:24px}.about-header{margin-bottom:32px}.about-back-link{display:inline-block;color:var(--primary);text-decoration:none;font-size:14px;margin-bottom:16px}.about-back-link:hover{text-decoration:underline}.about-title{display:flex;align-items:baseline;gap:12px}.about-logo{font-size:32px;font-weight:700;color:var(--gray-800);letter-spacing:-.5px}.about-logo .logo-ai{color:var(--primary);font-weight:800}.about-version{font-size:14px;color:var(--gray-500);font-weight:500}.about-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--gray-200);padding-bottom:16px}.about-tab{padding:8px 16px;border:none;background:var(--gray-100);color:var(--gray-600);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.about-tab:hover{background:var(--gray-200);color:var(--gray-800)}.about-tab.active{background:var(--primary);color:#fff}.about-content{background:var(--bg-card);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.about-section h2{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:16px}.about-section h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:24px 0 12px}.about-section h4{font-size:15px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.about-section p{color:var(--gray-600);line-height:1.6;margin-bottom:12px}.about-section ul,.about-section ol{margin:12px 0;padding-left:24px;color:var(--gray-600)}.about-section li{margin-bottom:8px;line-height:1.5}.about-tagline{font-size:18px;color:var(--primary);font-weight:500;margin-bottom:24px}.feature-category{margin-bottom:32px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.feature-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:16px}.feature-card h4{color:var(--primary);margin-bottom:8px}.feature-card p{font-size:13px;margin:0}.changelog-entry{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}.changelog-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.changelog-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.changelog-version{font-size:18px;font-weight:700;color:var(--primary)}.changelog-date{font-size:14px;color:var(--gray-500)}.changelog-list{margin:0;padding-left:20px}.changelog-list li{font-size:14px;margin-bottom:6px}.roadmap-intro{margin-bottom:24px}.roadmap-list{display:flex;flex-direction:column;gap:16px}.roadmap-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:16px;border-left:4px solid var(--gray-400)}.roadmap-item.roadmap-in-progress{border-left-color:var(--success)}.roadmap-item.roadmap-planned{border-left-color:var(--primary)}.roadmap-item.roadmap-considering{border-left-color:var(--warning)}.roadmap-item.roadmap-completed{border-left-color:var(--gray-500);opacity:.8}.roadmap-status{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:8px}.roadmap-status.status-in-progress{background:#22c55e1a;color:var(--success)}.roadmap-status.status-planned{background:#3b82f61a;color:var(--primary)}.roadmap-status.status-considering{background:#f59e0b1a;color:var(--warning)}.roadmap-status.status-completed{background:#6b72801a;color:var(--gray-500)}.roadmap-item h4{margin-bottom:4px}.roadmap-item p{font-size:14px;margin:0}.support-content,.legal-content{display:flex;flex-direction:column;gap:24px}.support-card,.legal-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:20px}.support-card h3,.legal-card h3{margin-top:0;margin-bottom:12px}.faq-item-about{margin-bottom:16px}.faq-item-about strong{display:block;color:var(--gray-800);margin-bottom:4px}.faq-item-about p{font-size:14px;margin:0}.faq-item-about.faq-trademark{margin-top:24px;padding-top:16px;border-top:1px solid var(--gray-200)}.faq-item-about.faq-trademark p{font-size:12px;color:var(--gray-500);font-style:italic}.feedback-intro{font-size:16px;margin-bottom:24px}.feedback-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.feedback-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:20px;text-align:center}.feedback-card h3{margin-top:0;font-size:16px}.feedback-card p{font-size:14px;margin-bottom:16px}.feedback-button{display:inline-block;padding:10px 20px;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background .2s}.feedback-button:hover{background:var(--primary-dark)}.feedback-button.coffee{background:#fd0;color:#000}.feedback-button.coffee:hover{background:#e5c700}@media (max-width: 768px){.about-page{padding:16px}.about-content{padding:20px}.about-tabs{gap:6px}.about-tab{padding:6px 12px;font-size:13px}.feature-grid,.feedback-options{grid-template-columns:1fr}}.sync-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--gray-200);border-left:4px solid #FC4C02;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary);z-index:1000;animation:slideUp .3s ease-out}.sync-toast-icon{display:flex;align-items:center}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.quote-popup{position:fixed;bottom:24px;left:24px;max-width:420px;display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px #0000004d;z-index:1000;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.quote-popup.visible{opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer}.quote-popup-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.quote-popup-content{font-size:14px;line-height:1.6;color:#e2e8f0}@media (max-width: 768px){.quote-popup{left:12px;right:12px;max-width:none;bottom:80px}}.rpe-input{display:flex;flex-direction:column;gap:8px}.rpe-label{font-size:14px;font-weight:500;color:var(--gray-700)}.rpe-buttons{display:flex;gap:6px;flex-wrap:nowrap}.rpe-button{width:34px;height:34px;border:2px solid var(--gray-300);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--gray-600);flex-shrink:0;display:flex;justify-content:center;align-items:center}.rpe-button:hover{border-color:var(--gray-400);background:var(--gray-100);transform:scale(1.05)}.rpe-button--selected{color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0003}.rpe-button.rpe-easy.rpe-button--selected{background:#22c55e;border-color:#22c55e}.rpe-button.rpe-moderate.rpe-button--selected{background:#eab308;border-color:#eab308}.rpe-button.rpe-hard.rpe-button--selected{background:#f97316;border-color:#f97316}.rpe-button.rpe-max.rpe-button--selected{background:#ef4444;border-color:#ef4444}.rpe-description{font-size:13px;color:var(--gray-500)}.rpe-input--compact .rpe-buttons{gap:4px}.rpe-input--compact .rpe-button{width:28px;height:28px;font-size:11px;border-radius:6px}.rpe-display{display:inline-block;padding:4px 10px;border-radius:6px;font-size:14px;font-weight:600}.rpe-display.rpe-easy{background:#dcfce7;color:#16a34a}.rpe-display.rpe-moderate{background:#fef9c3;color:#ca8a04}.rpe-display.rpe-hard{background:#ffedd5;color:#ea580c}.rpe-display.rpe-max{background:#fee2e2;color:#dc2626}.feeling-input{display:flex;flex-direction:column;gap:8px}.feeling-label{font-size:14px;font-weight:500;color:var(--gray-700)}.feeling-buttons{display:flex;gap:8px}.feeling-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid var(--gray-300);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:all .15s}.feeling-button:hover{border-color:var(--gray-400);background:var(--gray-100);transform:scale(1.05)}.feeling-button--selected{border-color:var(--primary);background:var(--primary);transform:scale(1.1);box-shadow:0 2px 8px #0003}.feeling-emoji{font-size:24px;line-height:1}.feeling-text{display:none}.feeling-input--compact .feeling-buttons{gap:6px}.feeling-input--compact .feeling-button{width:40px;height:40px;border-radius:10px}.feeling-input--compact .feeling-emoji{font-size:20px}.feeling-display{font-size:14px;font-weight:500;color:var(--gray-700)}.feedback-modal{max-width:620px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.feedback-modal-content{flex:1;overflow-y:auto;padding:0 20px 20px}.feedback-intro{color:var(--gray-500);font-size:14px;margin-bottom:20px;line-height:1.5}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-item{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.feedback-item-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}.feedback-sport-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:10px}.feedback-item-info{flex:1}.feedback-item-name{font-weight:600;color:var(--gray-900);font-size:15px;margin-bottom:2px}.feedback-item-date{font-size:13px;color:var(--gray-500)}.feedback-inputs{display:flex;flex-direction:column;gap:16px}.feedback-input-row{display:flex;align-items:center;gap:16px}.feedback-input-label{font-size:13px;font-weight:600;color:var(--gray-600);min-width:55px}@media (max-width: 600px){.feedback-modal{max-width:100%;margin:16px}.feedback-input-row{flex-direction:column;align-items:flex-start;gap:8px}.rpe-input--compact .rpe-button{width:26px;height:26px;font-size:10px}.feeling-input--compact .feeling-button{width:36px;height:36px}.feeling-input--compact .feeling-emoji{font-size:18px}}.health-page{padding:20px;max-width:1200px;margin:0 auto}.health-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.health-page .page-header h1{margin:0;font-size:24px;color:var(--gray-800)}.date-range-selector{display:flex;align-items:center;gap:8px}.date-range-selector label{color:var(--gray-600);font-size:14px}.date-range-selector select{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-card);color:var(--gray-800);font-size:14px;cursor:pointer}.health-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.health-card{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:box-shadow .2s}.health-card:hover{box-shadow:0 4px 12px #00000014}.health-card-icon{font-size:28px;line-height:1}.health-card-content{flex:1}.health-card-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.health-card-value{font-size:24px;font-weight:600;color:var(--gray-800);line-height:1.2}.health-card-avg{font-size:12px;color:var(--gray-500);margin-top:4px}.health-table-container{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.health-table-container h2{margin:0 0 16px;font-size:18px;color:var(--gray-800)}.health-table-wrapper{overflow-x:auto}.health-table{width:100%;border-collapse:collapse;font-size:14px}.health-table th,.health-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--gray-200)}.health-table th{font-weight:600;color:var(--gray-600);background:var(--gray-50);white-space:nowrap}.health-table td{color:var(--gray-800)}.health-table tr:hover td{background:var(--gray-50)}.health-table td small{color:var(--gray-500)}.no-data-message{text-align:center;padding:40px 20px;color:var(--gray-500)}.no-data-message small{display:block;margin-top:8px;color:var(--gray-400)}@media (max-width: 768px){.health-page{padding:16px}.health-page .page-header{flex-direction:column;align-items:flex-start}.health-summary-grid{grid-template-columns:repeat(2,1fr)}.health-card{padding:12px}.health-card-value{font-size:20px}.health-table th,.health-table td{padding:8px 6px;font-size:13px}}.celebration-overlay{background:#000000b3}.celebration-modal{max-width:480px;width:95%;background:linear-gradient(135deg,var(--bg-card) 0%,var(--gray-50) 100%);border:2px solid #ffd700;position:relative;overflow:hidden}.confetti-container{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(500px) rotate(720deg);opacity:0}}.celebration-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--gray-200);position:relative}.celebration-emoji{font-size:36px;animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.celebration-title{font-size:22px;font-weight:700;color:var(--gray-900);margin:0;flex:1}.celebration-content{padding:20px 24px}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:10px;border:1px solid var(--gray-200)}.record-icon{font-size:28px;flex-shrink:0}.record-details{flex:1;min-width:0}.record-metric{font-size:13px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.record-value{font-size:22px;font-weight:700;color:var(--gray-900)}.record-previous{font-size:13px;color:var(--gray-500);font-weight:400}.record-alltime{font-size:12px;color:var(--gray-400);font-style:italic}.record-activity{font-size:12px;color:var(--gray-400);margin-top:4px}.record-badges{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.record-badge{font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.record-badge.all-time{background:linear-gradient(135deg,gold,#ffb700);color:#7c5c00;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.record-badge.ytd{background:#dcfce7;color:#166534}.record-badge.last-year{background:#dbeafe;color:#1e40af}.record-badge.days-180{background:#fef3c7;color:#92400e}.record-badge.days-90{background:var(--gray-100);color:var(--gray-600)}.threshold-section{margin-top:16px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--gray-300)}.threshold-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.threshold-icon{font-size:32px;flex-shrink:0}.threshold-details{flex:1}.threshold-message{font-size:15px;color:var(--gray-100);margin:0 0 8px}.threshold-values,.threshold-current{font-size:13px;color:var(--gray-400);margin:4px 0}.threshold-suggestion{text-align:center;padding-top:16px;border-top:1px solid var(--gray-300)}.threshold-suggestion p{font-size:13px;color:var(--gray-400);margin:0 0 8px}.suggested-value{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:12px}.update-threshold-btn{width:100%}.celebration-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-200)}.view-activity-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.celebration-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid #ffd700;border-left:4px solid #ffd700;padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;align-items:center;gap:12px;z-index:1001;cursor:pointer;animation:slideUp .3s ease-out;max-width:90%}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:var(--gray-900)}.toast-message{font-size:13px;color:var(--gray-600)}.toast-close{font-size:18px;color:var(--gray-400);background:none;border:none;cursor:pointer;padding:4px;line-height:1}.toast-close:hover{color:var(--gray-600)}@media (max-width: 600px){.celebration-modal{margin:16px}.celebration-header{padding:16px}.celebration-emoji{font-size:28px}.celebration-title{font-size:18px}.celebration-content{padding:16px}.record-item{flex-wrap:wrap}.record-badges{width:100%;flex-direction:row;margin-top:8px}.celebration-footer{padding:12px 16px;flex-direction:column}.celebration-footer button,.celebration-footer a{width:100%;text-align:center}.celebration-toast{bottom:90px;left:12px;right:12px;transform:none;max-width:none}}.toast-container{position:fixed;top:80px;right:24px;z-index:10001;display:flex;flex-direction:column;gap:8px;max-width:400px}.app-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;cursor:pointer;animation:slideInRight .3s ease;color:var(--text-primary);font-size:14px}.app-toast-success{border-left:4px solid var(--success)}.app-toast-error{border-left:4px solid var(--danger)}.app-toast-warning{border-left:4px solid var(--warning)}.app-toast-info{border-left:4px solid var(--primary)}.app-toast-icon{font-size:16px;flex-shrink:0}.app-toast-success .app-toast-icon{color:var(--success)}.app-toast-error .app-toast-icon{color:var(--danger)}.app-toast-warning .app-toast-icon{color:var(--warning)}.app-toast-info .app-toast-icon{color:var(--primary)}.app-toast-message{flex:1;line-height:1.4}.confirm-dialog .modal-footer{display:flex;justify-content:flex-end;gap:12px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:auto;bottom:80px;right:12px;left:12px;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--sidebar-width: 240px;--header-height: 60px;--bg-primary: #f9fafb;--bg-card: white;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}.theme-light{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--bg-primary: #f9fafb;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--weekend-bg: #f0f0f5}.theme-dark{--primary: #3b82f6;--primary-dark: #60a5fa;--primary-light: #1e3a5f;--bg-primary: #111827;--bg-card: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--weekend-bg: #252d3d}.theme-midnight{--primary: #818cf8;--primary-dark: #a5b4fc;--primary-light: #312e81;--bg-primary: #0f172a;--bg-card: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff;--weekend-bg: #1a2744}.theme-midnight body,body.theme-midnight{background-image:radial-gradient(#818cf840 1px,transparent 1px);background-size:24px 24px}.theme-ocean{--primary: #0891b2;--primary-dark: #0e7490;--primary-light: #cffafe;--bg-primary: #ecfeff;--bg-card: #ffffff;--text-primary: #164e63;--text-secondary: #0e7490;--gray-50: #f0fdfa;--gray-100: #ccfbf1;--gray-200: #99f6e4;--gray-300: #5eead4;--gray-400: #2dd4bf;--gray-500: #14b8a6;--gray-600: #0d9488;--gray-700: #0f766e;--gray-800: #115e59;--gray-900: #134e4a;--weekend-bg: #d5f5f6}body.theme-ocean{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath fill='none' stroke='%230891b2' stroke-width='1' opacity='0.15' d='M0 10 Q25 0 50 10 T100 10'/%3E%3C/svg%3E");background-size:120px 24px;background-position:bottom}.theme-forest{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #dcfce7;--bg-primary: #f0fdf4;--bg-card: #ffffff;--text-primary: #14532d;--text-secondary: #166534;--gray-50: #f0fdf4;--gray-100: #dcfce7;--gray-200: #bbf7d0;--gray-300: #86efac;--gray-400: #4ade80;--gray-500: #22c55e;--gray-600: #16a34a;--gray-700: #15803d;--gray-800: #166534;--gray-900: #14532d;--weekend-bg: #d9f5e3}body.theme-forest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%2316a34a' opacity='0.07' d='M30 5 Q38 20 30 35 Q22 20 30 5'/%3E%3C/svg%3E");background-size:60px 60px}.theme-sunset{--primary: #ea580c;--primary-dark: #c2410c;--primary-light: #ffedd5;--bg-primary: #fff7ed;--bg-card: #ffffff;--text-primary: #7c2d12;--text-secondary: #c2410c;--gray-50: #fff7ed;--gray-100: #ffedd5;--gray-200: #fed7aa;--gray-300: #fdba74;--gray-400: #fb923c;--gray-500: #f97316;--gray-600: #ea580c;--gray-700: #c2410c;--gray-800: #9a3412;--gray-900: #7c2d12;--weekend-bg: #fde8d5}body.theme-sunset{background:linear-gradient(135deg,#fff7ed,#fef3c7 40%,#fecaca40)}.theme-lavender{--primary: #9333ea;--primary-dark: #7e22ce;--primary-light: #f3e8ff;--bg-primary: #faf5ff;--bg-card: #ffffff;--text-primary: #581c87;--text-secondary: #7e22ce;--gray-50: #faf5ff;--gray-100: #f3e8ff;--gray-200: #e9d5ff;--gray-300: #d8b4fe;--gray-400: #c084fc;--gray-500: #a855f7;--gray-600: #9333ea;--gray-700: #7e22ce;--gray-800: #6b21a8;--gray-900: #581c87;--weekend-bg: #f0e5fa}body.theme-lavender{background-image:radial-gradient(#9333ea20 2px,transparent 2px);background-size:20px 20px}.font-small{font-size:13px}.font-small .metric-value{font-size:26px}.font-small .card-title{font-size:16px}.font-medium{font-size:14px}.font-large{font-size:16px}.font-large .metric-value{font-size:38px}.font-large .card-title{font-size:20px}.font-large .calendar-day-content{font-size:13px}.font-large .day-number{font-size:15px}.font-large .day-metrics-summary,.font-large .day-metrics-summary span{font-size:11px}.font-large .calendar-activity{font-size:12px;padding:4px 6px}.font-small .calendar-day-content{font-size:9px}.font-small .day-number{font-size:11px}.font-small .calendar-activity{font-size:9px;padding:2px 4px}.font-large table{font-size:15px}.font-small table{font-size:12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .2s,color .2s}.app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1;padding-top:var(--header-height)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:24px 24px 60px;min-height:calc(100vh - var(--header-height));transition:margin-left .3s ease}button{cursor:pointer;border:none;border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.secondary{background:var(--gray-200);color:var(--gray-700)}button.secondary:hover{background:var(--gray-300)}input,select,textarea{border:1px solid var(--gray-300);border-radius:6px;padding:8px 12px;font-size:14px;width:100%;background:var(--bg-card);color:var(--text-primary);transition:background-color .2s,border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.card{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:background-color .2s}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:600;color:var(--gray-800)}.metric-value{font-size:32px;font-weight:700}.metric-label{font-size:14px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content{margin-left:0;padding:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}