: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-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}}: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:var(--bg-tertiary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.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}}