:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.profile-picture-upload{position:relative;display:inline-block}.profile-picture-container{position:relative;transition:all .2s ease}.profile-picture-container:hover{border-color:#007bff!important;transform:scale(1.02)}.profile-picture-container:hover .upload-overlay{opacity:1}.upload-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .2s ease;font-size:14px;color:#fff;cursor:pointer}.upload-loading{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10}.spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-options{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;min-width:180px;z-index:1000;animation:slideIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.upload-option-btn{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease}.upload-option-btn:hover{background-color:#f8f9fa}.upload-option-btn:disabled{opacity:.6;cursor:not-allowed}.upload-option-btn.remove-btn{color:#dc3545;border-top:1px solid #dee2e6;margin-top:4px;padding-top:12px}.upload-option-btn.remove-btn:hover{background-color:#f8d7da}@media (max-width: 768px){.upload-options{left:0;transform:none;min-width:160px}.upload-option-btn{font-size:13px;padding:10px 12px}}.feedback-tile{position:relative;display:inline-block}.feedback-button{background:#1f2937;color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.feedback-button:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.feedback-button:active{transform:translateY(0)}.feedback-dropdown{position:absolute;top:50px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;z-index:1000;animation:fadeInUp .2s ease-out}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #f3f4f6;font-weight:600;color:#1f2937}.close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background:#f3f4f6}.feedback-options{padding:8px}.feedback-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;text-align:left}.feedback-option:hover{background:#f9fafb}.feedback-option.bug-report:hover{background:#fef2f2}.feedback-option.feature-request:hover{background:#f0f9ff}.option-icon{font-size:20px;flex-shrink:0}.option-content{flex:1}.option-content strong{display:block;color:#1f2937;font-size:14px;margin-bottom:2px}.option-content small{color:#6b7280;font-size:12px;line-height:1.3}.feedback-footer{padding:12px 20px 16px;border-top:1px solid #f3f4f6;text-align:center}.feedback-footer small{color:#9ca3af;font-size:11px}@media (max-width: 768px){.feedback-dropdown{right:-10px;min-width:260px}.feedback-button{width:24px;height:24px;font-size:10px}}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px 12px 0 0}.feedback-modal-header h2{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background:#f8f9fa;color:#495057}.feedback-form{padding:24px}.status-message{margin:0 24px 20px;padding:12px 16px;border-radius:6px;font-size:14px}.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.feedback-type-selector{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.feedback-type-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#495057;transition:color .2s}.feedback-type-selector label:hover{color:#28a745}.feedback-type-selector input[type=radio]{margin:0;transform:scale(1.1)}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;font-weight:600;color:#2c3e50;font-size:14px}.form-field label:after{content:""}.form-field input,.form-field textarea,.form-field select{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-field textarea{resize:vertical;min-height:80px}.form-field small{display:block;margin-top:4px;color:#6c757d;font-size:12px}.form-row{display:flex;gap:16px}.form-row .form-field{flex:1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e9ecef}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:100px}.btn-primary{background:#28a745;color:#fff}.btn-primary:hover:not(:disabled){background:#1e7e34;transform:translateY(-1px);box-shadow:0 2px 4px #28a74533}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d33}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.form-field input[maxlength],.form-field textarea[maxlength]{position:relative}@media (max-width: 768px){.feedback-modal{width:95%;margin:10px;max-height:95vh}.feedback-modal-header{padding:16px 20px}.feedback-form{padding:20px}.form-row{flex-direction:column;gap:0}.feedback-type-selector{flex-direction:column;gap:12px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.productivity-folders-container{position:relative;pointer-events:none}.productivity-folders-container>*{pointer-events:auto}.productivity-folder{position:fixed;right:0;top:60px;height:calc(100vh - 60px);background:#fff;box-shadow:-2px 0 10px #0000001a;border-left:1px solid var(--border-light);transition:all .3s ease;z-index:90;display:flex;flex-direction:column}.productivity-folder.collapsed{width:35px;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.productivity-folder.collapsed:hover{width:45px;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.folder-tab{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 0;color:#fff;text-align:center}.folder-icon{font-size:20px;margin-bottom:15px;transition:transform .2s ease}.productivity-folder.collapsed:hover .folder-icon{transform:scale(1.1)}.folder-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:20px;line-height:1.2}.folder-preview{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;background:#fff3;padding:8px 4px;border-radius:4px;margin-top:auto}.productivity-folder.expanded{width:320px;min-width:320px;max-width:320px;background:#fff;overflow:hidden;animation:slideInRight .3s ease-out}.productivity-folder.expanded.projects-folder{width:360px;min-width:360px;max-width:360px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.folder-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2)}.folder-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.collapse-btn{background:#fff3;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.folder-content{flex:1;overflow-y:auto;padding:0;background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.folder-stats{padding:12px 20px;background:#fffc;border-top:1px solid var(--border-light);margin-top:auto}.stat-summary{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.stat-icon{font-size:14px}.habits-folder .folder-header,.habits-folder.collapsed{background:linear-gradient(135deg,#9c27b0,#e91e63)}.habits-folder.collapsed:hover{background:linear-gradient(135deg,#8e24aa,#d81b60)}.goals-folder .folder-header,.goals-folder.collapsed{background:linear-gradient(135deg,#ff9800,#ff5722)}.goals-folder.collapsed:hover{background:linear-gradient(135deg,#f57c00,#e64a19)}.projects-folder .folder-header,.projects-folder.collapsed{background:linear-gradient(135deg,#3f51b5,#2196f3)}.projects-folder.collapsed:hover{background:linear-gradient(135deg,#3949ab,#1e88e5)}.folder-content .habits-list,.folder-content .goal-category,.folder-content .project-category,.folder-content .project-filter,.folder-content .project-stats,.folder-content .task-list{padding:20px}.folder-content .goal-category{border-bottom:1px solid var(--border-light);padding-bottom:15px;margin-bottom:0}.folder-content .goal-category:last-child{border-bottom:none;margin-bottom:0}.folder-content .goal-category h4,.folder-content .project-category h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.goal-category-header{padding:8px 12px;border-radius:6px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);transition:all .2s ease;-webkit-user-select:none;user-select:none}.goal-category-header:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.habit-item{background:#fff;padding:12px;border-radius:8px;border:1px solid var(--border-light);box-shadow:0 1px 3px #0000001a;transition:all .2s ease;margin-bottom:10px}.habit-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.habit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.habit-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.habit-percentage{font-size:12px;font-weight:600;color:var(--text-muted)}.habit-count{margin-bottom:4px}.count-text{font-size:10px;color:var(--text-muted);font-weight:400;opacity:.7}.habit-progress{display:flex;align-items:center;gap:10px;margin-bottom:0}.habit-streak{font-size:12px;color:#ff5722;font-weight:600;min-width:auto}.progress-bar{flex:1;height:6px;background:var(--bg-accent);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .3s ease}.progress-fill.yearly{background:linear-gradient(90deg,#ff9800,#ffc107)}.progress-fill.quarterly{background:linear-gradient(90deg,#2196f3,#03a9f4)}.progress-fill.weekly{background:linear-gradient(90deg,#9c27b0,#e91e63)}.progress-text{font-size:12px;font-weight:600;color:var(--text-muted);min-width:35px}.habit-increment{background:linear-gradient(90deg,#4caf50,#45a049);color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;width:100%}.habit-increment:hover:not(:disabled){background:linear-gradient(90deg,#45a049,#3d8b40);transform:translateY(-1px)}.habit-increment:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.habit-item.clickable{cursor:pointer;position:relative;padding:12px 50px 12px 12px}.habit-item.clickable .habit-content{flex:1;cursor:pointer;width:100%}.habit-item.clickable:hover{background:#667eea0d;transform:translate(2px);border-radius:8px}.habit-item.clickable:hover .habit-name{color:#667eea}.habit-item.clickable:active{transform:translate(1px)}.habit-item.clickable .habit-increment{position:absolute;top:8px;right:8px;width:auto;min-width:32px;height:24px;padding:2px 6px;font-size:11px;flex-shrink:0}.goal-item{background:#fff;padding:10px;border-radius:6px;border:1px solid var(--border-light);margin-bottom:8px;transition:all .2s ease}.goal-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.goal-title{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.goal-percentage{font-size:12px;font-weight:600;color:var(--text-muted)}.goal-item.clickable{cursor:pointer;transition:all .2s ease}.goal-item.clickable:hover{background:#667eea0d;transform:translate(2px);border-radius:6px}.goal-item.clickable:hover .goal-title{color:#667eea}.goal-item.clickable:active{transform:translate(1px)}.project-category{border-bottom:1px solid var(--border-light);padding-bottom:15px;margin-bottom:0}.project-category:last-child{border-bottom:none;margin-bottom:0}.project-category-header{padding:8px 12px;border-radius:6px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);transition:all .2s ease;-webkit-user-select:none;user-select:none}.project-category-header:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.project-item{background:#fff;padding:10px;border-radius:6px;border:1px solid var(--border-light);margin-bottom:8px;transition:all .2s ease}.project-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.project-title{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.project-percentage{font-size:12px;font-weight:600;color:var(--text-muted)}.project-tasks{margin-bottom:4px}.task-count{font-size:10px;color:var(--text-muted);font-weight:400;opacity:.7}.project-item.clickable{cursor:pointer;transition:all .2s ease}.project-item.clickable:hover{background:#667eea0d;transform:translate(2px);border-radius:6px}.project-item.clickable:hover .project-title{color:#667eea}.project-item.clickable:active{transform:translate(1px)}.progress-fill.project{background:linear-gradient(90deg,#28a745,#20c997)}.progress-fill.project.planning{background:linear-gradient(90deg,#6c757d,#adb5bd)}.project-selector{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:13px;cursor:pointer;margin-bottom:15px}.project-stats{display:flex;gap:15px;margin-bottom:15px}.stat-item{text-align:center;flex:1}.stat-value{display:block;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.task-item-mini{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light);transition:all .2s ease}.task-item-mini:hover{background:#00000005;padding-left:4px}.task-item-mini input[type=checkbox]{margin:0;cursor:pointer}.task-item-mini .task-text{flex:1;font-size:13px;color:var(--text-primary);line-height:1.3}.task-item-mini .task-text.completed{text-decoration:line-through;color:var(--text-muted)}.priority-badge{background:#ff5722;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600}.more-tasks{padding:8px 0;text-align:center;font-size:12px;color:var(--text-muted);font-style:italic}.goals-filter,.projects-filter{padding:0 0 15px;border-bottom:1px solid var(--border-light);margin-bottom:15px}.life-area-selector{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:13px;cursor:pointer}.life-area-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea33}.productivity-folder:nth-child(1){right:70px}.productivity-folder:nth-child(2){right:35px}.productivity-folder:nth-child(3){right:0}.productivity-folder.expanded:nth-child(1){right:0;z-index:95}.productivity-folder.expanded:nth-child(2){right:0;z-index:94}.productivity-folder.expanded:nth-child(3){right:0;z-index:93}@media (max-width: 768px){.productivity-folder.collapsed{width:45px}.productivity-folder.collapsed:hover{width:50px}.productivity-folder.expanded{width:280px;min-width:280px;max-width:280px}.productivity-folder.expanded.projects-folder{width:320px;min-width:320px;max-width:320px}.folder-icon{font-size:16px}.folder-title{font-size:10px}.productivity-folder:nth-child(1){right:90px}.productivity-folder:nth-child(2){right:45px}.productivity-folder:nth-child(3){right:0}}.dashboard-collapsed{background:linear-gradient(135deg,#667eea,#764ba2)!important}.dashboard-collapsed:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}.dashboard-collapsed .folder-preview{display:flex;flex-direction:column;align-items:center;gap:4px}.preview-score{font-size:12px;font-weight:800;color:#fff}.preview-label{font-size:9px;opacity:.9;letter-spacing:1px}.dashboard-folder{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.dashboard-header:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.header-content{display:flex;align-items:center;gap:12px}.header-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-info h3{margin:0;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.greeting{margin:4px 0 0;font-size:12px;opacity:.9;font-weight:400}.collapse-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.collapse-btn:hover{background:#ffffff4d;transform:scale(1.1)}.dashboard-content{padding:20px;height:calc(100% - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:20px}.productivity-score-section{text-align:center;margin-bottom:10px}.score-circle{position:relative;width:120px;height:120px;margin:0 auto}.score-progress{width:100%;height:100%;transform:rotate(-90deg)}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:24px;font-weight:800;color:#4f46e5;line-height:1}.score-label{font-size:11px;color:#6b7280;font-weight:600;margin-top:4px;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-card:hover:before{opacity:1}.stat-icon{font-size:20px;margin-bottom:8px;display:block}.stat-number{font-size:20px;font-weight:800;color:#1f2937;line-height:1;margin-bottom:4px}.stat-total{font-size:14px;color:#9ca3af;font-weight:500}.stat-label{font-size:11px;color:#6b7280;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.stat-progress{height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;transition:width .8s ease}.goals-progress{background:linear-gradient(90deg,#f59e0b,#d97706)}.section-title{font-size:13px;font-weight:700;color:#374151;margin:0 0 12px;letter-spacing:.5px}.insights-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .2s ease}.insight-indicator{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.insight-item.urgent{background:#fef2f2;border:1px solid #fecaca}.insight-item.urgent .insight-indicator{background:#ef4444}.insight-item.info{background:#eff6ff;border:1px solid #bfdbfe}.insight-item.info .insight-indicator{background:#3b82f6}.insight-item.success{background:#f0fdf4;border:1px solid #bbf7d0}.insight-item.success .insight-indicator{background:#10b981}.insight-item.neutral{background:#f9fafb;border:1px solid #e5e7eb}.insight-item.neutral .insight-indicator{background:#6b7280}.insight-content{flex:1}.insight-title{font-size:12px;font-weight:600;color:#1f2937;line-height:1.4;margin-bottom:2px}.insight-subtitle{font-size:11px;color:#6b7280;line-height:1.3}.achievements-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb}.achievement-badges{display:flex;flex-wrap:wrap;gap:8px}.achievement-badge{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;flex:1;min-width:60px;transition:all .3s ease;cursor:pointer}.achievement-badge:hover{transform:translateY(-2px)}.achievement-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.achievement-badge.silver{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;box-shadow:0 4px 12px #d1d5db4d}.achievement-badge.bronze{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}.achievement-badge.platinum{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.badge-icon{font-size:18px;margin-bottom:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.badge-label{font-size:9px;font-weight:700;text-align:center;letter-spacing:.5px;line-height:1.2}.quick-actions-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb}.quick-actions{display:flex;gap:8px}.quick-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:11px;font-weight:600}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn.primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.quick-action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.quick-action-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.action-icon{font-size:16px}.action-label{letter-spacing:.5px}.dashboard-content::-webkit-scrollbar{width:4px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;transform:scale(.8)}.stat-card:hover .stat-add-btn{opacity:1;transform:scale(1)}.stat-add-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #667eea4d}.stat-add-btn:active{transform:scale(.95)}.stat-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(.8)}.goal-add-container{position:relative;z-index:1}.stat-card.dropdown-open{overflow:visible!important;z-index:999;position:relative;transform:translateZ(0)}.stats-grid:has(.stat-card.dropdown-open){overflow:visible!important}.productivity-folder:has(.stat-card.dropdown-open){overflow:visible!important}.productivity-folder.expanded:has(.stat-card.dropdown-open){overflow:visible!important}.goal-type-dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 32px #00000026;z-index:99999;min-width:180px;max-width:200px;overflow:visible;pointer-events:auto;transform:translateZ(0);visibility:visible!important;opacity:1!important;display:block!important;isolation:isolate}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.goal-type-option{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6;color:#374151;font-weight:500;white-space:nowrap}.goal-type-option:last-child{border-bottom:none}.goal-type-option:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.goal-type-icon{font-size:18px;flex-shrink:0}.goal-type-label{font-size:14px;font-weight:600;flex:1}.modal-overlay.task-editor-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-overlay.task-editor-modal-overlay .modal-content{background:#fff;border-radius:8px;width:55%!important;max-width:500px!important;max-height:85vh!important;overflow-y:auto;box-shadow:0 2px 4px #0000001a;animation:slideUp .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:16px;font-weight:600}.modal-close{background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.task-editor-form{padding:12px 16px}.form-row{margin-bottom:6px}.modal-overlay.task-editor-modal-overlay .form-row label{display:block!important;margin-bottom:2px!important;font-weight:600!important;color:#374151!important;font-size:12px!important}.modal-overlay.task-editor-modal-overlay .form-row input,.modal-overlay.task-editor-modal-overlay .form-row textarea,.modal-overlay.task-editor-modal-overlay .form-row select{width:100%!important;padding:6px 8px!important;border:1px solid #d1d5db!important;border-radius:3px!important;font-size:12px!important;background:#fff!important;transition:border-color .2s ease!important;box-sizing:border-box!important;height:28px!important}.modal-overlay.task-editor-modal-overlay .form-row input:focus,.modal-overlay.task-editor-modal-overlay .form-row textarea:focus,.modal-overlay.task-editor-modal-overlay .form-row select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.modal-overlay.task-editor-modal-overlay .form-row textarea{resize:vertical!important;min-height:50px!important;height:50px!important}.form-row-split{display:flex;gap:8px;margin-bottom:6px}.form-row-split>div{flex:1}.modal-overlay.task-editor-modal-overlay .form-row-split label{display:block!important;margin-bottom:2px!important;font-weight:600!important;color:#374151!important;font-size:12px!important}.modal-overlay.task-editor-modal-overlay .form-row-split input,.modal-overlay.task-editor-modal-overlay .form-row-split select{width:100%!important;padding:6px 8px!important;border:1px solid #d1d5db!important;border-radius:3px!important;font-size:12px!important;background:#fff!important;transition:border-color .2s ease!important;box-sizing:border-box!important;height:28px!important}.modal-overlay.task-editor-modal-overlay .form-row-split input:focus,.modal-overlay.task-editor-modal-overlay .form-row-split select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.form-row-triple{display:flex;gap:6px;margin-bottom:6px}.form-row-triple>div{flex:1}.modal-overlay.task-editor-modal-overlay .form-row-triple label{display:block!important;margin-bottom:2px!important;font-weight:600!important;color:#374151!important;font-size:11px!important}.modal-overlay.task-editor-modal-overlay .form-row-triple input,.modal-overlay.task-editor-modal-overlay .form-row-triple select{width:100%!important;padding:5px 6px!important;border:1px solid #d1d5db!important;border-radius:3px!important;font-size:11px!important;background:#fff!important;transition:border-color .2s ease!important;box-sizing:border-box!important;height:26px!important}.modal-overlay.task-editor-modal-overlay .form-row-triple input:focus,.modal-overlay.task-editor-modal-overlay .form-row-triple select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:12px}.save-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#2563eb;transform:translateY(-1px)}.delete-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-overlay.task-editor-modal-overlay .modal-content{width:90%!important;max-width:90%!important;margin:20px}.form-row-split,.form-row-triple{flex-direction:column;gap:8px}.form-actions{flex-direction:column;gap:6px}.form-actions button{width:100%}}.chat-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:90vw;max-width:600px;height:80vh;max-height:700px;display:flex;flex-direction:column;overflow:hidden}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-title{display:flex;align-items:center;gap:8px}.chat-icon{font-size:16px}.chat-title h3{margin:0;font-size:15px;font-weight:600}.chat-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s ease}.chat-close-btn:hover{background:#fff3}.chat-context-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(90deg,#667eea1a,#764ba21a);border-bottom:1px solid #e5e7eb;font-size:13px;color:#666}.context-icon{font-size:14px}.context-text{font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;background:#f9fafb}.message{display:flex;flex-direction:column;max-width:80%;animation:fadeIn .3s ease-in-out}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.6;word-wrap:break-word;color:#374151}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#fff;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.message-content ul,.message-content ol{margin:8px 0;padding-left:20px}.message-content li{margin-bottom:4px}.message-content code{background:#f3f4f6;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}.message.assistant .message-content code{background:#f3f4f6;color:#1f2937}.message.user .message-content code{background:#fff3;color:#fff}.message-timestamp{font-size:11px;color:#9ca3af;margin-top:4px;text-align:right}.message.assistant .message-timestamp{text-align:left}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-input-form{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}.chat-input-container{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:16px;font-size:13px;font-family:inherit;resize:none;min-height:36px;max-height:100px;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.chat-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.chat-send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes typing{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1.2);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.chat-modal-content{width:95vw;height:90vh;margin:20px}.message{max-width:90%}.chat-modal-header{padding:8px 12px}.chat-title h3{font-size:14px}.chat-messages{padding:10px 12px}.chat-input-form{padding:8px 12px}}@media (max-width: 480px){.chat-modal-content{width:100vw;height:100vh;border-radius:0}}.message-content{line-height:1.6}.message-content table{width:100%;border-collapse:separate;border-spacing:0;margin:12px 0;font-size:12px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a;border:1px solid #e5e7eb}.message-content thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-content th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:none;position:relative}.message-content th:first-child{border-top-left-radius:8px}.message-content th:last-child{border-top-right-radius:8px}.message-content td{padding:10px 12px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f8fafc;vertical-align:top;transition:all .2s ease;font-size:12px;line-height:1.4}.message-content td:last-child{border-right:none}.message-content tbody tr{transition:all .2s ease;position:relative}.message-content tbody tr:hover{background:#f8fafc!important;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.message-content tbody tr:last-child td{border-bottom:none}.message-content tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.message-content tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.markdown-table-cell,.message-content td{position:relative}.message-content td:contains("completed"){color:#059669;font-weight:600;position:relative}.message-content td:contains("active"){color:#2563eb;font-weight:600}.message-content td:contains("planning"){color:#d97706;font-weight:600}.message-content td:contains("in_progress"){color:#7c3aed;font-weight:600}.message-content td:contains("paused"){color:#6b7280;font-weight:600}.message-content td:contains("high"){color:#dc2626;font-weight:600}.message-content td:contains("medium"){color:#ea580c;font-weight:600}.message-content td:contains("low"){color:#16a34a;font-weight:600}.message-content tbody tr:has(td:contains("completed")){background:linear-gradient(90deg,#ecfdf5,#fff 50%);border-left:4px solid #10b981}.message-content tbody tr:has(td:contains("active")){background:linear-gradient(90deg,#eff6ff,#fff 50%);border-left:4px solid #3b82f6}.message-content tbody tr:has(td:contains("planning")){background:linear-gradient(90deg,#fffbeb,#fff 50%);border-left:4px solid #f59e0b}.message-content tbody tr:has(td:contains("in_progress")){background:linear-gradient(90deg,#f3f4f6,#fff 50%);border-left:4px solid #8b5cf6}.message-content tbody tr:has(td:contains("paused")){background:linear-gradient(90deg,#f9fafb,#fff 50%);border-left:4px solid #6b7280}.message-content tbody tr:has(td:contains("high")){background:linear-gradient(90deg,#fef2f2,#fff 70%);box-shadow:inset 0 1px #ef44441a}.message-content tbody tr:has(td:contains("medium")){background:linear-gradient(90deg,#fffbeb,#fff 70%);box-shadow:inset 0 1px #ea580c1a}.message-content tbody tr:has(td:contains("low")){background:linear-gradient(90deg,#f0fdf4,#fff 70%);box-shadow:inset 0 1px #22c55e1a}.message-content td{position:relative}.message-content code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,Cascadia Code,monospace;font-size:11px;color:#1e293b;border:1px solid #e2e8f0;font-weight:500}.message-content pre{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;padding:12px 16px;border-radius:6px;overflow-x:auto;margin:12px 0;border:1px solid #334155;box-shadow:0 2px 8px #0000001a;position:relative}.message-content pre:before{content:"";position:absolute;top:12px;left:16px;width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:20px 0 #eab308,40px 0 #22c55e}.message-content pre code{background:none;padding:0;color:inherit;border:none;font-size:14px;line-height:1.6}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:16px 0 10px;font-weight:700;color:#1e293b;line-height:1.3;position:relative}.message-content h1{font-size:20px;border-bottom:2px solid #667eea;padding-bottom:4px}.message-content h2{font-size:18px;border-bottom:1px solid #94a3b8;padding-bottom:3px}.message-content h3{font-size:16px;color:#475569}.message-content h4{font-size:14px;color:#64748b}.message-content h5{font-size:13px;color:#64748b}.message-content h6{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.message-content ul,.message-content ol{margin:10px 0;padding-left:20px}.message-content li{margin:4px 0;line-height:1.5}.message-content ul li{position:relative}.message-content ul li::marker{content:"▸";color:#667eea;font-weight:700}.message-content blockquote{border-left:3px solid #667eea;padding:10px 14px;margin:12px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 6px 6px 0;font-style:italic;position:relative;box-shadow:0 1px 3px #0000000d;font-size:12px}.message-content blockquote:before{content:'"';font-size:48px;color:#667eea;position:absolute;top:-5px;left:10px;font-family:Georgia,serif;opacity:.3}.message-content a{color:#667eea;text-decoration:none;font-weight:600;position:relative;transition:all .2s ease}.message-content a:hover{color:#5a67d8;text-decoration:none}.message-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.message-content a:hover:after{width:100%}.message-content strong{font-weight:700;color:#1e293b;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1px 4px;border-radius:3px}.message-content em{font-style:italic;color:#475569;position:relative}.message-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);margin:32px 0;border-radius:2px}@media (max-width: 768px){.message-content table{font-size:12px}.message-content th,.message-content td{padding:8px 12px}.message-content th{font-size:11px}}@media (max-width: 480px){.message-content table{display:block;overflow-x:auto;white-space:nowrap}}.status-badge,.priority-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;position:relative;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;margin:1px 0}.status-badge:hover,.priority-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.status-badge:before,.priority-badge:before{content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;flex-shrink:0}.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981;text-shadow:0 1px 2px rgba(6,95,70,.1)}.status-completed:before{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6;text-shadow:0 1px 2px rgba(30,64,175,.1)}.status-active:before{background:#3b82f6;animation:pulse 2s infinite;box-shadow:0 0 0 2px #3b82f633}.status-planning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b;text-shadow:0 1px 2px rgba(146,64,14,.1)}.status-planning:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-in_progress{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#5b21b6;border:1px solid #8b5cf6;text-shadow:0 1px 2px rgba(91,33,182,.1)}.status-in_progress:before{background:#8b5cf6;animation:pulse 2s infinite;box-shadow:0 0 0 2px #8b5cf633}.status-paused{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #6b7280;text-shadow:0 1px 2px rgba(55,65,81,.1)}.status-paused:before{background:#6b7280;box-shadow:0 0 0 2px #6b728033}.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444;text-shadow:0 1px 2px rgba(153,27,27,.1)}.status-cancelled:before{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.priority-high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444;text-shadow:0 1px 2px rgba(153,27,27,.1)}.priority-high:before{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.priority-medium{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border:1px solid #ea580c;text-shadow:0 1px 2px rgba(154,52,18,.1)}.priority-medium:before{background:#ea580c;box-shadow:0 0 0 2px #ea580c33}.priority-low{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #16a34a;text-shadow:0 1px 2px rgba(22,101,52,.1)}.priority-low:before{background:#16a34a;box-shadow:0 0 0 2px #16a34a33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.message-content td:contains("completed"),.message-content td:contains("active"),.message-content td:contains("planning"),.message-content td:contains("in_progress"),.message-content td:contains("paused"),.message-content td:contains("high"),.message-content td:contains("medium"),.message-content td:contains("low"){color:inherit;font-weight:inherit}.message-content{line-height:1.7;color:#374151}.message-content p{margin:12px 0;text-align:justify}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content .project-summary,.message-content .task-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:10px;padding:16px;margin:16px 0;box-shadow:0 2px 4px #0000000d}.message-content ol{counter-reset:item}.message-content ol li{display:block;margin-bottom:8px;position:relative;padding-left:40px}.message-content ol li:before{content:counter(item);counter-increment:item;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:2px}.message-content .emoji{font-size:1.2em;margin:0 2px}.message-content>*:first-child{margin-top:0!important}.message-content>*:last-child{margin-bottom:0!important}.message-content table,.message-content blockquote,.message-content pre{animation:fadeInUp .3s ease-out}.message-content pre::-webkit-scrollbar{height:8px}.message-content pre::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.message-content pre::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.message-content pre::-webkit-scrollbar-thumb:hover{background:#ffffff80}.markdown-table-cell:has(.status-badge),.markdown-table-cell:has(.priority-badge){text-align:center;vertical-align:middle}@media (prefers-color-scheme: dark){.status-badge,.priority-badge{box-shadow:0 2px 6px #0000004d,0 1px 3px #0003}}.status-active,.status-in_progress{position:relative;overflow:visible}.status-active:after,.status-in_progress:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:.3;filter:blur(4px);z-index:-1;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}.status-badge,.priority-badge{font-feature-settings:"liga" off,"kern" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.task-manager-homepage{position:absolute;top:0;left:0;width:100vw;height:100vh;background:var(--bg-secondary);display:flex;margin:0;padding:0;z-index:10}.homepage-content{display:flex;flex-direction:column;gap:0;padding:80px 180px 5px 20px;width:100vw;flex:1;min-height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden;box-sizing:border-box}.main-workspace{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden;padding-bottom:0}.task-editor-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.folders-section{position:fixed;right:0;top:60px;height:calc(100vh - 60px);z-index:1000;overflow-x:visible;overflow-y:auto;padding:0;display:flex;flex-direction:row}.folders-section .productivity-folder{position:relative!important;top:0!important;right:auto!important;height:calc(100vh - 60px)!important;border-left:1px solid var(--border-light, #e5e7eb);flex-shrink:0;box-shadow:-2px 0 8px #0000001a}.folders-section .productivity-folder.collapsed{width:35px!important;min-width:35px!important}.folders-section .productivity-folder:not(.collapsed){width:280px!important;min-width:280px!important}.folders-section .productivity-folder:nth-child(1){order:4;z-index:1004!important}.folders-section .productivity-folder:nth-child(2){order:3;z-index:1003!important}.folders-section .productivity-folder:nth-child(3){order:2;z-index:1002!important}.folders-section .productivity-folder:nth-child(4){order:1;z-index:1001!important}.folders-section .productivity-folder:nth-child(1).collapsed{background:linear-gradient(135deg,#10b981,#059669)!important}.folders-section .productivity-folder:nth-child(2).collapsed{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.folders-section .productivity-folder:nth-child(3).collapsed{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.folders-section .productivity-folder:nth-child(4).collapsed{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.task-editor-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);border-radius:8px 8px 0 0;margin-bottom:0;width:100%;margin-left:0;margin-right:0;position:relative;z-index:10}.task-editor-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.task-editor-actions{display:flex;align-items:center;gap:8px;z-index:20;position:relative}.chat-assistant-btn{background:var(--gradient-primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;z-index:25;position:relative;opacity:1}.chat-assistant-btn:hover{background:var(--gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.new-task-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;z-index:25;position:relative;opacity:1}.new-task-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.filters-section{background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 4px #0000001a}.filter-row{display:flex;gap:12px;flex-wrap:nowrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:3px;min-width:110px;flex-shrink:0}.filter-group.search-group{min-width:198px;flex:1}.filter-group.project-group{min-width:138px;flex-shrink:0}.filter-group.goal-group{min-width:83px;flex-shrink:0}.filter-group label{font-weight:600;color:#374151;font-size:12px}.active-filter-indicator{color:#3b82f6;font-size:10px;margin-left:4px}.filter-group input,.filter-group select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;height:28px;box-sizing:border-box}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-table-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;flex:1;display:flex;flex-direction:column;min-height:200px;max-height:calc(100vh - 180px)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.table-header h3{margin:0;color:#1f2937;font-size:16px;font-weight:600}.task-count{color:#6b7280;font-size:13px}.table-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.tasks-table{width:100%;border-collapse:collapse;font-size:13px}.tasks-table th{padding:10px 12px;text-align:left;font-weight:600;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10;font-size:12px}.tasks-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;max-width:200px}.tasks-table tr:hover{background:#f9fafb}.task-title{cursor:pointer;color:#3b82f6;transition:color .2s ease}.task-title:hover{color:#2563eb;text-decoration:underline}.task-title{font-weight:500;color:#1f2937;cursor:pointer;max-width:250px}.task-title:hover{color:#3b82f6}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.priority{font-weight:500}.priority-high{color:#dc2626}.priority-medium{color:#d97706}.priority-low{color:#059669}.due-date{color:#6b7280}.project{color:#6b7280;font-style:italic}.no-tasks{padding:40px;text-align:center;color:#6b7280}.no-tasks p{margin:0;font-size:16px}.bulk-actions-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.bulk-actions-info{color:#64748b;font-weight:500}.bulk-actions-controls{display:flex;align-items:center;gap:6px}.bulk-action-btn{padding:4px 8px;border:none;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.complete-btn{background:#10b981;color:#fff}.complete-btn:hover{background:#059669}.pending-btn{background:#f59e0b;color:#fff}.pending-btn:hover{background:#d97706}.priority-btn{background:#6366f1;color:#fff}.priority-btn:hover{background:#4f46e5}.bulk-delete-btn{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-delete-btn:hover{background:#dc2626}.bulk-clear-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:4px 6px;border-radius:3px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:24px;display:flex;align-items:center;justify-content:center}.bulk-clear-btn:hover{background:#e5e7eb}.checkbox-column{width:40px!important;padding:8px!important}.tasks-table input[type=checkbox]{width:14px;height:14px;cursor:pointer}.select-all-checkbox{margin:0}@media (max-width: 768px){.homepage-header{padding:15px 20px}.header-content{flex-direction:column;gap:15px;text-align:center}.logo-section{justify-content:center}.title-section h1{font-size:20px}.homepage-content{padding:15px 20px;gap:15px}.task-editor-section{min-height:500px}.chat-assistant-btn,.new-task-btn{width:100%}.bulk-actions-bar{flex-direction:column;gap:8px;align-items:stretch}.bulk-actions-controls{flex-wrap:wrap;gap:4px}.bulk-action-btn{flex:1;min-width:80px}}@media (max-width: 480px){.homepage-header{padding:12px 15px}.logo{width:40px;height:40px}.title-section h1{font-size:18px}.title-section p{font-size:12px}.homepage-content{padding:12px 15px}.chat-assistant-btn,.new-task-btn{padding:8px 16px;font-size:14px}}@media (max-width: 1200px){.homepage-content{padding-right:180px}}@media (max-width: 900px){.task-manager-homepage{flex-direction:column}.homepage-content{width:100%;padding:15px 20px}.folders-section{position:relative;right:auto;top:auto;width:100%;height:auto;margin-top:20px;flex-direction:column}.folders-section .productivity-folder{position:relative!important;width:100%!important;height:auto!important;order:unset!important}.task-editor-header{padding:15px 20px}}.sidebar{width:240px;height:100vh;background:#fafafa;border-right:1px solid #e5e5e5;color:#1a1a1a;display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:width .3s ease;z-index:1000}.sidebar.collapsed{width:60px}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5;position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo img{width:32px;height:32px;border-radius:8px}.sidebar-title{font-size:18px;font-weight:700;white-space:nowrap}.sidebar-toggle{background:#fafafa;border:1px solid #e5e5e5;border-left:none;color:#666;width:18px;height:30px;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:absolute;right:-30px;top:20px;font-size:12px}.sidebar-toggle:hover{background:#f0f0f0;color:#1a1a1a}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:4px 10px;border-radius:6px;color:#666;text-decoration:none;transition:all .2s;cursor:pointer;border:none;background:transparent;width:calc(100% - 20px);font-size:14px;font-weight:500;border-left:3px solid transparent}.sidebar.collapsed .nav-item{justify-content:center;padding:10px;margin:2px auto;width:40px}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#f0f0f0;color:#1a1a1a}.nav-item.active{background:#f5f5f5;color:#1a1a1a;font-weight:600;border-left-color:#8b5cf6}.nav-label{white-space:nowrap}.nav-label-short{font-size:12px;font-weight:600;color:#666}.chat-button{background:transparent;text-align:left;justify-content:flex-start;margin-bottom:8px}.chat-button:hover{background:#f0f0f0}.sidebar-footer{padding:12px 0;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:0}.feedback-button{background:transparent;text-align:left;justify-content:flex-start}.feedback-button:hover{background:#f0f0f0}.user-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:8px 10px 0;border-radius:6px;transition:background .2s;cursor:pointer}.sidebar.collapsed .user-badge{justify-content:center;padding:10px;margin:8px auto 0;width:40px}.user-badge:hover{background:#f0f0f0}.user-avatar,.user-avatar-placeholder{width:36px;height:36px;border-radius:50%;flex-shrink:0}.user-avatar{object-fit:cover;border:2px solid #e8e8e8}.user-avatar-placeholder{background:#888;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;letter-spacing:.5px}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.ai-insights-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:0}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e5e5}.ai-insights-header:hover{background:#fafafa}.ai-insights-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1a1a1a}.ai-icon{font-size:16px}.ai-insights-header-actions{display:flex;align-items:center;gap:8px}.btn-explore-ai-header{padding:4px 10px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-explore-ai-header:hover{background:#5568d3}.ai-insights-toggle{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.ai-insights-body{padding:20px 20px 12px;max-height:400px;overflow-y:auto}.ai-insights-loading{padding:20px;text-align:center}.loading-pulse{color:#666;font-size:14px;animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.ai-insights-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ai-insight-card{padding:12px 16px;border-radius:4px;border-left:3px solid #e5e5e5;background:#fff;position:relative;border-top:none;border-right:none;border-bottom:none}.ai-insight-card.ai-insight-priority{border-left:3px solid #667eea;background:#fff}.ai-insight-card.ai-insight-alignment{border-left:3px solid #10b981;background:#fff}.ai-insight-card.ai-insight-risk{border-left:3px solid #f59e0b;background:#fff}.ai-insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.ai-insight-type-icon{font-size:16px}.ai-insight-dismiss{position:absolute;top:6px;right:6px;background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ai-insight-message{margin:0 0 8px;font-size:13px;line-height:1.5;color:#333}.ai-insight-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-insight-action-btn{padding:4px 10px;background:#fff;border:1px solid #667eea;color:#667eea;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ai-insight-action-btn:hover{background:#667eea;color:#fff}.ai-insights-empty{padding:20px;text-align:center;color:#999;font-size:14px}.ai-prompt-suggestions{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.ai-prompt-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.ai-prompt-chips{display:flex;flex-wrap:wrap;gap:10px}.ai-prompt-chip{padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;font-size:13px;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.ai-prompt-chip:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.ai-prompt-chip:disabled{opacity:.5;cursor:not-allowed}.ai-deep-chat-trigger{margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.btn-explore-ai{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-explore-ai:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.page-container{padding:48px 40px;max-width:900px;margin:0 auto;background:#fff}.page-header{margin-bottom:40px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em}.page-subtitle{font-size:15px;color:#666;margin:0;font-weight:400}.page-context{margin-top:8px;font-size:13px;color:#999;font-weight:400}.today-page-cockpit{display:flex;flex-direction:column;height:100vh;background:#fff;overflow:hidden}.today-header-cockpit{display:flex;align-items:baseline;gap:10px;padding:16px 24px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.today-header-cockpit h1{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.01em}.today-count{font-size:12px;color:#999;font-weight:500}.today-split-layout{display:flex;flex:1;overflow:hidden}.today-left-execution{flex:0 0 60%;overflow-y:auto;overflow-x:hidden;border-right:1px solid #f0f0f0;padding:0;height:100%}.today-right-context{flex:0 0 40%;overflow-y:auto;overflow-x:hidden;padding:16px;background:#fafafa;height:100%}.today-task-table-dense{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;padding-bottom:200px}.today-empty{padding:40px 20px;text-align:center}.today-empty p{color:#999;font-size:13px;margin:0}.today-task-row-dense{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;border-bottom:1px solid #f5f5f5;transition:background .1s}.today-task-row-dense:hover{background:#fafafa}.today-task-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.today-task-title{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.3}.today-task-meta{display:flex;align-items:center;gap:6px}.meta-overdue,.meta-urgent,.meta-high,.meta-due{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.meta-overdue,.meta-urgent{color:#7c3aed}.meta-high{color:#8b5cf6}.meta-due{color:#666;text-transform:none;font-weight:500;font-size:11px}.today-task-actions-inline{display:flex;gap:6px;margin-left:12px;flex-shrink:0}.action-inline{padding:4px 10px;background:transparent;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .1s}.action-inline:hover{background:#f5f5f5;border-color:#999;color:#1a1a1a}.action-complete:hover{background:#22c55e;border-color:#22c55e;color:#fff}.action-defer:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.context-habit-item{padding:8px 12px;border-bottom:1px solid #f5f5f5;transition:background .1s;display:flex;align-items:center;justify-content:space-between;gap:12px}.context-habit-item:last-child{border-bottom:none}.context-habit-item:hover{background:#fafafa}.context-habit-item.habit-complete{opacity:.6}.habit-item-header{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.habit-item-title{font-size:13px;font-weight:500;color:#1a1a1a;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-frequency-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:2px;background:#f5f5f5;color:#666;white-space:nowrap;flex-shrink:0}.habit-frequency-badge.daily{background:#dbeafe;color:#3b82f6}.habit-frequency-badge.weekly{background:#ede9fe;color:#8b5cf6}.habit-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.habit-btn-sm{width:24px;height:24px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}.habit-btn-sm:hover:not(:disabled){background:#f5f5f5;border-color:#999;color:#1a1a1a;transform:scale(1.05)}.habit-btn-sm:disabled{opacity:.3;cursor:not-allowed}.habit-btn-sm.habit-increment:hover:not(:disabled){background:#22c55e;border-color:#22c55e;color:#fff}.habit-btn-sm.habit-decrement:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.habit-progress-sm{font-size:12px;font-weight:600;color:#666;min-width:35px;text-align:center}.habit-progress-sm.complete{color:#22c55e}.today-habits-section{margin-top:24px}.today-habit-list{background:#fff;border-radius:3px}.today-habit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f5f5f5;transition:background .1s}.today-habit-row:hover{background:#fafafa}.today-habit-row.habit-complete{opacity:.6}.today-habit-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.today-habit-title{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.3}.today-habit-meta{display:flex;align-items:center;gap:6px}.habit-frequency{font-size:11px;color:#666;font-weight:500}.habit-frequency.daily{color:#3b82f6}.habit-frequency.weekly{color:#8b5cf6}.today-habit-controls{display:flex;align-items:center;gap:10px;margin-left:12px;flex-shrink:0}.habit-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}.habit-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999;color:#1a1a1a;transform:scale(1.05)}.habit-btn:disabled{opacity:.3;cursor:not-allowed}.habit-btn.habit-increment:hover:not(:disabled){background:#22c55e;border-color:#22c55e;color:#fff}.habit-btn.habit-decrement:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.habit-progress{font-size:14px;font-weight:600;color:#666;min-width:40px;text-align:center}.habit-progress.complete{color:#22c55e}.system-insights{margin-bottom:16px;padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px}.insights-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:10px}.insight-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5}.insight-row:last-child{border-bottom:none;padding-bottom:0}.insight-message{font-size:13px;color:#1a1a1a;line-height:1.4;flex:1}.insight-action{padding:4px 10px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .1s;white-space:nowrap;margin-left:10px}.insight-action:hover{background:#f5f5f5;border-color:#999;color:#1a1a1a}.context-section{margin-bottom:12px}.context-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;cursor:pointer;transition:all .1s}.context-section-header:hover{background:#f5f5f5;border-color:#999}.context-section-title{font-size:11px;font-weight:600;color:#666;margin:0;text-transform:uppercase;letter-spacing:.05em}.context-toggle{font-size:14px;font-weight:400;color:#999}.context-goal-list{margin-top:6px;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px}.context-goal-item{font-size:13px;color:#666;line-height:1.5;padding:5px 0;border-bottom:1px solid #f5f5f5}.context-goal-item:last-child{border-bottom:none}.goals-empty{padding:8px 0;font-size:12px;color:#999;font-style:italic}.life-areas-compact{margin-bottom:0;padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px}.life-areas-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:8px}.life-areas-row{display:flex;flex-wrap:wrap;gap:6px}.life-area-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;transition:all .1s;cursor:pointer}.life-area-chip:hover{background:#f5f5f5;border-color:#999}.life-area-chip-name{font-size:11px;font-weight:500;color:#1a1a1a}.life-area-chip-count{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#667eea;color:#fff;font-size:10px;font-weight:600;border-radius:9px;line-height:1}.tasks-page-with-insights{display:flex;flex-direction:column;height:100vh;width:100%;background:#fff;overflow:hidden;position:relative}.tasks-ai-insights-section{flex:0 0 auto;border-bottom:1px solid #e5e5e5;background:#f9f9f9}.tasks-ai-insights-content{padding:0;overflow:visible}.tasks-page-content{flex:1;min-height:0;overflow-y:auto;background:#fff;padding-bottom:200px}.tasks-page-content::-webkit-scrollbar{width:8px}.tasks-page-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.tasks-page-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.tasks-page-content::-webkit-scrollbar-thumb:hover{background:#999}.task-list-full{display:flex;flex-direction:column;width:100%;background:#fff}.task-details-overlay-pane{position:fixed;top:0;right:0;bottom:0;width:450px;height:100%;background:#fff;border-left:2px solid #e5e5e5;box-shadow:-4px 0 12px #00000014;z-index:1000;overflow-y:auto;animation:slideInRight .3s ease-out}.tasks-page-split{display:flex;height:100vh;width:100%;background:#fff;overflow:hidden;margin:0;padding:0}.task-list-pane{flex:1;min-width:420px;border-right:2px solid #e5e5e5;display:flex;flex-direction:column;background:#fff;overflow-y:auto;overflow-x:hidden;height:100%}.task-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid #e5e5e5;background:#fff}.task-list-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.01em}.btn-quick-add{padding:8px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-quick-add:hover{background:#333}.task-filters-compact{display:flex;gap:6px;padding:12px;background:#fff;border-bottom:1px solid #f0f0f0}.filter-search-compact{flex:1;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff}.filter-search-compact:focus{outline:none;border-color:#999}.filter-compact{padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:inherit;color:#666;background:#fff;cursor:pointer}.filter-compact:focus{outline:none;border-color:#999}.task-count-info{padding:8px 12px;font-size:11px;color:#999;font-weight:500;background:#fafafa;border-bottom:1px solid #f0f0f0}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f0f4ff;border-bottom:1px solid #d0dff5}.bulk-actions-count{font-size:13px;font-weight:600;color:#3b82f6}.btn-bulk-action{padding:6px 12px;background:#fff;border:1px solid #d0dff5;border-radius:4px;font-size:13px;font-weight:500;color:#3b82f6;cursor:pointer;transition:all .2s}.btn-bulk-action:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-bulk-delete{color:#dc2626;border-color:#fecaca}.btn-bulk-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-bulk-cancel{padding:6px 12px;background:transparent;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:color .2s}.btn-bulk-cancel:hover{color:#1a1a1a}.task-table-container{flex:1;overflow-y:auto;overflow-x:auto}.task-list-empty{padding:60px 20px;text-align:center}.task-list-empty p{color:#999;font-size:14px;margin:0}.task-table{width:100%;border-collapse:collapse;font-size:14px}.task-table thead{position:sticky;top:0;background:#fff;z-index:10}.task-table th{text-align:left;padding:10px 8px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #f0f0f0;white-space:nowrap;background:#fff}.task-table tbody tr{cursor:pointer;transition:background .1s;border-bottom:1px solid #f5f5f5}.task-table tbody tr.selected{background:#f0f4ff;border-left:3px solid #8b5cf6}.task-table tbody tr.selected td:first-child{padding-left:5px}.task-table td{padding:12px 10px;color:#1a1a1a;vertical-align:middle}.col-checkbox{width:40px;text-align:center}.col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.col-title{font-weight:500;font-size:14px;min-width:200px;line-height:1.5;max-width:400px;color:#1a1a1a}.col-status{width:110px}.col-priority{width:90px}.col-due{width:130px;color:#666;font-size:13px}.col-project{width:150px;color:#666;font-size:13px}.status-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;background:#f5f5f5;color:#666}.status-active{background:#8b5cf6;color:#fff}.status-in-progress{background:#a855f7;color:#fff}.status-completed{background:#7c3aed;color:#fff}.status-pending{background:#f5f5f5;color:#888}.status-cancelled{background:#f5f5f5;color:#888;text-decoration:line-through}.priority-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;border:none}.priority-urgent{background:#7c3aed;color:#fff;border:none}.priority-high{background:#8b5cf6;color:#fff;border:none}.priority-medium{background:#f5f5f5;color:#888;border:none}.priority-low{background:#c4b5fd;color:#fff;border:none}.task-details-pane{width:580px;min-width:480px;max-width:650px;overflow-y:auto;background:#fff}.task-details-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;overflow:visible}.task-details-empty p{color:#999;font-size:15px;margin:0}.task-invitation-card{position:relative;max-width:400px;padding:48px 36px;border:1.5px solid #e5e5e5;border-radius:8px;background:#fafafa;box-shadow:0 2px 8px #0000000a;animation:card-breathe 4s ease-in-out infinite}.trex-container{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:100;pointer-events:none;animation:trex-walk 3s ease-in-out forwards}.trex{font-size:40px;line-height:1;display:inline-block;animation:trex-bounce .2s ease-in-out infinite}.fire{position:absolute;top:50%;left:22px;transform:translateY(-50%);font-size:18px;opacity:0;animation:fire-breathe 3s ease-in-out forwards}.poof-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;z-index:101;animation:poof-appear .8s ease-out forwards}.card-poofing{animation:card-disappear .8s ease-out forwards!important}.trex-trigger-btn{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;z-index:1}.trex-trigger-btn:hover{background:#f5f5f5;border-color:#999;transform:scale(1.1)}.trex-trigger-btn:active{transform:scale(.95)}@keyframes trex-walk{0%{left:20px}20%{left:80px}33%{left:140px}67%{left:140px}83%{left:80px}to{left:20px}}@keyframes trex-bounce{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-3px)}}@keyframes fire-breathe{0%,33%{opacity:0;transform:translateY(-50%) scale(.3) translate(0)}40%{opacity:1;transform:translateY(-50%) scale(.7) translate(15px)}48%{opacity:1;transform:translateY(-50%) scale(1) translate(35px)}56%{opacity:1;transform:translateY(-50%) scale(1.3) translate(70px)}64%{opacity:.8;transform:translateY(-50%) scale(1.6) translate(120px)}72%{opacity:.5;transform:translateY(-50%) scale(1.9) translate(180px)}80%,to{opacity:0;transform:translateY(-50%) scale(2.3) translate(250px)}}@keyframes poof-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1.8) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5) rotate(20deg)}}@keyframes card-disappear{0%{opacity:1;transform:scale(1) rotate(0)}40%{opacity:.8;transform:scale(.95) rotate(-2deg)}70%{opacity:.3;transform:scale(.7) rotate(3deg)}to{opacity:0;transform:scale(.3) rotate(0)}}.invitation-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.invitation-content p{margin:0;font-size:15px;line-height:1.6;color:#666}@keyframes card-breathe{0%,to{box-shadow:0 2px 8px #0000000a;transform:translateY(0)}50%{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.empty-state-animation{display:none}.task-details-empty{gap:0}}.task-details-content{padding:48px 40px 36px;width:100%;max-width:720px;box-sizing:border-box;animation:details-fade-in .3s ease-out;overflow:visible}@keyframes details-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-details-header{position:relative;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;overflow:visible}.task-details-close{position:absolute;top:-32px;right:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:24px;line-height:1;color:#999;cursor:pointer;transition:all .2s;z-index:10}.task-details-close:hover{background:#f5f5f5;color:#1a1a1a}.task-detail-title-input{width:100%;font-size:28px;font-weight:600;color:#1a1a1a;border:none;border-bottom:2px solid transparent;padding:8px 0;font-family:inherit;transition:border-color .2s}.task-detail-title-input:focus{outline:none;border-bottom-color:#1a1a1a}.task-detail-inline-meta{display:flex;align-items:center;gap:16px;margin-top:16px}.task-detail-inline-select{padding:6px 10px;border:1px solid #e5e5e5;border-radius:4px;font-size:13px;font-family:inherit;color:#1a1a1a;background:#fafafa;cursor:pointer;transition:border-color .15s}.task-detail-inline-select:focus{outline:none;border-color:#999;background:#fff}.task-detail-inline-date{padding:6px 10px;border:1px solid #e5e5e5;border-radius:4px;font-size:13px;font-family:inherit;color:#1a1a1a;background:#fafafa;transition:border-color .15s}.task-detail-inline-date:focus{outline:none;border-color:#999;background:#fff}.inline-meta-dot{color:#ddd;font-size:12px}.task-details-context{margin-bottom:28px}.task-context-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.task-context-row+.task-context-row{margin-top:16px}.task-context-field{display:flex;flex-direction:column;gap:8px}.task-context-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.03em}.task-context-select{padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .15s}.task-context-select:focus{outline:none;border-color:#1a1a1a}.task-details-content-section{margin-bottom:20px}.task-detail-label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.task-detail-input,.task-detail-select{width:100%;padding:12px 14px;border:1px solid #e5e5e5;border-radius:6px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#fff}.task-detail-input:focus,.task-detail-select:focus{outline:none;border-color:#1a1a1a}.task-detail-textarea{width:100%;padding:12px 14px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fafafa;resize:vertical;min-height:100px;transition:all .15s}.task-detail-textarea:focus{outline:none;border-color:#999;background:#fff;min-height:120px}.task-detail-textarea::placeholder{color:#bbb}.task-details-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.btn-mark-complete{padding:10px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-mark-complete:hover{background:#333}.btn-delete-task{padding:10px 20px;background:transparent;color:#d32f2f;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-weight:400;cursor:pointer;transition:all .15s;margin-left:auto}.btn-delete-task:hover{border-color:#d32f2f;background:#fef2f2}.quick-add-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.quick-add-modal{background:#fff;border-radius:12px;padding:24px;width:500px;box-shadow:0 8px 32px #0000001f}.quick-add-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-add-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.quick-add-header .btn-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.quick-add-header .btn-close:hover{color:#1a1a1a}.quick-add-body{margin-bottom:20px}.quick-add-footer{display:flex;gap:12px;justify-content:flex-end}.quick-add-modal h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.quick-add-input{width:100%;padding:12px;border:1px solid #e5e5e5;border-radius:6px;font-size:15px;font-family:inherit;color:#1a1a1a;margin-bottom:12px}.quick-add-input:focus{outline:none;border-color:#1a1a1a}.quick-add-optional{margin-top:16px}.quick-add-optional label{display:block;font-size:13px;color:#666;margin-bottom:6px;font-weight:500}.quick-add-select{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff}.quick-add-select:focus{outline:none;border-color:#999}.quick-add-textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;resize:vertical;min-height:60px}.quick-add-textarea:focus{outline:none;border-color:#999}.quick-add-row{display:flex;gap:12px;margin-bottom:20px}.quick-add-date,.quick-add-priority{flex:1;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a}.quick-add-date:focus,.quick-add-priority:focus{outline:none;border-color:#999}.quick-add-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:transparent;color:#666;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f5f5f5}.tasks-page{padding:48px 40px;max-width:1200px;margin:0 auto;background:#fff}.tasks-toolbar{display:flex;gap:12px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.search-input{flex:1;padding:10px 16px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a}.search-input:focus{outline:none;border-color:#999}.btn-primary{padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#333}.task-group{margin-bottom:32px}.task-group-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:0 0 12px}.task-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;padding:0;margin-bottom:12px}.task-group-toggle:hover .task-group-title{color:#666}.task-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #f5f5f5;transition:background .15s}.task-row:hover{background:#fafafa;margin:0 -16px;padding:16px}.task-row:last-child{border-bottom:none}.task-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.task-content{flex:1;min-width:0}.task-title{font-size:15px;color:#1a1a1a;margin-bottom:4px;line-height:1.4}.task-row input:checked~.task-content .task-title{text-decoration:line-through;color:#999}.task-details{display:flex;gap:12px;font-size:13px;color:#999}.task-detail-priority{font-weight:500}.task-detail-project{font-weight:400}.empty-state-tasks{padding:80px 24px;text-align:center}.empty-state-tasks p{color:#999;font-size:15px;margin:0}.task-filters{margin-bottom:24px}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.filter-input,.filter-select{padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff}.filter-search{flex:1;min-width:200px}.filter-select{min-width:140px}.filter-input:focus,.filter-select:focus{outline:none;border-color:#999}.task-count-row{margin-bottom:16px}.task-count-text{font-size:13px;color:#999;font-weight:500}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:16px}.bulk-selected-count{font-size:14px;font-weight:500;color:#1a1a1a}.bulk-actions-buttons{display:flex;gap:8px}.bulk-btn{padding:6px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:13px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .15s}.bulk-btn:hover{background:#f5f5f5;border-color:#999}.bulk-delete{color:#d32f2f}.bulk-delete:hover{background:#fef2f2;border-color:#d32f2f}.bulk-clear{color:#666}.task-table-container{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.task-table{width:100%;border-collapse:collapse;background:#fff}.task-table thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.task-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.task-table td{padding:14px 16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f5f5f5}.task-table tbody tr:last-child td{border-bottom:none}.task-table tbody tr:hover{background:#fafafa}.task-table .col-select{width:40px;text-align:center}.task-table .col-title{min-width:300px;font-weight:500}.task-table .col-status{width:120px}.task-table .col-priority{width:100px}.task-table .col-due{width:120px;color:#666}.task-table .col-project{width:180px;color:#666}.task-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.goals-page{padding:48px 40px;max-width:900px;margin:0 auto;background:#fff}.goals-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.view-selector{display:flex;gap:4px}.view-tab{padding:8px 16px;background:transparent;border:none;color:#999;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.view-tab:hover{background:#f5f5f5;color:#666}.view-tab.active{background:#f0f0f0;color:#1a1a1a}.goal-section{margin-bottom:32px}.goal-list{display:flex;flex-direction:column}.goal-statement{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #f5f5f5}.goal-statement:last-child{border-bottom:none}.goal-checkbox{width:18px;height:18px;margin-top:4px;cursor:pointer;flex-shrink:0}.goal-content{flex:1;min-width:0}.goal-text{font-size:16px;color:#1a1a1a;line-height:1.5;margin-bottom:8px}.goal-statement input:checked~.goal-content .goal-text{text-decoration:line-through;color:#999}.goal-progress-text{font-size:13px;color:#999;font-weight:400}.projects-page{padding:48px 40px;max-width:900px;margin:0 auto;background:#fff}.projects-toolbar{display:flex;justify-content:flex-end;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.projects-section{margin-bottom:40px}.projects-list{display:flex;flex-direction:column;gap:16px}.project-card{padding:20px;border:1px solid #e5e5e5;border-radius:8px;transition:border-color .2s}.project-card:hover{border-color:#ccc}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.project-title{font-size:16px;font-weight:500;color:#1a1a1a;margin:0}.project-status{font-size:12px;color:#999;font-weight:500;padding:2px 8px;background:#f5f5f5;border-radius:4px}.project-description{font-size:14px;color:#666;line-height:1.5;margin:8px 0 12px}.project-next{display:flex;gap:8px;font-size:14px;padding:12px 0;border-top:1px solid #f5f5f5}.project-next-label{color:#999;font-weight:500}.project-next-task{color:#1a1a1a}.project-momentum{font-size:13px;color:#999;padding-top:12px;border-top:1px solid #f5f5f5}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:30px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.productivity-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center}.productivity-circle{position:relative;width:180px;height:180px}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dasharray .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{font-size:40px;font-weight:700;color:#667eea;line-height:1}.progress-label{font-size:14px;color:#718096;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#2d3748;line-height:1;margin-bottom:4px}.stat-total{font-size:18px;color:#a0aec0;font-weight:400}.stat-label{font-size:14px;color:#718096}.dashboard-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.section-header{margin-bottom:20px}.section-header h2{font-size:20px;font-weight:600;color:#2d3748;margin:0}.task-list-compact{display:flex;flex-direction:column;gap:12px}.task-item-compact{display:flex;align-items:center;gap:12px;padding:14px;background:#f7fafc;border-radius:8px;transition:background .2s;cursor:pointer}.task-item-compact:hover{background:#edf2f7}.task-priority-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.priority-urgent{background:#7c3aed;color:#fff}.priority-high{background:#8b5cf6;color:#fff}.priority-medium{background:#f5f5f5;color:#888}.priority-low{background:#c4b5fd;color:#fff}.task-info{flex:1}.task-title{font-size:15px;font-weight:500;color:#2d3748;margin-bottom:4px}.task-meta{font-size:13px;color:#718096}.insights-card{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:20px}.insight-item{display:flex;align-items:center;gap:12px}.insight-icon{font-size:24px;flex-shrink:0}.insight-text{font-size:15px;color:#4a5568;line-height:1.5}.empty-state{text-align:center;padding:40px;color:#a0aec0}.empty-state p{font-size:16px;margin:0}.habits-page-with-insights{display:flex;flex-direction:column;height:100vh;width:100%;background:#fff;overflow:hidden;position:relative}.habits-ai-insights-section{flex:0 0 auto;border-bottom:1px solid #e5e5e5;background:#f9f9f9}.habits-ai-insights-content{padding:0;overflow:visible}.habits-page-content{flex:1;min-height:0;overflow-y:auto;background:#fff;padding-bottom:200px}.habits-page-content::-webkit-scrollbar{width:8px}.habits-page-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.habits-page-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.habits-page-content::-webkit-scrollbar-thumb:hover{background:#999}.habits-inventory-full{display:flex;flex-direction:column;width:100%;background:#fff}.habit-details-overlay-pane{position:fixed;top:0;right:0;width:450px;height:100vh;background:#fff;border-left:2px solid #e5e5e5;box-shadow:-4px 0 12px #00000014;z-index:1000;overflow-y:auto;animation:slideInRight .3s ease-out;padding:20px}.habits-header-with-filters{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.habits-filter-pills{display:flex;gap:8px}.horizon-filter-pill{padding:6px 16px;font-size:13px;font-weight:500;border:1px solid #e5e5e5;border-radius:20px;background:#fff;color:#666;cursor:pointer;transition:all .2s}.horizon-filter-pill:hover{border-color:#667eea;color:#667eea}.horizon-filter-pill.active{background:#667eea;border-color:#667eea;color:#fff}.habits-count-info{padding:12px 20px;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0}.habits-table-container{flex:1;overflow-y:auto}.habits-list-empty{padding:60px 20px;text-align:center;color:#999;font-size:14px}.habits-table{width:100%;border-collapse:collapse}.habits-table thead{position:sticky;top:0;background:#fafafa;z-index:10;border-bottom:1px solid #e5e5e5}.habits-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.habits-table .col-habit-name{width:35%}.habits-table .col-horizon{width:15%}.habits-table .col-progress,.habits-table .col-pattern{width:25%}.habits-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.habits-table tbody tr:hover{background:#f9f9f9}.habits-table tbody tr.selected{background:#f0f4ff}.habits-table tbody tr.target-met{background:#f0fdf4}.habits-table tbody tr.selected.target-met{background:#dcfce7}.habits-table td{padding:12px 16px;font-size:14px;color:#1a1a1a;vertical-align:middle}.habits-table .col-habit-name{font-weight:500}.habits-table .horizon-badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:12px;background:#f0f0f0;color:#666}.habits-table .habit-completion-controls{display:inline-flex;align-items:center;gap:8px}.habits-table .habit-decrement,.habits-table .habit-increment{width:28px;height:28px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#666;font-size:16px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.habits-table .habit-decrement:hover,.habits-table .habit-increment:hover{border-color:#667eea;color:#667eea;background:#f9fafb}.habits-table .habit-decrement:disabled{opacity:.3;cursor:not-allowed}.habits-table .habit-progress{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#1a1a1a}.habits-table .habit-current{color:#667eea}.habits-table .habit-separator{color:#ccc}.habits-table .habit-target{color:#999}.habits-page-two-pane{display:flex;flex-direction:row;height:100vh;overflow:hidden;background:#fff}.habits-left-pane{flex:0 0 68%;overflow-y:auto;border-right:1px solid #e8e8e8;display:flex;flex-direction:column}.habits-page-header{padding:20px 32px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.habits-page-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 2px;letter-spacing:-.02em}.habits-page-header .page-subtitle{font-size:12px;color:#999;margin:0;font-weight:400}.habits-coach-pane{flex:0 0 32%;overflow-y:auto;background:#fafafa;display:flex;flex-direction:column;padding:28px 24px}.add-habit-section{padding:20px 40px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.add-buttons{display:flex;gap:8px}.quick-add-trigger{flex:1;padding:12px 16px;background:#fff;border:2px dashed #d0d0d0;border-radius:6px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.quick-add-trigger:hover{border-color:#888;background:#fafafa;color:#333}.detailed-add-link{padding:12px 16px;background:transparent;border:1px solid #d0d0d0;border-radius:6px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.detailed-add-link:hover{border-color:#888;background:#fafafa;color:#333}.quick-add-form{padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.quick-add-input{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit}.quick-add-input:focus{outline:none;border-color:#5a7d9a}.quick-add-select{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer}.quick-add-actions{display:flex;gap:8px;margin-top:6px}.btn-primary-small{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.btn-primary-small:hover{background:#333}.btn-secondary-small{padding:6px 14px;background:transparent;color:#666;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.btn-secondary-small:hover{border-color:#888;color:#333}.horizon-band{border-bottom:1px solid #f0f0f0}.horizon-band-header{display:flex;align-items:center;gap:12px;padding:12px 40px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.horizon-band-header:hover{background:#fafafa}.horizon-toggle-icon{font-size:12px;color:#999;width:12px;text-align:center}.horizon-band-title{font-size:16px!important;font-weight:500!important;color:#666;text-transform:none;letter-spacing:.05em;flex:1}.horizon-badge{font-size:11px;color:#999;background:#f5f5f5;padding:3px 10px;border-radius:12px;font-weight:500}.horizon-habits-list{display:flex;flex-direction:column;padding:8px 40px 12px}.empty-horizon{padding:16px 0;font-size:13px;color:#999;font-style:italic}.habit-action-row{display:flex;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent;margin-bottom:2px}.habit-action-row:hover{background:#f8f8f8}.habit-action-row.selected{background:linear-gradient(135deg,#667eea15,#764ba215);border-left-color:#8b5cf6}.habit-action-row.target-met{border-left-color:#8b5cf6}.habit-action-row.target-met.selected{border-left-color:#764ba2}.habit-completion-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.habit-decrement,.habit-increment{width:24px;height:24px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;transition:all .15s ease;padding:0;line-height:1}.habit-decrement:hover:not(:disabled),.habit-increment:hover{border-color:#5a7d9a;color:#5a7d9a;background:#fafafa}.habit-decrement:disabled{opacity:.3;cursor:not-allowed}.habit-progress{display:flex;align-items:baseline;gap:2px;font-size:14px;font-weight:500;min-width:40px;justify-content:center}.habit-current{color:#1a1a1a;font-size:16px}.habit-separator{color:#d0d0d0;font-size:12px}.habit-target{color:#999;font-size:14px}.habit-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex-shrink:0;width:200px}.habit-name{font-size:14px;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-frequency-badge{font-size:11px;color:#999;text-transform:lowercase;font-weight:400}.habit-inline-pattern{flex:1;display:flex;align-items:center;min-width:0}.pattern-grid-inline{display:flex;gap:2px;align-items:center}.pattern-grid-inline .pattern-cells{display:flex;gap:3px;flex-wrap:nowrap}.pattern-grid-inline .pattern-cell{width:8px;height:20px;border-radius:2px;background:#f0f0f0;border:1px solid #e8e8e8;transition:all .15s ease;flex-shrink:0}.pattern-grid-inline .pattern-cell.empty{background:#f5f5f5;border-color:#e8e8e8}.pattern-grid-inline .pattern-cell.partial{background:#f4e4c7;border-color:#e6d3b3}.pattern-grid-inline .pattern-cell.target-met{background:#8b5cf6;border-color:#764ba2}.pattern-grid .pattern-cell{width:12px;height:12px;border-radius:2px;background:#f5f5f5;border:1px solid #e8e8e8;transition:all .15s ease;cursor:pointer}.pattern-grid .pattern-cell:hover{border-color:#b0b0b0;transform:scale(1.15)}.pattern-grid .pattern-cell.empty{background:#f5f5f5;border-color:#e8e8e8}.pattern-grid .pattern-cell.partial{background:#f4e4c7;border-color:#e6d3b3}.pattern-grid .pattern-cell.target-met{background:#8b5cf6;border-color:#764ba2}.habit-checkbox{width:24px;height:24px;border:2px solid #d0d0d0;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#1a1a1a;transition:all .15s ease;flex-shrink:0;padding:0}.habit-checkbox:hover{border-color:#888}.habit-checkbox.completed{background:#5a7d9a;border-color:#5a7d9a;color:#fff}.habit-content{flex:1;display:flex;flex-direction:column;gap:4px}.habit-header{display:flex;align-items:center;gap:10px}.habit-name{font-size:15px;font-weight:500;color:#1a1a1a}.habit-horizon-badge{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;background:#f0f0f0;color:#666}.habit-time{font-size:13px;color:#999}.pattern-grid{display:flex;flex-direction:column;gap:6px;margin-left:40px}.pattern-cells{display:flex;gap:3px;flex-wrap:wrap}.pattern-cell{width:12px;height:12px;border-radius:2px;background:#f5f5f5;border:1px solid #e8e8e8;transition:all .15s ease;cursor:pointer}.pattern-cell:hover{border-color:#b0b0b0;transform:scale(1.15)}.pattern-cell.completed{background:#c5d5e0;border-color:#b0c4d0}.pattern-label{font-size:11px;color:#999;font-weight:400;letter-spacing:.02em}.coach-default{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px}.coach-hint{font-size:14px;color:#666;margin:0 0 8px;font-weight:500}.coach-subhint{font-size:12px;color:#999;margin:0;font-weight:400}.coach-active{display:flex;flex-direction:column;gap:24px}.coach-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.coach-habit-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.coach-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .15s ease;line-height:1}.coach-close:hover{color:#333}.coach-pattern-section{padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.coach-insights{display:flex;flex-direction:column;gap:12px}.coach-observation{padding:14px 16px;background:#fff;border-radius:6px;border-left:3px solid #8b5cf6;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.coach-observation p{margin:0;font-size:13px;line-height:1.5;color:#444}.coach-suggestion{padding-top:12px;border-top:1px solid #e8e8e8}.coach-details{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.coach-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.coach-detail-label{color:#999;font-weight:500}.coach-detail-value{color:#1a1a1a;font-weight:500}.habit-detail-body{display:flex;flex-direction:column;gap:16px}.habit-detail-section{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999}.detail-input{padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;color:#1a1a1a;transition:border-color .15s ease}.detail-input:focus{outline:none;border-color:#999}.detail-select{padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .15s ease}.detail-select:focus{outline:none;border-color:#999}.coach-actions{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #e8e8e8}.coach-action-btn-primary{width:100%;padding:10px 16px;background:#1a1a1a;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.coach-action-btn-primary:hover{background:#333}.coach-action-btn-danger{width:100%;padding:8px 16px;background:transparent;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;font-weight:500;color:#999;cursor:pointer;transition:all .15s ease}.coach-action-btn-danger:hover{border-color:#e74c3c;color:#e74c3c;background:#fff5f5}1024px){.habits-split-layout{grid-template-columns:1fr}.habits-left-column{max-width:600px}.habits-insights-bottom{padding:24px}.insights-grid{grid-template-columns:1fr}}@media (max-width: 640px){.habits-page-split{padding:32px 20px}.pattern-cells{gap:2px}.pattern-cell{width:10px;height:10px}.habit-detail-panel{padding:20px}}.insight-card{padding:16px 18px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.insight-text{font-size:14px;line-height:1.5;color:#444;font-weight:400}.habit-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #f5f5f5;transition:background .15s ease}.habit-row:hover{background:#fafafa}.habit-row:last-child{border-bottom:none}@media (max-width: 900px){.habits-layout{grid-template-columns:1fr}.habits-insights-panel{position:static;margin-top:40px}.pattern-grid{margin-left:20px}}@media (max-width: 640px){.habits-page{padding:32px 20px}.pattern-cells{gap:2px}.pattern-cell{width:10px;height:10px}.habit-row-enhanced{padding:16px 0}}.projects-page-with-insights{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.projects-ai-insights-section{flex:0 0 auto;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.projects-ai-insights-content{padding:0;overflow:visible}.projects-page-inventory{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;overflow-y:auto;overflow-x:hidden;position:relative}.projects-inventory-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.projects-inventory-title{display:flex;align-items:baseline;gap:10px}.projects-inventory-title h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.01em}.projects-count{font-size:12px;color:#999;font-weight:500}.projects-inventory-actions{display:flex;align-items:center;gap:12px}.filter-select{padding:6px 12px;border:1px solid #e5e5e5;border-radius:3px;font-size:13px;color:#666;background:#fff;cursor:pointer}.filter-select:hover{border-color:#999}.btn-add-inventory{padding:6px 14px;background:#8b5cf6;border:none;border-radius:3px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:background .1s}.btn-add-inventory:hover{background:#7c3aed}.projects-inventory-table{flex:1;overflow-y:auto;display:flex;flex-direction:column}.inventory-empty{padding:60px 20px;text-align:center}.inventory-empty p{color:#999;font-size:14px;margin:0}.project-inventory-row{display:grid;grid-template-columns:2fr .8fr .8fr 1.5fr .8fr;gap:16px;align-items:center;padding:14px 24px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .1s}.project-inventory-row:hover{background:#fafafa}.project-inventory-row.selected{background:#f5f5f5;border-left:3px solid #8b5cf6;padding-left:21px}.project-inv-name{font-size:14px;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.project-inv-status,.project-inv-tasks,.project-inv-goal,.project-inv-activity{font-size:13px;color:#666}.status-badge-inv{display:inline-block;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-planning{background:#e0e7ff;color:#3730a3}.status-active{background:#dcfce7;color:#166534}.status-on-hold,.status-on_hold{background:#fef3c7;color:#92400e}.status-completed{background:#f0f0f0;color:#666}.status-cancelled{background:#fee2e2;color:#991b1b}.project-details-pane{position:fixed;top:0;right:0;bottom:0;width:400px;height:100%;background:#fff;border-left:1px solid #e5e5e5;box-shadow:-4px 0 12px #0000000d;overflow-y:auto;z-index:10}.project-details-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.project-details-header h2{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;flex:1;line-height:1.4}.close-pane-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e5e5e5;border-radius:3px;font-size:20px;color:#999;cursor:pointer;flex-shrink:0;margin-left:12px}.close-pane-btn:hover{background:#f5f5f5;border-color:#999;color:#666}.project-detail-section{padding:16px 20px;border-bottom:1px solid #f5f5f5}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:8px}.detail-value{font-size:14px;color:#1a1a1a;line-height:1.5}.detail-title-input{width:100%;padding:4px 8px;border:1px solid #e5e5e5;border-radius:3px;font-size:16px;font-weight:600;color:#1a1a1a;background:#fff;transition:border-color .1s}.detail-title-input:focus{outline:none;border-color:#3b82f6}.detail-textarea{width:100%;padding:8px 10px;border:1px solid #e5e5e5;border-radius:3px;font-size:14px;color:#1a1a1a;line-height:1.5;resize:vertical;font-family:inherit;background:#fff;transition:border-color .1s}.detail-textarea:focus{outline:none;border-color:#3b82f6}.detail-select{width:100%;padding:6px 10px;border:1px solid #e5e5e5;border-radius:3px;font-size:14px;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .1s}.detail-select:focus{outline:none;border-color:#3b82f6}.detail-select:hover{border-color:#999}.detail-input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;color:#1a1a1a;background:#fff;font-family:inherit;transition:border-color .1s}.detail-input:focus{outline:none;border-color:#3b82f6}.detail-input:hover{border-color:#999}.project-tasks-list{display:flex;flex-direction:column;gap:6px}.project-task-item{padding:8px 12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:3px;font-size:13px;color:#666}.no-tasks{padding:12px;text-align:center;color:#999;font-size:13px;font-style:italic}.goals-page-with-insights{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.goals-ai-insights-section{flex:0 0 auto;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.goals-ai-insights-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.goals-ai-insights-header h2{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.goals-ai-insights-header .btn-collapse{background:none;border:none;font-size:18px;color:#666;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.goals-ai-insights-header .btn-collapse:hover{background:#0000000d}.goals-ai-insights-content{padding:0;overflow:visible}.goals-page-two-pane{display:flex!important;flex-direction:row!important;flex:1 1 0;min-height:0;overflow:hidden;background:#fff}.goals-horizons-column{flex:0 0 58%!important;padding:25px 36px 200px;overflow-y:auto;overflow-x:hidden;border-right:1px solid #f0f0f0;min-height:0;min-width:0}.goals-horizons-column::-webkit-scrollbar{width:8px}.goals-horizons-column::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.goals-horizons-column::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.goals-horizons-column::-webkit-scrollbar-thumb:hover{background:#999}.goals-insights-sidebar{flex:0 0 42%!important;padding:24px 28px;overflow-y:auto;overflow-x:hidden;background:#fafafa;height:100%;min-width:0}.goals-page-horizon{padding:32px 48px;max-width:1000px;margin:0 auto;background:#fff}.goals-horizon-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.goals-header-left{flex:0 0 auto}.goals-header-right{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;padding-top:4px}.goals-horizon-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.02em}.goals-horizon-subtitle{font-size:12px;color:#999;font-weight:400}.life-area-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.life-area-pill{padding:4px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:16px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.life-area-pill:hover{background:#ebebeb;border-color:#d0d0d0;color:#333}.life-area-pill.active{background:#667eea;border-color:#667eea;color:#fff}.life-area-pill.active:hover{background:#5568d3;border-color:#5568d3}.horizon-band{margin-bottom:12px;padding:8px 10px;background:#f8f8f8;border-radius:8px;border:1px solid #e8e8e8}.horizon-weekly{margin-bottom:12px}.horizon-band-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:3px 6px 4px;border-bottom:2px solid #f0f0f0;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;margin-left:-6px;margin-right:-6px}.horizon-band-header:hover{background:#00000005}.horizon-toggle{font-size:20px;font-weight:600;color:#666;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.horizon-band-title{font-size:13px!important;font-weight:500!important;color:#1a1a1a;margin:0;text-transform:none;letter-spacing:.05em}.horizon-yearly .horizon-band-title{font-size:13px!important;font-weight:500!important;color:#999}.horizon-quarterly .horizon-band-title{font-size:13px!important;font-weight:500!important;color:#666}.horizon-weekly .horizon-band-title{font-size:13px!important;font-weight:500!important;color:#1a1a1a}.horizon-band-actions{display:flex;align-items:center;gap:12px}.horizon-count{font-size:12px;color:#999;font-weight:500}.btn-add-goal{padding:4px 12px;background:transparent;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .1s}.btn-add-goal:hover{background:#f5f5f5;border-color:#999;color:#1a1a1a}.horizon-band-content{display:flex;flex-direction:column;gap:4px;margin-top:6px}.horizon-yearly .horizon-band-content{gap:5px}.horizon-quarterly .horizon-band-content,.horizon-weekly .horizon-band-content{gap:4px}.horizon-empty{padding:20px 16px;text-align:center;color:#999;font-size:13px;font-style:italic}.goal-horizon-item{border:1px solid #f0f0f0;border-radius:4px;background:#fff;transition:all .15s}.goal-horizon-item:hover{border-color:#e5e5e5;box-shadow:0 2px 8px #0000000a}.goal-horizon-item.goal-completed{opacity:.5;background:#fafafa}.goal-horizon-main{padding:6px 11px;cursor:pointer}.horizon-yearly .goal-horizon-main{padding:7px 12px}.horizon-weekly .goal-horizon-main{padding:6px 10px}.goal-horizon-main{display:flex;align-items:center;gap:12px}.goal-horizon-content{flex:1;min-width:0}.goal-horizon-title{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:3px;line-height:1.3}.goal-completion-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:600;border-radius:10px;white-space:nowrap;margin-left:auto}.horizon-yearly .goal-horizon-title,.horizon-weekly .goal-horizon-title{font-size:14px;font-weight:500}.goal-horizon-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b5cf6;line-height:1}.goal-meta-item{color:#8b5cf6;font-weight:400}.goal-meta-separator{color:#d0d0d0}.goal-meta-activity{color:#999;font-weight:400}.goal-linked-work{padding:12px 20px 16px;background:#fafafa;border-top:1px solid #f0f0f0}.linked-work-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:8px}.linked-project-item{padding:6px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;font-size:13px;color:#666;margin-bottom:6px}.linked-project-item:last-child{margin-bottom:0}.goals-sidebar-section{margin-bottom:32px}.goals-sidebar-section:last-child{margin-bottom:0}.goals-sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 16px}.goal-insight{display:flex;gap:12px;padding:12px 14px;background:#fff;border-radius:6px;margin-bottom:8px;border-left:3px solid transparent;position:relative}.goal-insight:last-child{margin-bottom:0}.btn-dismiss-suggestion{position:absolute;top:8px;right:8px;background:none;border:none;font-size:18px;color:#ccc;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s;line-height:1}.btn-dismiss-suggestion:hover{color:#666}.goal-insight-icon{font-size:16px;line-height:1;flex-shrink:0}.goal-insight-content{flex:1;min-width:0}.goal-insight-label{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.goal-insight-text{font-size:12px;color:#666;line-height:1.5}.goal-insight-suggestion-text{font-size:12px;color:#1a1a1a;font-style:italic;background:#f5f5f5;padding:6px 8px;border-radius:3px;line-height:1.5}.goal-insight-warning{border-left-color:#f59e0b;background:#fffbf5}.goal-insight-good{border-left-color:#10b981;background:#f0fdf9}.goal-insight-info{border-left-color:#3b82f6;background:#f5f9ff}.goal-insight-deadline{border-left-color:#8b5cf6;background:#faf5ff}.goal-insight-progress{border-left-color:#06b6d4;background:#f0fdff}.goal-insight-suggestion{border-left-color:#f97316;background:#fff7ed}.goal-insight-metric{border-left-color:#6b7280;background:#f9fafb}.goal-detail-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000;display:flex;justify-content:flex-end}.goal-detail-pane{width:480px;background:#fff;box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.goal-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.goal-detail-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.btn-close-pane{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-close-pane:hover{color:#1a1a1a}.goal-detail-body{flex:1;overflow-y:auto;padding:24px}.goal-detail-section{margin-bottom:24px}.goal-detail-section:last-child{margin-bottom:0}.progress-input-group{display:flex;align-items:center;gap:8px}.detail-input-small{width:80px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-family:inherit;color:#1a1a1a}.detail-input-small:focus{outline:none;border-color:#999}.progress-unit{font-size:14px;color:#666}.linked-work-summary{display:flex;gap:24px;padding:16px;background:#fafafa;border-radius:4px}.linked-work-stat{display:flex;flex-direction:column;align-items:center}.stat-count{font-size:24px;font-weight:600;color:#1a1a1a;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.05em}.btn-delete-goal{width:100%;padding:10px 16px;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete-goal:hover{background:#dc2626;color:#fff}.ai-focus-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:8px;margin:10px 10px 16px}.ai-focus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-focus-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.ai-dismiss-btn{background:transparent;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.ai-dismiss-btn:hover{opacity:1}.ai-focus-task{font-size:16px;font-weight:600;margin-bottom:6px;line-height:1.3}.ai-focus-reason{font-size:13px;opacity:.9;line-height:1.4}.ai-focus-card.ai-loading{background:linear-gradient(135deg,#667eea,#764ba2);opacity:.85}.ai-loading-message{font-size:13px;opacity:.9;font-style:italic;animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.7}50%{opacity:.95}}.ai-insights-section{margin-bottom:20px;padding:12px;background:#fafafa;border-radius:6px;border:1px solid #e5e5e5}.insights-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#666;margin-bottom:8px;letter-spacing:.05em}.ai-insight-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #e5e5e5}.ai-insight-row:last-child{border-bottom:none}.ai-insight-message{font-size:13px;color:#1a1a1a;line-height:1.4;flex:1}.ai-insight-dismiss{background:transparent;border:none;color:#999;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.ai-insight-dismiss:hover{color:#666}.active-filter-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f6;color:#fff;border-radius:16px;font-size:13px;font-weight:500}.clear-filter-btn{background:transparent;border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.8}.clear-filter-btn:hover{opacity:1}.life-area-chip.filter-active{background:#3b82f6;border-color:#3b82f6}.life-area-chip.filter-active .life-area-chip-name{color:#fff}.life-area-chip.filter-active .life-area-chip-count{background:#fff;color:#3b82f6}.life-area-chip.ai-highlighted{border-color:#764ba2;border-width:2px;animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{border-color:#764ba2}50%{border-color:#667eea}}.context-goal-item.filter-active{background:#3b82f6;color:#fff;font-weight:600}.context-goal-item.ai-highlighted{border-left:3px solid #764ba2;padding-left:9px}.context-goal-item:hover{background:#f0f0f0}.context-goal-item.filter-active:hover{background:#2563eb}.today-tasks-section{margin-top:0}.today-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 10px;background:transparent;border:none;cursor:pointer;transition:background .2s;margin-bottom:8px}.today-section-header:hover{background:#fafafa}.today-section-title{font-size:14px;font-weight:600;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.05em}.today-section-toggle{font-size:18px;font-weight:400;color:#666;line-height:1}} .loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .3s ease;margin:0;padding:0}.loading-screen-fade{opacity:0;pointer-events:none}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-scene{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:100px}.loading-trex{font-size:48px;transform:scaleX(-1) translateY(-50%);position:absolute;left:150px;top:50%;animation:trex-bounce .6s ease-in-out infinite}.loading-trex.trex-approaching{animation:trex-approach 1.5s ease-out forwards,trex-bounce .6s ease-in-out infinite}@keyframes trex-approach{0%{left:0}to{left:150px}}@keyframes trex-bounce{0%,to{transform:scaleX(-1) translateY(-50%)}50%{transform:scaleX(-1) translateY(calc(-50% - 8px))}}.fire-breath{position:absolute;left:200px;top:50%;transform:translateY(-50%);display:flex;gap:4px;font-size:24px;animation:fire-blast 1.5s ease-out forwards}.fire-breath span{animation:fire-flicker .2s ease-in-out infinite}.fire-breath span:nth-child(2){animation-delay:.05s}.fire-breath span:nth-child(3){animation-delay:.1s}@keyframes fire-blast{0%{opacity:0;transform:translate(0) translateY(-50%) scale(.3)}20%{opacity:1;transform:translate(0) translateY(-50%) scale(1)}70%{opacity:1;transform:translate(30px) translateY(-50%) scale(1.5)}to{opacity:1;transform:translate(30px) translateY(-50%) scale(1.5)}}@keyframes fire-flicker{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.poof-effect{position:absolute;left:250px;top:50%;transform:translateY(-50%);font-size:64px;animation:poof-expand .8s ease-out forwards}@keyframes poof-expand{0%{opacity:0;transform:translateY(-50%) scale(0)}30%{opacity:1;transform:translateY(-50%) scale(1.5)}to{opacity:0;transform:translateY(-50%) scale(2)}}.loading-text{font-size:20px;font-weight:500;color:#667eea;letter-spacing:.5px;position:absolute;left:250px;top:50%;transform:translateY(-50%);text-shadow:0 0 10px rgba(102,126,234,.8),0 0 20px rgba(102,126,234,.6),0 0 30px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2);animation:bloom-pulse 2s ease-in-out infinite}@keyframes bloom-pulse{0%,to{text-shadow:0 0 10px rgba(102,126,234,.8),0 0 20px rgba(102,126,234,.6),0 0 30px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2)}50%{text-shadow:0 0 20px rgba(102,126,234,1),0 0 30px rgba(102,126,234,.8),0 0 40px rgba(102,126,234,.6),0 0 50px rgba(102,126,234,.4),0 0 60px rgba(102,126,234,.2)}}@media (prefers-reduced-motion: reduce){.loading-trex{animation:none;transform:scaleX(-1)}.fire-breath,.fire-breath span,.poof-effect{animation:none}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--bg-accent: #e9ecef;--text-primary: #333333;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #ced4da;--border-light: #dee2e6;--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--status-success: #28a745;--status-info: #007bff;--status-warning: #ffc107;--status-danger: #dc3545;--status-secondary: #6c757d;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hover: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%)}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #242424;--bg-accent: #3a3a3a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-color: #404040;--border-light: #505050;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5)}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-form{background:var(--bg-primary);padding:40px;border-radius:16px;box-shadow:0 20px 40px var(--shadow-color);width:100%;max-width:400px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.login-form .logo-container{flex-direction:column;margin-bottom:30px;display:flex;align-items:center}.login-form h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-icon{font-size:20px;line-height:1}.logout-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.logout-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;transform:translateY(-1px)}.logo-container{position:relative}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#fff;color:var(--text-primary);transition:background-color .3s ease,color .3s ease;margin:0;padding:0}.app-unified-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000001f;display:flex;justify-content:space-between;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:1000;height:60px}.app-unified-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-content:flex-start}.app-unified-header-center{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;min-width:0}.app-unified-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-content:flex-end}.dashboard-user-info{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;min-width:120px;height:44px;box-sizing:border-box}.dashboard-user-info:hover{background:#ffffff1a;border-color:#fff6}.dashboard-user-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dashboard-app-logo{flex-shrink:0}.dashboard-app-logo img{width:32px;height:32px;border-radius:6px;box-shadow:0 1px 4px #0003}.dashboard-app-title-section{text-align:center;min-width:0}.dashboard-app-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.3px;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-app-subtitle{margin:1px 0 0;font-size:.7rem;opacity:.9;font-weight:400;line-height:1}.logout-btn-compact{padding:10px 14px;background:#0003;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);height:44px;box-sizing:border-box;display:flex;align-items:center}.logout-btn-compact:hover{background:#0000004d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.chat-date-header{background:var(--bg-secondary);padding:6px 16px;margin:-10px 0 8px;border-radius:8px;border-bottom:1px solid var(--border-light);font-size:.9rem;font-weight:500;color:var(--text-muted);text-align:center;box-shadow:0 1px 3px var(--shadow-color);display:flex;justify-content:space-between;align-items:center}.minimize-chat-btn{background:var(--bg-accent);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.minimize-chat-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.app-container{display:flex;height:calc(100vh - 60px);margin-top:60px;overflow:hidden}.app-container:has(.productivity-folder) .dashboard{margin-right:105px}.app-container:has(.productivity-folder.expanded) .dashboard{margin-right:320px}@media (max-width: 768px){.app-container{flex-direction:column;height:calc(100vh - 60px);margin-top:60px}.app-unified-header{padding:8px 12px;height:60px}.dashboard-app-logo img{width:28px;height:28px}.dashboard-app-title{font-size:1rem}.dashboard-app-subtitle{font-size:.65rem}.dashboard-user-name{display:none}.logout-btn-compact{padding:6px 12px;font-size:.75rem}.dashboard-user-info{padding:4px 8px;gap:8px}.chat-window{min-width:unset;max-width:unset;height:35vh;order:1}.dashboard{width:100%;height:65vh;border-left:none;border-top:1px solid var(--border-light);padding:0;order:2}.dashboard>*{padding-left:10px;padding-right:10px}}.chat-window{flex:1;min-width:500px;max-width:1000px;height:calc(100vh - 60px);display:flex;flex-direction:column;padding:10px;background-color:var(--bg-tertiary)}@media (max-width: 768px){.chat-window{padding:6px}.chat-window h2{font-size:1.1rem;margin-bottom:8px}.logo-container{margin-bottom:4px}.chat-box{padding:6px;margin-bottom:6px;font-size:.85rem;line-height:1.4}.chat-input{height:40px;font-size:16px;padding:6px}.chat-controls{gap:6px}.chat-controls button{padding:8px 12px;font-size:14px;min-height:40px}.logo{width:50px}}.logo-container{display:flex;align-items:center;margin-bottom:5px}.logo{width:75px;height:auto}.chat-box{display:block;flex:1;border:1px solid var(--border-color);border-radius:12px;padding:10px;background:var(--bg-primary);color:var(--text-primary);overflow-y:auto;margin-bottom:12px;line-height:1.6;font-size:.95rem;min-height:0}.chat-controls{display:flex;flex-direction:column;gap:10px}.chat-buttons{display:flex;gap:8px;justify-content:flex-end}.chat-buttons button{padding:8px 12px;font-size:1rem;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease;height:38px}.chat-buttons button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.chat-controls button{padding:8px 12px;font-size:1rem;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease;height:38px}.chat-controls .test-btn{background:linear-gradient(135deg,#28a745,#20c997);font-size:.9rem;padding:8px 10px}.chat-controls .test-btn:hover{background:linear-gradient(135deg,#218838,#1ea087)}.chat-controls button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.chat-input{border-radius:8px;padding:10px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);resize:none;height:80px;font-size:1rem}.dashboard{width:475px;flex-shrink:0;background-color:var(--bg-primary);border-left:1px solid var(--border-light);padding:0;display:flex;flex-direction:column;overflow-y:auto}.dashboard>*{padding-left:16px;padding-right:16px}.dashboard>*:first-of-type{padding-top:16px}.dashboard>*:last-child{padding-bottom:16px}.dashboard h2{margin-top:0;margin-bottom:12px}.dashboard-header-container{position:relative;margin-bottom:0;padding-top:0;min-height:auto}.dashboard-header-container h2{margin-top:0!important;margin-bottom:10px!important}.section{margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-light);padding-bottom:4px}.section-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.section-list{list-style-type:none;padding-left:0;margin-top:10px}.section-list li{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}.task-input-bar{display:flex;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-light)}.task-input-bar input{flex:1;padding:8px;font-size:1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.task-input-bar button{padding:8px 12px;font-size:1rem;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.task-input-bar button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.mobile-nav{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:8px;gap:8px;order:0;flex-shrink:0}.nav-btn{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;min-height:40px;white-space:nowrap}.nav-btn.active{background:var(--status-info);color:#fff;border-color:var(--status-info)}.mobile-hidden{display:none!important}.dashboard h2{font-size:1.1rem;margin-bottom:12px}.section{margin-bottom:15px}.section-header h3{font-size:.9rem}.task-input-bar input{font-size:16px;min-height:44px}.task-input-bar button{min-height:44px;padding:12px 16px}.section-list li{padding:12px 0;min-height:48px;align-items:center}.task-checkbox{margin-right:16px!important;margin-left:12px!important;transform:scale(1.4)!important}.task-text{font-size:15px}}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chat-header h2{margin:0}.chat-date{color:var(--text-muted);font-size:.9rem;font-weight:500;padding:6px 12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-light)}.logout-btn-header{padding:8px 16px!important;font-size:.9rem!important;border-radius:6px!important;transition:all .2s ease!important}.logout-btn-header:hover{box-shadow:0 4px 12px #667eea4d!important}.task-item{transition:all .3s ease;position:relative;overflow:hidden;padding:8px 0;border-radius:4px}.task-item.completing{animation:strikethrough-and-fade 2s ease-in-out forwards}.task-item.completing .task-text{text-decoration:line-through;color:#6c757d;transition:all .5s ease}.task-item.completed{opacity:0;transform:translate(-20px);max-height:0;padding:0;margin:0;overflow:hidden}@keyframes strikethrough-and-fade{0%{opacity:1;transform:translate(0);background-color:transparent}25%{background-color:#667eea1a}50%{opacity:1;transform:translate(0);background-color:#4caf5033}75%{opacity:.7;transform:translate(-5px);background-color:#4caf501a}to{opacity:0;transform:translate(-20px);max-height:0;padding:0;margin:0}}.task-checkbox{margin-right:16px;margin-left:8px;cursor:pointer;transform:scale(1.2);transition:all .1s ease;accent-color:#667eea;position:relative;z-index:1}.task-checkbox:hover{transform:scale(1.25)}.task-checkbox:checked{accent-color:#4caf50}.task-checkbox:disabled{cursor:not-allowed;opacity:.6}.task-text{flex:1;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.4}.task-text.completing{text-decoration:line-through;color:#6c757d!important;font-style:italic}.task-checkbox.success{animation:checkSuccess .6s ease}.task-checkbox.uncomplete{animation:checkUncomplete .6s ease}@keyframes checkSuccess{0%{transform:scale(1.2);filter:brightness(1)}50%{transform:scale(1.4);filter:brightness(1.3) saturate(1.8)}to{transform:scale(1.2);filter:brightness(1)}}@keyframes checkUncomplete{0%{transform:scale(1.2);filter:brightness(1)}50%{transform:scale(1.4);filter:brightness(.7) hue-rotate(180deg)}to{transform:scale(1.2);filter:brightness(1)}}.section-list li.task-item{display:flex;align-items:center;padding:8px 4px;transition:all .2s ease;border-radius:4px;margin:2px 0;min-height:36px}.section-list li.task-item:hover{background-color:#007bff0d;padding-left:8px}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:80px 10px 10px}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px var(--shadow-hover);width:100%;max-width:700px;max-height:85vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-content.compact{max-width:600px;max-height:90vh}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.modal-content.compact .modal-header{padding:16px 20px}.modal-header h3{margin:0;color:#fff;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px}.modal-content.compact .modal-header h3{font-size:1.1rem;gap:8px}.modal-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:1.3rem;color:#fff;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#fff3;transform:scale(1.05)}.item-form{padding:24px 28px;background:var(--bg-primary)}.modal-content.compact .item-form{padding:18px 20px}.form-row{margin-bottom:18px}.modal-content.compact .form-row{margin-bottom:14px}.form-row label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.modal-content.compact .form-row label{font-size:.8rem;margin-bottom:4px;letter-spacing:.3px}.form-row input,.form-row textarea,.form-row select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.modal-content.compact .form-row input,.modal-content.compact .form-row textarea,.modal-content.compact .form-row select{padding:8px 12px;font-size:.85rem;border-radius:6px}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26,0 2px 8px #0000001a;transform:translateY(-1px)}.form-row textarea{resize:vertical;min-height:80px;line-height:1.5}.modal-content.compact .form-row textarea{min-height:60px;line-height:1.4}.form-row-split{display:flex;gap:16px;margin-bottom:18px}.modal-content.compact .form-row-split{gap:12px;margin-bottom:14px}.form-field{flex:1}.form-field label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.modal-content.compact .form-field label{font-size:.8rem;margin-bottom:4px;letter-spacing:.3px}.form-field input,.form-field select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.modal-content.compact .form-field input,.modal-content.compact .form-field select{padding:8px 12px;font-size:.85rem;border-radius:6px}.form-field input:focus,.form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26,0 2px 8px #0000001a;transform:translateY(-1px)}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;border-top:1px solid var(--border-light);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 0 12px 12px}.modal-content.compact .modal-footer{padding:16px 20px;gap:10px}.modal-footer-left,.modal-footer-right{display:flex;gap:12px}.btn-delete{padding:8px 16px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel{padding:12px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.modal-content.compact .btn-cancel{padding:8px 16px;font-size:.85rem;border-radius:6px;letter-spacing:.3px}.btn-cancel:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}.btn-save{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.modal-content.compact .btn-save{padding:8px 20px;font-size:.85rem;border-radius:6px;letter-spacing:.3px}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.modal-overlay{padding:20px 5px 5px;align-items:flex-start}.modal-content{max-width:100%;max-height:95vh;margin:0}.modal-header{padding:16px 20px}.modal-header h3{font-size:1.1rem}.item-form{padding:20px}.form-row,.form-row-split{margin-bottom:16px}.form-row-split{flex-direction:column;gap:12px}.modal-footer{padding:16px 20px;flex-direction:column;gap:12px}.modal-footer-left,.modal-footer-right{width:100%;justify-content:center}.btn-save,.btn-cancel{padding:14px 24px;font-size:1rem}}.form-row label[for*=Title]:after,.form-row label[for*=title]:after{content:" *";color:#e74c3c;font-weight:700}.form-row input[required],.form-row textarea[required],.form-row select[required]{border-left:4px solid #667eea}.form-row input[required]:focus,.form-row textarea[required]:focus,.form-row select[required]:focus{border-left-color:#5a6fd8}.item-type-selector{flex:1;margin-right:12px}.item-type-dropdown{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.item-type-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.item-type-dropdown:hover{border-color:#007bff}.add-item-btn{padding:12px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:140px}.add-item-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.task-input-bar{display:flex;align-items:center;gap:12px;padding:16px;border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.add-item-container{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-light)}.add-item-selector{display:flex;gap:10px;align-items:center}.item-type-dropdown{padding:8px 12px;font-size:1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease;min-width:160px}.item-type-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.add-item-btn{padding:8px 16px;font-size:1rem;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap}.add-item-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.add-item-btn:active{transform:translateY(0)}.suggestion-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid #4CAF50;background:var(--bg-primary);color:#4caf50;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;margin-left:8px;transition:all .2s ease;vertical-align:middle;line-height:1}.suggestion-button:hover{background:#4caf50;color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #4caf504d}.suggestion-button:active{transform:scale(.95)}.suggestion-container{display:inline-block;position:relative}.suggestion-text{background:#4caf501a;padding:2px 6px;border-radius:4px;margin-right:2px;position:relative;transition:all .3s ease}.suggestion-text.habit-suggestion{background:#9c27b01a;color:#9c27b0}.suggestion-text.goal-suggestion{background:#ff98001a;color:#ff9800}.suggestion-text.project-suggestion{background:#3f51b51a;color:#3f51b5}.suggestion-text.task-suggestion{background:#4caf501a;color:#4caf50}.suggestion-button.habit-button{border-color:#9c27b0;color:#9c27b0}.suggestion-button.habit-button:hover{background:#9c27b0;color:#fff}.suggestion-button.goal-button{border-color:#ff9800;color:#ff9800}.suggestion-button.goal-button:hover{background:#ff9800;color:#fff}.suggestion-button.project-button{border-color:#3f51b5;color:#3f51b5}.suggestion-button.project-button:hover{background:#3f51b5;color:#fff}.suggestion-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.suggestion-tooltip.show{opacity:1;animation:tooltipFadeInOut 2s ease-out forwards}@keyframes tooltipFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(5px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.suggestion-success{animation:suggestionSuccess 1.5s ease-out forwards;pointer-events:none}@keyframes suggestionSuccess{0%{background:#4caf50;color:#fff;transform:scale(1)}50%{transform:scale(1.2)}70%{opacity:1}to{opacity:.3;transform:scale(1);background:#4caf501a;color:#4caf50}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-row-secondary{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-light)}.filter-row-secondary .filter-group{max-width:400px}.filter-group select[id=projectFilter]{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}.filter-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;margin:20px;box-shadow:0 2px 8px var(--shadow-color)}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.filter-group input,.filter-group select{transition:all .2s ease;border:2px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);width:100%}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;transform:translateY(-1px)}@media (max-width: 768px){.filter-section{margin:15px;padding:16px 20px}.filter-row{flex-direction:column;gap:12px}.filter-row-secondary{margin-top:12px;padding-top:12px}.filter-group{min-width:auto}.filter-group input,.filter-group select{font-size:16px;min-height:44px}}@media (max-width: 480px){.filter-section{margin:10px;padding:12px 16px}.filter-group label{font-size:.8rem;margin-bottom:4px}.filter-row-secondary{margin-top:10px;padding-top:10px}}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.chat-header-controls{display:flex;align-items:center;gap:8px}.minimize-btn{background:#f44!important;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.minimize-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.chat-window.minimized{width:400px;min-width:400px;max-width:400px;height:auto;min-height:auto;max-height:none;overflow:hidden;transition:width .3s ease}.chat-window.minimized .logo-container{display:none}.chat-window.minimized .chat-date-header{padding:6px 12px;font-size:.9rem;justify-content:space-between}.chat-window.minimized .chat-date-header span{display:block}.chat-window.minimized .minimize-chat-btn{transform:none;font-size:12px;min-width:24px;height:24px;padding:4px 8px}.chat-window.minimized .chat-box{display:block;padding:8px;font-size:13px;max-height:calc(100vh - 200px);overflow-y:auto}.chat-window.minimized .message{margin-bottom:8px;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.chat-window.minimized .message-header{display:block;font-size:12px}.chat-window.minimized .chat-controls{padding:8px;flex-direction:column}.chat-window.minimized .chat-input{min-height:60px;font-size:13px;padding:8px;resize:vertical}.chat-window.minimized .chat-buttons{margin-top:8px}.chat-window.minimized .chat-buttons button{font-size:13px;padding:6px 12px;width:auto}@media (max-width: 768px){.minimize-btn{padding:4px 8px;font-size:12px;min-width:28px;height:28px}.chat-window.minimized{width:300px;min-width:300px;max-width:300px;padding:4px}.chat-window.minimized .minimize-chat-btn{font-size:11px;min-width:22px;height:22px;padding:3px 6px}.chat-window.minimized .chat-input{min-height:50px;font-size:12px;padding:6px}.chat-window.minimized .chat-buttons button{font-size:12px;padding:4px 8px}}.chat-window.hidden{width:40px;min-width:40px;max-width:40px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-light);transition:width .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 0;overflow:hidden}.chat-window.hidden .chat-date-header,.chat-window.hidden .chat-box,.chat-window.hidden .chat-controls,.chat-window.hidden .logo-container{display:none}.chat-window.hidden:before{content:"💬";font-size:24px;margin-bottom:10px;cursor:pointer;transition:transform .2s ease;display:block}.chat-window.hidden:hover:before{transform:scale(1.1)}.chat-window.hidden .expand-chat-btn{writing-mode:vertical-rl;text-orientation:mixed;background:var(--bg-accent);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 4px;border-radius:4px;cursor:pointer;font-size:10px;transition:all .2s ease;margin-top:auto;margin-bottom:10px}.chat-window.hidden .expand-chat-btn:hover{background:var(--bg-tertiary);transform:translate(-2px)}@media (max-width: 768px){.chat-window.hidden{width:30px;min-width:30px;max-width:30px;padding:8px 0}.chat-window.hidden:before{font-size:18px;margin-bottom:8px}.chat-window.hidden .expand-chat-btn{font-size:8px;padding:6px 2px}}.markdown-table{border-collapse:collapse;width:100%;margin:12px 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;font-size:14px}.markdown-th{background:var(--bg-secondary);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color)}.markdown-th:last-child{border-right:none}.markdown-td{padding:12px 16px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);color:var(--text-primary);vertical-align:top}.markdown-td:last-child{border-right:none}.markdown-table tr:last-child .markdown-td{border-bottom:none}.markdown-table tr:nth-child(2n){background:var(--bg-tertiary)}.markdown-table tr:hover{background:var(--hover-color)}.markdown-h1{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:20px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.markdown-h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:18px 0 14px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.markdown-h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:16px 0 12px}.markdown-blockquote{border-left:4px solid var(--primary-color);margin:16px 0;padding:12px 20px;background:var(--bg-secondary);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-muted)}.markdown-ul,.markdown-ol{margin:12px 0;padding-left:24px;color:var(--text-primary)}.markdown-li{margin:6px 0;line-height:1.5}.markdown-ul .markdown-li{list-style-type:disc}.markdown-ol .markdown-li{list-style-type:decimal}.markdown-table code,.markdown-td code,.markdown-th code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;border:1px solid var(--border-light)}.markdown-table a,.markdown-td a,.markdown-th a{color:var(--primary-color);text-decoration:none;font-weight:500}.markdown-table a:hover,.markdown-td a:hover,.markdown-th a:hover{text-decoration:underline}.chat-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.chat-popup{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px var(--shadow-color);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.chat-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.chat-popup-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.chat-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:4px;transition:all .2s ease}.chat-close-btn:hover{background:var(--bg-accent);color:var(--text-primary)}.chat-popup .chat-date-header{padding:15px 20px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-light)}.chat-popup .chat-box{flex:1;padding:20px;overflow-y:auto;min-height:300px;max-height:60vh}.chat-popup .chat-input-container{padding:20px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:10px}.chat-popup .chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s ease}.chat-popup .chat-input:focus{border-color:var(--status-info);box-shadow:0 0 0 2px #007bff1a}.chat-popup .send-btn{padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-popup .send-btn:hover:not(:disabled){background:var(--gradient-hover);transform:translateY(-1px)}.chat-popup .send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-popup .message{margin-bottom:15px;padding:12px 16px;border-radius:12px;max-width:85%}.chat-popup .message.user{background:var(--status-info);color:#fff;margin-left:auto;text-align:right}.chat-popup .message.assistant{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}@media (max-width: 768px){.chat-overlay{padding:10px}.chat-popup{max-width:100%;max-height:95vh}.chat-popup-header,.chat-popup .chat-input-container,.chat-popup .chat-box{padding:15px}}.fullpage-login-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px;gap:48px}.fullpage-login-container .login-logo-section{display:flex;flex-direction:column;align-items:center;gap:20px}.fullpage-login-container .logo-container{margin:0}.fullpage-login-container .logo-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.fullpage-login-container .app-title{font-size:36px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.fullpage-login-container .app-subtitle{font-size:18px;font-weight:400;color:#ffffffe6;margin:0;letter-spacing:-.2px;text-shadow:0 1px 4px rgba(0,0,0,.1)}.fullpage-login-container .login-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.fullpage-login-container .login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:56px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.fullpage-login-container .login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003;background:#fff;border-color:#fff6}.fullpage-login-container .login-btn:active{transform:translateY(0);box-shadow:0 4px 15px #00000026}.fullpage-login-container .microsoft-organization-btn:hover{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border-color:#0078d4}.fullpage-login-container .microsoft-consumer-btn:hover{background:linear-gradient(135deg,#00a1f1,#0078d4);color:#fff;border-color:#00a1f1}.fullpage-login-container .btn-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fullpage-login-container .microsoft-icon{width:20px;height:20px}.fullpage-login-container .login-footer{margin-top:24px}.fullpage-login-container .login-footer p{font-size:12px;color:#ffffffb3;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 480px){.fullpage-login-container{padding:24px 16px;gap:36px}.fullpage-login-container .logo-image{width:64px;height:64px}.fullpage-login-container .app-title{font-size:28px}.fullpage-login-container .app-subtitle{font-size:16px}.fullpage-login-container .login-buttons{max-width:280px}.fullpage-login-container .login-btn{padding:14px 20px;font-size:15px;min-height:52px}}.modern-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #0000001a;width:100%;max-width:420px;text-align:center;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.login-logo-section{margin-bottom:40px}.logo-container{margin-bottom:16px}.logo-image{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo{font-size:64px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.app-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.5px}.app-subtitle{font-size:16px;color:#6b7280;margin:0;font-weight:400}.welcome-section{margin-bottom:32px}.welcome-title{font-size:24px;font-weight:600;color:#111827;margin:0;letter-spacing:-.3px}.login-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:56px;position:relative;overflow:hidden}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#d1d5db}.login-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0000001a}.microsoft-btn:hover{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border-color:#0078d4}.google-btn:hover{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border-color:#4285f4}.btn-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.microsoft-icon,.google-icon{width:20px;height:20px;flex-shrink:0}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #f3f4f6}.login-footer p{font-size:14px;color:#9ca3af;margin:0;font-weight:400}@media (max-width: 480px){.modern-login-container{padding:16px}.login-card{padding:32px 24px;border-radius:16px}.app-title{font-size:24px}.welcome-title{font-size:20px}.login-btn{padding:14px 20px;font-size:15px;min-height:52px}}
