*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-feature-settings:"liga","kern";background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:8px;text-rendering:optimizeLegibility}#root,body{min-height:100vh}#root{align-items:flex-start;display:flex;justify-content:center;padding-top:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}body{background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.app{margin:0 auto;max-width:600px;padding:0 16px;width:100%}@media (max-width:768px){.app{padding:0 8px}.todo-container{border-radius:16px;margin:0 4px}.header{padding:20px}.title{font-size:2rem}}@media (max-width:480px){.app{padding:0 4px}.todo-container{border-radius:12px;margin:0}.header{padding:16px}.title{font-size:1.8rem}.stats{padding:8px 20px}}.todo-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border-radius:20px;box-shadow:0 20px 40px #0000001a;min-height:300px;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.title{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0003}.subtitle{font-size:1.1rem;font-weight:300;opacity:.9}.stats{background:#667eea14;border-top:1px solid #667eea26;display:flex;justify-content:space-around;margin-top:8px;padding:12px 30px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-number{color:#3b4ec7!important;font-weight:800}.stat-label,.stat-number{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}.stat-label{color:#111!important;font-size:.9rem;font-weight:700}.todo-list{margin:0;max-height:450px;overflow-y:auto;padding:0}.empty-state{color:#333!important;padding:30px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-text{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;color:#222!important;font-size:1.1rem;font-weight:700;text-rendering:optimizeLegibility}.welcome-state{color:#666;padding:30px;text-align:center}.welcome-icon{font-size:4rem;margin-bottom:20px}.welcome-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:12px}.welcome-text{font-size:1rem;line-height:1.6;margin:0 auto;max-width:300px}@media (max-width:768px){.app{margin:0 10px}.todo-container{border-radius:15px}.header{padding:30px 20px}.title{font-size:2rem}.subtitle{font-size:1rem}.stats{padding:10px 20px}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}}@media (max-width:480px){.title{font-size:1.8rem}.empty-state,.welcome-state{padding:20px}.empty-icon,.welcome-icon{font-size:2.5rem}}.offline-banner{background:linear-gradient(135deg,#ff9a56,#ff6b6b);border-radius:8px;box-shadow:0 2px 10px #ff6b6b4d;color:#fff;font-weight:500;margin-bottom:20px;padding:10px 20px;text-align:center}.install-prompt,.update-prompt{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;margin-bottom:20px;padding:15px 20px}.install-content,.update-content{align-items:center;display:flex;gap:15px;justify-content:space-between}.install-actions,.update-actions{display:flex;gap:10px}.install-btn,.update-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.install-btn:hover,.update-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.dismiss-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fffc;cursor:pointer;padding:8px 16px;transition:all .3s ease}.dismiss-btn:hover{border-color:#ffffff80;color:#fff}@media (max-width:768px){.install-content,.update-content{flex-direction:column;gap:10px;text-align:center}.offline-banner{font-size:.9rem;margin:10px;padding:8px 15px}}.completed-toggle{border-bottom:1px solid #667eea1a;display:flex;justify-content:center;padding:15px 30px}.toggle-completed-btn{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#667eea;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.toggle-completed-btn:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.toggle-completed-btn.active{background:#667eea;border-color:#667eea;color:#fff}.toggle-completed-btn.active:hover{background:#5a6fd8;border-color:#5a6fd8}.toggle-icon{font-size:1rem}.toggle-text{font-weight:500}.completed-count{font-size:.85rem;font-weight:400;opacity:.8}@media (max-width:768px){.completed-toggle{padding:12px 20px}.toggle-completed-btn{font-size:.85rem;gap:6px;padding:8px 12px}}.add-todo{background:#fff;border-bottom:1px solid #0000000d;padding:24px 30px}.add-todo-form{width:100%}.input-container{background:#f8f9fa;border:2px solid #0000;border-radius:12px;overflow:hidden;transition:all .3s ease}.input-container.expanded{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.input-wrapper{align-items:center;display:flex;gap:12px;padding:16px 20px}.add-icon{fill:#999;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.input-container.expanded .add-icon{fill:#667eea}.add-input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;outline:none}.add-input::placeholder{color:#999;transition:color .2s ease}.input-container.expanded .add-input::placeholder{color:#bbb}.priority-selector{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.priority-label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.priority-options{display:flex;flex-wrap:wrap;gap:8px}.priority-chip{align-items:center;background:#0000;border:2px solid;border-radius:20px;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.priority-chip:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.priority-chip.active{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.priority-chip-icon{font-size:.9rem}.priority-chip-label{font-weight:500}.due-date-selector{margin-top:12px}.due-date-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.due-date-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.due-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn{background:#0000;color:#666}.cancel-btn:hover{background:#f0f0f0;color:#333}.submit-btn{background:#667eea;color:#fff;min-width:60px}.submit-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.char-counter{color:#999;display:flex;font-size:.8rem;justify-content:flex-end;margin-top:8px}.char-counter .warning{color:#e74c3c;font-weight:500}.quick-tips{margin-top:12px;text-align:center}.tip{color:#999;font-size:.85rem;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-actions{animation:slideDown .2s ease}@media (max-width:768px){.add-todo{padding:20px}.input-actions,.input-wrapper{padding:14px 16px}.add-input{font-size:.95rem}}@media (max-width:480px){.add-todo{padding:16px}.input-wrapper{gap:10px;padding:12px 14px}.add-icon{height:18px;width:18px}.input-actions{gap:8px;padding:12px 14px}.cancel-btn,.submit-btn{font-size:.85rem;padding:6px 12px}}.add-input:focus{outline:none}.input-container:focus-within{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.quadrant-selector{border-top:1px solid #f0f0f0;padding:16px 20px}.quadrant-label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.quadrant-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.quadrant-item{align-items:center;background:#0000;border:2px solid;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-height:60px;padding:12px 16px;text-align:left;transition:all .2s ease}.quadrant-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.quadrant-item.active{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.quadrant-icon{font-size:1.2rem}.quadrant-text{display:flex;flex-direction:column;gap:2px}.quadrant-text .quadrant-label{font-size:.85rem;font-weight:600;margin:0}.quadrant-description{font-size:.75rem;opacity:.8}@media (max-width:480px){.quadrant-grid{gap:8px;grid-template-columns:1fr}.quadrant-item{min-height:50px;padding:10px 12px}.quadrant-selector{padding:12px 14px}}.todo-item{align-items:center;background:#f5f5f5!important;border-bottom:1px solid #00000026;display:flex;justify-content:space-between;padding:12px 20px;transition:all .2s ease}.todo-item.selected{background:#3498db1a;border-color:#3498db99;box-shadow:0 0 0 2px #3498db33}.todo-item:hover{background:#667eea1f!important;border-left:3px solid #667eea99;box-shadow:0 2px 6px #00000026}.todo-item.completed{opacity:.7}.todo-content{flex:1 1;gap:16px}.selection-btn,.todo-content{align-items:center;display:flex}.selection-btn{background:none;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;justify-content:center;margin-right:12px;transition:all .3s ease;width:20px}.selection-btn:hover{background:#3498db1a;border-color:#3498db99}.selection-btn.selected{background:#3498dbcc;border-color:#3498dbcc}.selection-btn .check-icon{fill:#fff;height:12px;width:12px}.toggle-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.toggle-btn:hover{border-color:#667eea;transform:scale(1.1)}.toggle-btn.checked{background:#667eea;border-color:#667eea}.todo-text-container{flex:1 1;min-width:0}.todo-text{word-wrap:break-word;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;color:#000!important;display:block;font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:2px;text-rendering:optimizeLegibility}.todo-text.clickable{cursor:pointer;position:relative;transition:color .2s ease}.todo-text.clickable:hover{color:#667eea!important}.todo-text.clickable:after{content:"👁️";font-size:.8rem;opacity:0;position:absolute;right:-20px;top:0;transition:opacity .2s ease}.todo-text.clickable:hover:after{opacity:.7}.completed .todo-text{color:#333!important;font-weight:600;text-decoration:line-through}.todo-meta{align-items:center;display:flex;gap:8px;margin-top:4px}.todo-date{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;color:#222!important;font-size:.8rem;font-weight:700;text-rendering:optimizeLegibility}.todo-priority{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.edit-input{background:#fff;border:2px solid #667eea;border-radius:8px;font-family:inherit;font-size:1rem;outline:none;padding:8px 12px;width:100%}.todo-actions{display:flex;gap:8px;opacity:0;position:relative;transition:opacity .2s ease}.priority-dropdown{border:1px solid #e9ecef;box-shadow:0 4px 12px #00000026;min-width:180px;right:0;z-index:1000}.priority-option{border-left:3px solid #0000;font-size:.85rem}.priority-option:hover{background-color:#f8f9fa}.priority-option.active{background-color:#667eea1a}.priority-icon{text-align:center;width:20px}.priority-label{color:#333;flex:1 1}.todo-item:hover .todo-actions{opacity:1}.action-btn{background:#0000;border:none;height:32px;width:32px}.priority-btn{background:#fff3cd;color:#856404}.priority-btn:hover{background:#ffeaa7;color:#6c5ce7}.action-btn:hover{transform:scale(1.1)}.edit-btn{color:#667eea}.edit-btn:hover{background:#667eea1a}.delete-btn{color:#e74c3c}.delete-btn:hover{background:#e74c3c1a}.action-icon{height:18px;width:18px}@media (max-width:768px){.todo-item{padding:10px 16px}.todo-actions{opacity:1}.action-btn{height:36px;width:36px}.action-icon{height:20px;width:20px}.todo-text{font-size:.95rem;font-weight:500}}.todo-item.compact{padding:12px 16px}.todo-item.compact .todo-actions{opacity:1}.todo-item.compact .action-btn{height:28px;width:28px}.todo-item.compact .action-icon{height:14px;width:14px}@media (max-width:480px){.todo-item{padding:8px 12px}.todo-content{gap:10px}.toggle-btn{height:20px;width:20px}.check-icon{height:12px;width:12px}.action-btn{height:32px;width:32px}.action-icon{height:16px;width:16px}.todo-text{font-size:.9rem;font-weight:500}}.filter-buttons{align-items:center;background:#fffc;border-bottom:1px solid #667eea1a;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;padding:16px 30px}.filter-tabs{background:#667eea0d;border:1px solid #667eea1a;border-radius:20px;display:flex;gap:2px;padding:4px}.filter-tab{align-items:center;background:#0000;border:none;border-radius:16px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#667eea26;color:#667eea;transform:translateY(-1px)}.filter-tab.active{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.filter-icon{font-size:1rem}.filter-label{font-weight:500}.action-buttons{flex-wrap:nowrap}.action-btn{border:1px solid #0000;border-radius:16px;font-size:.85rem;gap:6px;min-width:100px;padding:8px 14px}.toggle-all-btn{background:#2ecc711a;border-color:#2ecc7133;color:#2ecc71}.toggle-all-btn:hover{background:#2ecc7133;border-color:#2ecc714d;box-shadow:0 2px 8px #2ecc7133;transform:translateY(-1px)}.clear-btn{background:#e74c3c1a;border-color:#e74c3c33;color:#e74c3c}.clear-btn:hover{background:#e74c3c33;border-color:#e74c3c4d;box-shadow:0 2px 8px #e74c3c33;transform:translateY(-1px)}.action-icon{fill:currentColor;height:16px;width:16px}.action-btn{animation:fadeIn .2s ease}@media (max-width:768px){.filter-buttons{align-items:stretch;flex-direction:column;padding:16px 20px}.filter-tab,.filter-tabs{justify-content:center}.filter-tab{flex:1 1;padding:12px 8px}.action-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.action-btn{flex:1 1;justify-content:center;min-width:140px;padding:10px 12px}}@media (max-width:480px){.filter-buttons{gap:12px;padding:14px 16px}.filter-tabs{padding:3px}.filter-tab{font-size:.8rem;padding:10px 6px}.filter-icon{font-size:.9rem}.action-buttons{gap:6px}.action-btn{flex:1 1;font-size:.75rem;min-width:110px;padding:8px 10px}.action-icon{height:14px;width:14px}}@media (max-width:360px){.filter-label{display:none}.filter-tab{padding:10px}.action-btn span{display:none}.action-btn{height:40px;justify-content:center;min-width:auto;padding:10px;width:40px}}.action-btn:focus,.filter-tab:focus{outline:2px solid #667eea;outline-offset:2px}.action-btn:focus:not(:focus-visible),.filter-tab:focus:not(:focus-visible){outline:none}.view-toggle{background:#fff;border-bottom:1px solid #0000000d;box-sizing:border-box;overflow:hidden;padding:20px 24px}@media (max-width:768px){.view-toggle{padding:16px}.view-options{gap:8px}.view-option{min-width:140px;padding:14px 16px}}@media (max-width:480px){.view-toggle{padding:12px}.view-options{gap:10px;grid-template-columns:1fr}.view-option{gap:10px;min-width:auto;padding:12px 14px;width:100%}.toggle-title{font-size:1.1rem}.toggle-subtitle{font-size:.85rem}}.view-toggle-header{margin-bottom:20px;text-align:center}.toggle-title{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 6px}.toggle-subtitle{color:#666;font-size:.9rem;margin:0}.view-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);justify-content:center;max-width:100%}.view-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;min-width:160px;padding:16px 18px;position:relative;text-align:left;transition:all .2s ease}.view-option:hover{background:#667eea05;border-color:#667eea;transform:translateY(-1px)}.view-option.active{background:#667eea0d;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.view-option-icon{align-items:center;background:#667eea1a;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.view-option.active .view-option-icon{background:#667eea}.view-icon{fill:#667eea;height:20px;width:20px}.view-option.active .view-icon{fill:#fff}.view-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.view-option-label{color:#333;font-size:1rem;font-weight:600;line-height:1.2}.view-option-description{color:#666;font-size:.85rem;line-height:1.3}.view-option-indicator{align-items:center;background:#667eea;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.check-icon{fill:#fff;height:14px;width:14px}.view-option-indicator{animation:slideIn .2s ease}@media (max-width:768px){.view-toggle{padding:16px 20px}.view-options{flex-direction:column;gap:12px}.view-option{min-width:auto;padding:14px 16px}.view-option-icon{height:36px;width:36px}.view-icon{height:18px;width:18px}.toggle-title{font-size:1.1rem}.toggle-subtitle{font-size:.85rem}}@media (max-width:480px){.view-toggle{padding:14px 16px}.view-toggle-header{margin-bottom:16px}.view-option{gap:10px;padding:12px 14px}.view-option-icon{height:32px;width:32px}.view-icon{height:16px;width:16px}.view-option-label{font-size:.95rem}.view-option-description{font-size:.8rem}.view-option-indicator{height:20px;width:20px}.check-icon{height:12px;width:12px}}.view-option:focus{outline:2px solid #667eea;outline-offset:2px}.view-option:focus:not(:focus-visible){outline:none}.view-option:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-option:disabled:hover{background:#fff;border-color:#e9ecef;transform:none}.matrix-view{background:#fff;padding:20px}.matrix-header{margin-bottom:30px;text-align:center}.matrix-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:8px}.matrix-subtitle{color:#666;font-size:1rem;margin:0}.matrix-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-bottom:30px;min-height:600px}.quadrant{border:2px solid;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.quadrant:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.quadrant-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.quadrant-icon{align-items:center;background:#fffc;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.quadrant-info{flex:1 1}.quadrant-title{font-size:1.1rem;font-weight:600;line-height:1.2;margin:0 0 4px}.quadrant-subtitle{font-size:.85rem;font-weight:500;margin:0;opacity:.8}.quadrant-count{background:#ffffffe6;border-radius:12px;color:inherit;font-size:.8rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.quadrant-content{flex:1 1;max-height:400px;overflow-y:auto}.matrix-todo-item{cursor:move;margin-bottom:8px;transition:transform .2s ease}.matrix-todo-item:hover{transform:scale(1.02)}.matrix-todo-item:hover .todo-actions{opacity:1}.matrix-todo-item:last-child{margin-bottom:0}.empty-quadrant{align-items:center;border:2px dashed #0000001a;border-radius:12px;color:#999;display:flex;flex-direction:column;height:120px;justify-content:center;margin-top:20px;text-align:center}.empty-quadrant p{font-weight:500;margin:0 0 4px}.empty-quadrant small{font-size:.8rem;opacity:.7}.matrix-legend{display:flex;gap:40px;justify-content:center;margin-top:20px}.legend-item{gap:12px}.legend-axis,.legend-item{align-items:center;display:flex}.legend-axis{gap:8px}.axis-label{color:#666;font-size:.9rem;font-weight:600}.axis-line{background:#ddd}.axis-line.horizontal{height:2px;width:40px}.axis-line.vertical{height:40px;width:2px}.quadrant.drag-over{background-color:#667eea1a!important;border-color:#667eea!important}.matrix-todo-item.dragging{opacity:.5;transform:rotate(5deg)}@media (max-width:1024px){.matrix-grid{gap:16px;min-height:500px}.quadrant{padding:16px}.quadrant-header{gap:10px}.quadrant-icon{font-size:1.3rem;height:36px;width:36px}}@media (max-width:768px){.matrix-view{padding:16px}.matrix-grid{gap:12px;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);min-height:auto}.quadrant{min-height:200px;padding:14px}.matrix-title{font-size:1.5rem}.matrix-subtitle{font-size:.9rem}.quadrant-content{max-height:150px}.matrix-legend{flex-direction:column;gap:16px}}@media (max-width:480px){.matrix-view{padding:12px}.matrix-header{margin-bottom:20px}.matrix-title{font-size:1.3rem}.quadrant{min-height:180px;padding:12px}.quadrant-header{gap:8px;margin-bottom:12px}.quadrant-icon{font-size:1.1rem;height:32px;width:32px}.quadrant-title{font-size:1rem}.quadrant-subtitle{font-size:.8rem}}.quadrant-content::-webkit-scrollbar{width:6px}.quadrant-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.quadrant-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.quadrant-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.kanban-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 16px;overflow:hidden}.kanban-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;text-align:center}.kanban-title{font-size:1.5rem;font-weight:600;margin:0 0 6px}.kanban-subtitle{font-size:.9rem;margin:0;opacity:.9}.kanban-board{display:flex;flex-direction:column;gap:20px;min-height:600px;overflow-y:auto;padding:20px}.kanban-column{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;min-height:150px;overflow:hidden;transition:all .2s ease;width:100%}.kanban-column:hover{border-color:#dee2e6;box-shadow:0 4px 12px #0000001a}.column-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border-bottom:1px solid #00000014;border-radius:14px 14px 0 0;gap:14px;padding:20px}.column-header,.column-icon{align-items:center;display:flex}.column-icon{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 8px #0000001f,inset 0 1px 0 #fffc;font-size:1.4rem;height:40px;justify-content:center;width:40px}.column-info{flex:1 1}.column-title{font-size:1rem;font-weight:600;margin:0 0 2px}.column-subtitle{color:#666;font-size:.8rem;margin:0}.column-count{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;font-size:1.1rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.column-content{align-items:stretch;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;flex-direction:column;gap:12px;min-height:120px;overflow-y:auto;padding:20px}.kanban-todo-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e9ecef99;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:grab;flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.kanban-todo-item:hover{background:linear-gradient(135deg,#fff,#f8f9ff);border-color:#667eea;box-shadow:0 8px 24px #667eea33,0 4px 8px #0000001a;transform:translateY(-4px) scale(1.02)}.kanban-todo-item:hover .quick-move-buttons{opacity:1;visibility:visible}.kanban-todo-item:active{cursor:grabbing}.kanban-todo-item[draggable=true]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.kanban-todo-item.dragging{box-shadow:0 8px 32px #0000004d;opacity:.3;transform:rotate(5deg) scale(.95);transition:all .2s ease;z-index:1000}.kanban-column.drag-over{background:linear-gradient(135deg,#667eea26,#764ba21a);border:2px dashed #667eea;box-shadow:0 8px 24px #667eea33;transform:scale(1.02);transition:all .3s ease}.quick-move-buttons{gap:4px;opacity:0;position:absolute;right:8px;top:8px;visibility:hidden}.quick-move-btn,.quick-move-buttons{display:flex;transition:all .2s ease}.quick-move-btn{align-items:center;background:#ffffffe6;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.7rem;height:24px;justify-content:center;width:24px}.quick-move-btn:hover{background:#fff;box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.empty-column{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:200px;padding:40px 20px;text-align:center}.empty-icon{font-size:2rem;margin-bottom:12px;opacity:.7}.empty-text{font-size:.9rem;font-weight:500;margin:0 0 4px}.empty-hint{color:#adb5bd;font-size:.8rem;margin:0}.kanban-stats{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:20px;justify-content:center;padding:20px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;min-width:80px;padding:12px 20px}.stat-number{color:#667eea;font-size:1.5rem;font-weight:600}.stat-label{color:#6c757d}@media (max-width:768px){.kanban-view{border-radius:8px;margin:0 8px}.kanban-header{padding:16px 20px}.kanban-title{font-size:1.3rem}.kanban-subtitle{font-size:.85rem}.kanban-board{-webkit-overflow-scrolling:touch;gap:16px;overflow-y:auto;padding:16px}.kanban-column{min-height:120px;width:100%}.column-content{min-height:100px;overflow-x:auto;padding:16px}.kanban-todo-item{max-width:220px;min-width:180px}.kanban-stats{gap:12px;padding:16px}.stat-card{min-width:70px;padding:10px 16px}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}}@media (max-width:480px){.kanban-view{border-radius:6px;margin:0}.kanban-header{padding:12px 16px}.kanban-title{font-size:1.1rem}.kanban-subtitle{font-size:.8rem}.column-header,.kanban-board{gap:8px;padding:12px}.column-icon{font-size:1rem;height:28px;width:28px}.column-title{font-size:.9rem}.column-subtitle{font-size:.75rem}.column-count{font-size:1rem;padding:3px 6px}.column-content{gap:8px;padding:8px}.quick-move-buttons{opacity:1;visibility:visible}.quick-move-btn{font-size:.6rem;height:20px;width:20px}.empty-column{padding:30px 15px}.empty-icon{font-size:1.5rem;margin-bottom:8px}.empty-text{font-size:.8rem}.empty-hint{font-size:.75rem}.kanban-stats{gap:8px;padding:12px}.stat-card{min-width:60px;padding:8px 12px}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}}.kanban-column.drag-over{background:#f0f4ff;border-color:#667eea}.kanban-todo-item.dragging{opacity:.5;transform:rotate(5deg)}.kanban-todo-item{animation:slideIn .3s ease}.quick-move-btn:focus{outline:2px solid #667eea;outline-offset:2px}.quick-move-btn:focus:not(:focus-visible){outline:none}@media (hover:none) and (pointer:coarse){.kanban-todo-item{touch-action:none}.quick-move-buttons{opacity:1;visibility:visible}.kanban-todo-item:active{transform:scale(.98);transition:transform .1s ease}}.calendar-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 16px;overflow:hidden}@media (max-width:768px){.calendar-view{border-radius:8px;margin:0 8px}.calendar-header{padding:16px 20px}.calendar-navigation{gap:12px}.nav-btn{height:36px;width:36px}.nav-icon{height:18px;width:18px}.current-month h2{font-size:1.3rem}.current-month p{font-size:.85rem}}@media (max-width:480px){.calendar-view{border-radius:6px;margin:0}.calendar-header{padding:12px 16px}.calendar-navigation{gap:8px}.nav-btn{height:32px;width:32px}.nav-icon{height:16px;width:16px}.current-month h2{font-size:1.1rem}.current-month p{font-size:.8rem}.calendar-container{flex-direction:column;min-height:400px}.calendar-grid{padding:12px 16px}.weekday{font-size:.8rem;padding:8px 4px}.calendar-day{min-height:60px;padding:6px}.day-number{font-size:.9rem}.task-indicator{height:4px;width:4px}.selected-date-panel{padding:12px 16px}.today-btn{font-size:.8rem;padding:6px 12px}}.calendar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.calendar-navigation{gap:16px}.calendar-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.nav-icon{fill:currentColor;height:20px;width:20px}.current-month{text-align:center}.month-title{font-size:1.5rem;font-weight:600;margin:0}.today-btn{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.today-btn:hover{background:#fff3;border-color:#ffffff80}.calendar-container{display:flex;min-height:500px}.calendar-grid{flex:1 1;padding:20px}.weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{color:#666;font-size:.9rem;font-weight:600;padding:12px;text-align:center}.days-grid{grid-gap:1px;background:#f0f0f0;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day{background:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#f8f9ff;box-shadow:0 2px 8px #0000001a;transform:scale(1.02);z-index:1}.calendar-day.other-month{background:#fafafa;color:#ccc}.calendar-day.other-month:hover{background:#f5f5f5}.calendar-day.today{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.calendar-day.today:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.calendar-day.selected{background:#e3f2fd;border:2px solid #2196f3}.calendar-day.has-tasks{border-left:4px solid #667eea}.calendar-day.has-overdue{border-left:4px solid #e74c3c}.day-number{font-size:.9rem;font-weight:600;margin-bottom:4px}.task-indicators{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.task-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:6px;width:6px}.task-dot.completed{background:#2ecc71}.task-dot.overdue{background:#e74c3c}.more-tasks{color:#666;font-size:.7rem;font-weight:500}.selected-date-panel{background:#fafbfc;border-left:1px solid #e9ecef;display:flex;flex-direction:column;width:350px}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.panel-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.close-panel-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-panel-btn:hover{background:#e0e0e0;color:#333}.panel-content{flex:1 1;overflow-y:auto}.date-tasks{padding:16px}.date-tasks .todo-item{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px}.no-tasks{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-tasks-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.no-tasks-text{color:#999;font-size:.9rem;margin:0}@media (max-width:1024px){.calendar-container{flex-direction:column}.selected-date-panel{border-left:none;border-top:1px solid #e9ecef;width:100%}}@media (max-width:768px){.calendar-header{flex-direction:column;gap:12px;padding:16px 20px}.calendar-navigation{gap:12px}.month-title{font-size:1.3rem}.calendar-grid{padding:16px}.calendar-day{min-height:60px;padding:6px}.weekday{padding:8px}.day-number,.weekday{font-size:.8rem}}@media (max-width:480px){.calendar-header{padding:12px 16px}.calendar-grid{padding:12px}.calendar-day{min-height:50px;padding:4px}.nav-btn{height:36px;width:36px}.nav-icon{height:18px;width:18px}.today-btn{font-size:.8rem;padding:6px 12px}.panel-header{padding:16px}.panel-title{font-size:1rem}}.selected-date-panel{animation:fadeIn .3s ease}.task-dot{animation:fadeIn .2s ease}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-bar{margin-bottom:20px;transition:all .3s ease}.search-input-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;display:flex;padding:0 16px;position:relative;transition:all .3s ease}.search-bar.focused .search-input-container{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff1a}.search-icon{color:#fff9;flex-shrink:0;height:20px;margin-right:12px;width:20px}.search-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:14px 0}.search-input::placeholder{color:#ffffff80}.clear-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease}.clear-button:hover{background:#ffffff1a}.clear-button svg{color:#fff9;height:16px;width:16px}.search-info{margin-top:8px;padding:0 4px}.search-term{color:#ffffffb3;font-size:14px;font-style:italic}@media (max-width:768px){.search-input-container{padding:0 12px}.search-input{font-size:16px;padding:12px 0}.search-icon{height:18px;margin-right:10px;width:18px}}@media (max-width:480px){.search-bar{margin-bottom:16px}.search-input-container{border-radius:10px;padding:0 10px}.search-input{padding:10px 0}}.batch-operations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .3s ease}.batch-operations.active{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0000001a}.batch-operations.collapsed{padding:12px 16px}.batch-toggle{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;transition:color .2s ease}.batch-toggle:hover{color:#fff}.batch-toggle svg{height:16px;width:16px}.batch-header{justify-content:space-between;margin-bottom:12px}.batch-header,.batch-info{align-items:center;display:flex}.batch-info{gap:12px}.select-all-btn{align-items:center;background:none;border:2px solid #ffffff4d;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.select-all-btn:hover{background:#ffffff1a;border-color:#ffffff80}.select-all-btn.selected{background:#fff3;border-color:#fff9}.select-all-btn svg{color:#fff;height:16px;width:16px}.selection-count{color:#fff;font-size:14px;font-weight:500}.collapse-btn{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .2s ease}.collapse-btn:hover{background:#ffffff1a;color:#fff}.collapse-btn svg{height:16px;width:16px}.batch-actions{flex-wrap:wrap;gap:8px}.batch-actions,.batch-btn{align-items:center;display:flex}.batch-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.batch-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.batch-btn svg{flex-shrink:0;height:14px;width:14px}.complete-btn:hover{background:#2ecc7133;border-color:#2ecc7166}.uncomplete-btn:hover{background:#3498db33;border-color:#3498db66}.delete-btn:hover{background:#e74c3c33;border-color:#e74c3c66}.priority-menu-container{position:relative}.priority-btn:hover{background:#9b59b633;border-color:#9b59b666}.priority-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 8px 24px #0003;left:0;margin-top:4px;min-width:140px;padding:8px;position:absolute;top:100%;z-index:1000}.priority-option{border-radius:6px;color:#333;font-family:inherit;font-size:13px;padding:8px 12px}.priority-option:hover{background:#0000000d}.priority-dot{background:var(--priority-color);border-radius:50%;flex-shrink:0;height:8px;width:8px}@media (max-width:768px){.batch-operations{padding:12px}.batch-actions{gap:6px}.batch-btn{font-size:12px;padding:6px 10px}.batch-btn svg{height:12px;width:12px}.selection-count{font-size:13px}}@media (max-width:480px){.batch-header{align-items:flex-start;flex-direction:column;gap:8px}.batch-actions{justify-content:flex-start;width:100%}.batch-btn{flex:1 1;justify-content:center;min-width:0}.priority-menu{left:auto;right:0}}.settings-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:50%;bottom:20px;box-shadow:0 4px 12px var(--shadow-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:48px;z-index:1000}.settings-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-primary);box-shadow:0 6px 20px var(--shadow-primary);transform:scale(1.05) rotate(90deg)}.settings-trigger svg{color:var(--text-secondary);height:20px;transition:transform .3s ease;width:20px}.settings-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--shadow-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-panel{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 40px var(--shadow-primary);max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:20px 24px}.settings-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.close-button:hover{background:var(--bg-secondary);transform:scale(1.1)}.close-button svg{color:var(--text-tertiary);height:18px;width:18px}.settings-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex}.tab-button{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:16px 12px;position:relative;transition:all .2s ease}.tab-button:hover{background:var(--bg-secondary);color:var(--text-secondary)}.tab-button.active{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active:after{background:var(--accent-primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-icon{font-size:18px;line-height:1}.tab-label{font-size:12px;font-weight:500;white-space:nowrap}.settings-content{max-height:60vh;overflow-y:auto;padding:24px}.settings-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.settings-content h5{border-top:1px solid var(--border-secondary);color:var(--text-primary);font-size:.95rem;font-weight:500;margin:20px 0 12px;padding-top:16px}.settings-content h5:first-child{border-top:none;margin-top:0;padding-top:0}.settings-content p{color:var(--text-tertiary);font-size:.9rem;line-height:1.5;margin:0 0 20px}.theme-toggle-wrapper{display:flex;justify-content:center;padding:20px 0}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.shortcut-item:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.shortcut-keys{align-items:center;display:flex;gap:4px}.shortcut-keys kbd{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:0 1px 2px var(--shadow-secondary);color:var(--text-secondary);font-family:inherit;font-size:11px;padding:2px 6px}.shortcut-desc{color:var(--text-secondary);font-size:.9rem}.data-stats{margin-bottom:24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:16px 12px;text-align:center;transition:all .2s ease}.stat-item:hover{background:var(--bg-secondary);border-color:var(--border-primary);transform:translateY(-1px)}.stat-number{color:var(--text-primary);display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-tertiary);font-size:.8rem;font-weight:500}.data-actions{margin-top:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:8px;justify-content:center;min-width:0;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 2px 8px var(--shadow-secondary);transform:translateY(-1px)}.action-btn svg{flex-shrink:0;height:16px;width:16px}.export-json:hover{background:#3498db1a;border-color:#3498db4d;color:#3498db}.export-csv:hover{background:#2ecc711a;border-color:#2ecc714d;color:#2ecc71}.import-btn:hover{background:#9b59b61a;border-color:#9b59b64d;color:#9b59b6}.danger-btn{justify-content:center;width:100%}.danger-btn:hover{background:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}@media (max-width:768px){.settings-trigger{bottom:16px;height:44px;right:16px;width:44px}.settings-trigger svg{height:18px;width:18px}.settings-panel{max-height:85vh;width:95%}.settings-header{padding:16px 20px}.settings-content{padding:20px}.tab-button{padding:12px 8px}.tab-label{font-size:11px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-btn{flex:none}}@media (max-width:480px){.settings-trigger{bottom:12px;height:40px;right:12px;width:40px}.settings-trigger svg{height:16px;width:16px}.settings-panel{max-height:90vh;width:98%}.settings-header{padding:12px 16px}.settings-content{padding:16px}.stats-grid{grid-template-columns:1fr}.shortcut-item{flex-direction:column;gap:8px;text-align:center}.tab-icon{font-size:16px}.tab-label{font-size:10px}}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--bg-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-secondary:#ffffff1a;--bg-tertiary:#ffffff0d;--border-primary:#fff3;--border-secondary:#ffffff1a;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--shadow-primary:#0000004d;--shadow-secondary:#0000001a}[data-theme=light]{--bg-primary:linear-gradient(135deg,#f5f7fa,#c3cfe2);--bg-secondary:#0000000d;--bg-tertiary:#00000005;--border-primary:#00000026;--border-secondary:#00000014;--text-primary:#2c3e50;--text-secondary:#34495e;--text-tertiary:#7f8c8d;--shadow-primary:#00000026;--shadow-secondary:#0000000d}.theme-toggle{background:none;border:none;cursor:pointer;padding:4px;position:fixed;right:20px;top:20px;z-index:1000}.theme-toggle-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-secondary);border:2px solid #fff3;border:2px solid var(--border-primary);border-radius:20px;height:32px;position:relative;transition:all .3s ease;width:60px}.theme-toggle:hover .theme-toggle-track{background:#ffffff0d;background:var(--bg-tertiary);border-color:#fff3;border-color:var(--border-primary)}.theme-toggle-thumb{align-items:center;background:#fff;background:var(--text-primary);border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-secondary);display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;width:24px}.theme-toggle.light .theme-toggle-thumb{background:#f39c12;transform:translateX(28px)}.theme-toggle.dark .theme-toggle-thumb{background:#3498db}.theme-toggle-thumb svg{color:#fff;height:14px;width:14px}@media (max-width:768px){.theme-toggle{right:16px;top:16px}.theme-toggle-track{height:28px;width:52px}.theme-toggle-thumb{height:20px;width:20px}.theme-toggle.light .theme-toggle-thumb{transform:translateX(24px)}.theme-toggle-thumb svg{height:12px;width:12px}}@media (max-width:480px){.theme-toggle{right:12px;top:12px}.theme-toggle-track{height:26px;width:48px}.theme-toggle-thumb{height:18px;width:18px}.theme-toggle.light .theme-toggle-thumb{transform:translateX(22px)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#333!important;font-size:1.2rem;font-weight:600;margin:0}.close-btn{border-radius:6px;padding:4px;transition:background-color .2s ease}.close-btn:hover{background:#0000001a}.close-icon{fill:#666}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.task-content{margin-bottom:24px}.task-text{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#000!important;font-size:1.1rem;font-weight:500;padding:16px}.edit-textarea{border:2px solid #667eea;border-radius:8px;font-size:1rem;line-height:1.5;outline:none;transition:border-color .2s ease}.edit-textarea:focus{border-color:#5a6fd8}.task-meta{display:flex;flex-direction:column;gap:12px}.meta-item{align-items:center;display:flex;gap:8px}.meta-label{color:#555!important;font-weight:600;min-width:80px}.meta-value{color:#333!important;font-weight:500}.priority-display{gap:8px}.priority-badge{border-radius:50%;font-size:.8rem;height:24px;justify-content:center;width:24px}.priority-text{color:#333!important;font-weight:500}.status-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 12px}.status-badge.completed{background:#d4edda;color:#155724!important}.status-badge.pending{background:#fff3cd;color:#856404!important}.modal-footer{background:#f8f9fa;border-top:1px solid #0000001a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;position:relative}.modal-btn{align-items:center;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.edit-btn{background:#667eea}.edit-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.delete-btn{background:#ff4757}.delete-btn:hover{background:#ff3742}.priority-btn{background:#ffa502}.priority-btn:hover{background:#ff9500;transform:translateY(-1px)}.priority-selector-container{margin-right:auto}.priority-dropdown{border:1px solid #0000001a;bottom:100%;box-shadow:0 8px 24px #00000026;margin-bottom:8px;min-width:200px;z-index:1001}.priority-option{background:#fff;border-left:4px solid #0000;gap:12px;padding:12px 16px;transition:background-color .2s ease}.priority-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.priority-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.priority-option:hover{background:#f8f9fa}.priority-option.active{background:#667eea1a}.priority-icon{font-size:1rem}.priority-label{color:#333!important;font-size:.9rem;font-weight:500}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column;gap:8px}.priority-selector-container{margin-right:0;order:-1}.modal-btn{justify-content:center}}@media (max-width:480px){.modal-content{border-radius:12px;width:98%}.task-text{font-size:1rem;padding:12px}.meta-item{align-items:flex-start;flex-direction:column;gap:4px}.meta-label{min-width:auto}}.floating-window-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.floating-window{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:90vw;overflow:hidden;position:relative;width:480px}.floating-window-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f0f0f0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px 16px}.window-title{align-items:center;display:flex;gap:12px}.title-text{font-size:18px;font-weight:600;margin:0}.status-badge{align-items:center;display:flex}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.status-indicator.completed{background:#4caf5033;border-color:#4caf504d}.status-indicator.pending{background:#ffc10733;border-color:#ffc1074d}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.close-btn:hover{background:#ffffff1a}.close-icon{fill:currentColor;height:20px;width:20px}.floating-window-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.task-content-section{display:flex;flex-direction:column;gap:12px}.section-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.task-content-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;min-height:120px;padding:16px}.task-text{word-wrap:break-word;color:#374151;margin:0;white-space:pre-wrap}.edit-textarea,.task-text{font-size:15px;line-height:1.6}.edit-textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.edit-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.task-info-section{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;display:flex;gap:12px}.info-label{color:#6b7280;font-size:14px;font-weight:500;min-width:80px}.info-value{color:#374151;font-size:14px}.priority-display{align-items:center;display:flex;gap:12px}.priority-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.priority-selector-container{position:relative}.priority-change-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.priority-change-btn:hover{border-color:#667eea;color:#667eea}.priority-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;min-width:140px;position:absolute;top:100%;z-index:10}.priority-option{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:10px 12px;text-align:left;transition:opacity .2s;width:100%}.priority-option:hover{opacity:.8}.priority-option.active{background:#0000001a}.floating-window-footer{background:#fafafa;border-top:1px solid #f0f0f0;justify-content:space-between;padding:20px 24px}.floating-window-footer,.footer-left,.footer-right{align-items:center;display:flex}.footer-right{gap:12px}.toggle-complete-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.toggle-complete-btn.completed{background:#fef3c7;color:#d97706}.toggle-complete-btn.pending{background:#d1fae5;color:#059669}.toggle-complete-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.edit-btn,.save-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.edit-btn:hover,.save-btn:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.cancel-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.cancel-btn:hover{border-color:#9ca3af;color:#374151}.delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.delete-btn:hover{background:#fecaca;box-shadow:0 4px 12px #dc262633;transform:translateY(-1px)}.btn-icon{fill:currentColor;height:16px;width:16px}.keyboard-shortcuts{background:#f9fafb;border-top:1px solid #f0f0f0;padding:12px 24px;text-align:center}.shortcut-hint{color:#6b7280;font-size:12px;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.floating-window{margin:20px;max-height:90vh;width:95vw}.floating-window-header{padding:16px 20px 12px}.floating-window-content{padding:20px}.floating-window-footer{flex-direction:column;gap:12px;padding:16px 20px}.footer-left,.footer-right{justify-content:center;width:100%}.title-text{font-size:16px}}.floating-window-content::-webkit-scrollbar{width:6px}.floating-window-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.floating-window-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.floating-window-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-icon{font-size:4rem;margin-bottom:20px}.error-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:16px}.error-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:30px}.error-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.error-details summary{color:#495057;cursor:pointer;font-weight:600;margin-bottom:10px}.error-stack{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#dc3545;font-family:Courier New,monospace;font-size:.85rem;margin:0;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.error-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-btn-primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.error-btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.error-btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}@media (max-width:480px){.error-container{margin:0 10px;padding:30px 20px}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-btn{width:100%}}
/*# sourceMappingURL=main.84674859.css.map*/