body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.task-container{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;max-width:432px;width:100%;padding:0 16px;box-sizing:border-box;position:relative}.logout-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-top:10px;grid-gap:10px;gap:10px}.new-task-form{flex-direction:column;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;position:relative;left:0;right:0}.new-task-form,.task-input-container{display:flex;grid-gap:8px;gap:8px;width:100%}.task-input-container{align-items:center}.search-toggle-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.search-toggle-btn:hover{background:#f5f5f7;transform:scale(1.1)}.search-toggle-btn.active{background:#e3f2fd;color:#1976d2}.new-task-input{flex:1 1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:all .2s ease}.new-task-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.add-task-btn{width:100%;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;box-sizing:border-box;margin-top:4px}.add-task-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.add-task-btn:not(:disabled):hover{background-color:#45a049;transform:translateY(-1px)}.add-task-btn:not(:disabled):active{transform:translateY(0)}.task-stack{min-height:600px;display:flex;flex-direction:column;align-items:center;position:relative;left:0;right:0}.task-stack,.task-wrapper{width:100%;box-sizing:border-box}.task-wrapper{position:absolute;transition:all .3s ease;z-index:var(--z-index);transform:translateY(0)}.task-wrapper:hover{transform:translateY(20px)!important;z-index:100!important}.task-wrapper{top:calc(var(--index)*-10px)}.task-wrapper:hover~.task-wrapper{transform:translateY(40px)!important}.category-section{display:flex;grid-gap:8px;gap:8px;align-items:center;width:100%}.category-select-trigger{grid-gap:8px;gap:8px;padding:6px 8px;border:1px solid #ddd;font-size:13px;background-color:#fff;color:#666;transition:all .2s ease;width:100%}.category-select-trigger:hover{border-color:#4caf50}.category-select-trigger:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.urgency-pills{display:flex;background:#f5f5f7;padding:4px;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-height:23px;height:100%;border:1px solid #e0e0e0}.urgency-pill,.urgency-pills{grid-gap:4px;gap:4px;align-items:center}.urgency-pill{padding:3px 8px;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;font-size:11px;transition:all .2s ease;display:inline-flex;white-space:nowrap;line-height:1}.urgency-pill:hover{background:rgba(0,0,0,.05)}.urgency-pill.active{background:#fff;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.urgency-pill.active[data-urgency=high]{color:#d32f2f}.urgency-pill.active[data-urgency=medium]{color:#f57c00}.urgency-pill.active[data-urgency=low]{color:#1976d2}.category-select-container{margin-bottom:0}.add-category-btn{padding:6px 10px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease;color:#666}.add-category-btn:hover{background-color:#e9ecef;border-color:#4caf50;color:#4caf50}.new-category-input{display:flex;grid-gap:6px;gap:6px;flex-grow:1}.new-category-input input{flex-grow:1;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.new-category-input input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.cancel-category-btn,.confirm-category-btn{padding:6px 10px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease}.confirm-category-btn{background-color:#f8f9fa;color:#4caf50}.confirm-category-btn:hover{background-color:#e8f5e9;border-color:#4caf50}.cancel-category-btn{background-color:#f8f9fa;color:#d32f2f}.cancel-category-btn:hover{background-color:#ffebee;border-color:#d32f2f}.category-pills{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;width:100%;position:relative}.category-pill-separator{width:1px;height:24px;background-color:#e0e0e0;margin:0 4px}.category-pill{padding:4px 12px;border-radius:8px;background:#f5f5f7;color:#666;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid #e0e0e0;-webkit-user-select:none;user-select:none;position:relative}.category-pill:hover{background:#e0e0e0;color:#333}.category-pill.active{background:#4caf50;color:#fff}.category-pill.active:hover{background:#43a047}.category-pill.settings{padding:4px 8px;font-size:14px;background:#f5f5f7;opacity:.7;transition:all .2s ease}.category-pill.settings:hover{opacity:1;background:#e0e0e0}.category-pill.dragging{opacity:.5;cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-pill:not(.settings):not(.dragging){cursor:grab}.category-pill:not(.settings):not(.dragging):active{cursor:grabbing}.no-tasks-message{text-align:center;color:#666;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:14px;margin-top:16px;font-style:italic;position:relative;max-width:400px;margin-left:auto;margin-right:auto}.no-tasks-message:after,.no-tasks-message:before{content:'"';font-size:24px;color:#000;position:absolute;opacity:.5;display:none}.no-tasks-message[data-category=will-do-today]:after,.no-tasks-message[data-category=will-do-today]:before{display:block}.no-tasks-message:before{top:10px;left:10px}.no-tasks-message:after{bottom:10px;right:10px}.no-tasks-message span{display:block;margin-top:8px;font-size:12px;color:#999;font-style:normal}.task-form-row{display:flex;grid-gap:8px;gap:8px;width:100%;justify-content:space-between}@media screen and (max-width:421px){.task-form-row{flex-wrap:wrap}}.urgency-select{border:none;border-radius:999px;font-size:11px;color:#555;background-color:#f5f5f7;cursor:pointer;transition:background .2s ease;height:20px;box-shadow:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding:2px 24px 2px 10px;min-width:100px}.urgency-select:focus,.urgency-select:hover{background-color:#e0e0e0}.urgency-select:focus{outline:none}.urgency-select option{padding:4px 8px;font-size:11px;color:#555;background:#fff}.task-form-actions{display:flex;flex-direction:column;align-items:flex-end;margin-top:8px;grid-gap:4px;gap:4px}.view-snoozed-btn{padding:4px 8px;background:#f5f5f7;border:1px solid #ddd;border-radius:8px;color:#666;font-size:11px;cursor:pointer;transition:all .2s ease;width:auto}.view-snoozed-btn:hover{background:#e0e0e0;border-color:#4caf50;color:#4caf50}.snooze-alert{font-size:14px;z-index:9999;pointer-events:none}.delete-alert{background:#dc3545;font-size:14px;z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 1.7s;pointer-events:none}.category-delete-alert,.delete-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-delete-alert{background-color:#d32f2f;z-index:1000;animation:alertFadeIn .3s ease}@keyframes alertFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.archive-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#ff9800;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease,fadeOut .3s ease 1.7s;pointer-events:none}.task-progress{margin:0;padding:0;width:100%}.task-card{position:relative;background:#fff;border-radius:8px;padding:12px;margin:0;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;width:100%;box-sizing:border-box;min-height:20px}.task-card[data-urgency=high]{background:#fff5f5;border-left:4px solid #ff4d4f}.task-card[data-urgency=medium]{background:#fff7e6;border-left:4px solid #faad14}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.task-wrapper:first-child .task-card{box-shadow:0 4px 6px rgba(0,0,0,.1)}.task-wrapper:nth-child(2) .task-card{box-shadow:0 6px 8px rgba(0,0,0,.12)}.task-wrapper:nth-child(3) .task-card{box-shadow:0 8px 10px rgba(0,0,0,.14)}.task-wrapper:nth-child(4) .task-card{box-shadow:0 10px 12px rgba(0,0,0,.16)}.task-wrapper:nth-child(5) .task-card{box-shadow:0 12px 14px rgba(0,0,0,.18)}.task-wrapper:nth-child(n+6) .task-card{box-shadow:0 14px 16px rgba(0,0,0,.2)}.task-wrapper{margin:0;position:relative}.task-wrapper+.task-wrapper{margin-top:2px}.task-wrapper:has(.task-card[style*=height])+.task-wrapper{margin-top:4px}.task-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px;width:calc(100% - 35px)}.task-header{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;flex-wrap:wrap;width:100%}.task-title{font-size:16px;color:#333;cursor:text;flex:1 1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.task-meta{display:flex;align-items:center;grid-gap:8px;gap:8px}.task-category{font-size:12px;color:#666;background:#f5f5f7;padding:4px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-block;white-space:nowrap;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #e0e0e0}.task-category:hover{background:#e0e0e0}.task-category-select{position:absolute;top:100%;left:0;margin-top:4px;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:200px;padding:8px}.category-options{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.category-option{padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333}.category-option:hover{background:#f5f5f7}.category-create{margin-top:8px;padding-top:8px;border-top:1px solid #eee;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.category-create input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.category-create input:focus{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.category-create button{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.category-create button:hover:not(:disabled){background:#43a047}.category-create button:disabled{background:#ccc;cursor:not-allowed}.task-actions-top{top:12px;z-index:1}.task-actions-bottom,.task-actions-top{position:absolute;right:12px;display:flex;grid-gap:8px;gap:8px;align-items:center;justify-content:flex-end}.task-actions-bottom{bottom:12px}.delete-btn,.edit-btn{padding:6px 12px;font-size:14px;transition:background-color .2s}.edit-btn{background-color:#f0f0f0;color:#333}.edit-btn:hover{background-color:#e0e0e0}.delete-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:500px;transition:all .2s ease;padding:0;line-height:1}.delete-btn:hover{background-color:#ffebee;color:#d32f2f;transform:scale(1.1)}.task-checkbox{width:24px;height:24px;cursor:pointer;border-radius:50%;appearance:none;-webkit-appearance:none;border:2px solid #ddd;background:#fff;transition:all .2s ease;position:relative;margin:0}.task-checkbox:checked{background:#4caf50;border-color:#4caf50}.task-checkbox:checked:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-checkbox:hover{border-color:#4caf50;transform:scale(1.1)}.task-checkbox:checked:hover{background:#43a047;transform:scale(1.1)}.task-edit-input{flex-grow:1;padding:4px 8px;border:1px solid #4caf50;border-radius:4px;font-size:16px;outline:none}.task-edit-input:focus{box-shadow:0 0 0 2px rgba(76,175,80,.2)}.completed .task-title{text-decoration:line-through;color:#999}.completed .task-category{opacity:.6}.task-urgency,.task-urgency-container{position:relative}.task-urgency{font-size:16px;display:flex;align-items:center;margin-right:4px;transition:all .2s ease;cursor:pointer;transform-origin:center;width:24px;height:24px;border-radius:50%;justify-content:center}.task-urgency:hover{opacity:1;transform:scale(1.1);background-color:#fff3e0;color:#f57c00}.task-urgency:hover:after{content:"Change urgency";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.task-urgency:hover:after,.task-urgency:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.task-urgency:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.urgency-select-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:4px;z-index:100000;min-width:170px}.urgency-option{padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333;display:flex;align-items:center;grid-gap:8px;gap:8px}.urgency-option:hover{background:#f5f5f7}.task-list{display:flex;flex-direction:column}.snooze-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative}.snooze-btn:hover{background-color:#fff3e0;color:#f57c00;transform:scale(1.1)}.snooze-btn:hover:after{content:"Snooze until...";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.snooze-btn:hover:after,.snooze-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.snooze-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.snooze-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#4caf50;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 1.7s}@keyframes slideIn{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.snooze-container{position:relative;display:inline-block}.snooze-dropdown{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:8px;min-width:150px;z-index:9999;margin-bottom:8px;right:12px}.snooze-option{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;color:#333;transition:background-color .2s}.snooze-option:hover{background-color:#f5f5f5}.date-picker-container{margin-top:8px;padding-top:8px;border-top:1px solid #eee;width:100%;box-sizing:border-box}.date-picker{border:1px solid #ddd;border-radius:4px;margin-bottom:8px;box-sizing:border-box}.date-picker,.date-submit-btn{width:100%;padding:8px;font-size:14px}.date-submit-btn{background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.date-submit-btn:hover{background-color:#444}.date-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}input[type=date]{-webkit-appearance:none;appearance:none;background-color:#fff;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.mantine-DatePicker-day[data-autofocus=true]{background-color:#000!important;color:#fff!important}.mantine-DatePicker-day[data-autofocus=true]:hover{background-color:#444!important}.mantine-DatePicker-day[data-today=true]{background-color:#e3f2fd;color:rgba(25,118,210,.48627450980392156);font-weight:700}.mantine-DatePicker-day[data-today=true]:hover{background-color:#e3f2fd}.will-do-today-btn{background:none;border:none;cursor:pointer;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative}.will-do-today-btn:hover{background-color:#f0f0f0;transform:scale(1.1)}.will-do-today-btn.active{background-color:#e3f2fd;color:#1976d2;border:1px solid #1976d2}.will-do-tooltip{bottom:100%;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;margin-bottom:8px;pointer-events:none;z-index:1000}.will-do-tooltip,.will-do-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.will-do-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.note-icon{font-size:14px;color:#999;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.note-icon:hover{opacity:1}.task-source-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#f5f5f7;color:#666;text-decoration:none;transition:all .2s ease}.task-source-icon:hover{background:#e0e0e0;transform:scale(1.1)}.manual-order-controls{display:flex;flex-direction:row;grid-gap:8px;gap:8px}.manual-order-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#666;padding:4px;border-radius:500px;transition:all .2s ease;position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.manual-order-btn:hover{background-color:#fff3e0;color:#f57c00;transform:scale(1.1)}.manual-order-btn:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.manual-order-btn:disabled:hover{background-color:initial;transform:none;color:#ccc}.manual-order-tooltip{bottom:100%;padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px;z-index:1000}.manual-order-tooltip,.manual-order-tooltip:after{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.manual-order-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.modal-content{box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;width:90%;animation:modalFadeIn .3s ease}.modal-content h2{margin:0 0 16px;color:#333;font-size:20px}.modal-content p{margin:0 0 24px;color:#000;font-size:16px;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-btn{background-color:#f5f5f5;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.confirm-btn{background-color:#dc3545;color:#fff}.confirm-btn:hover{background-color:#c82333}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.category-select-container{position:relative;min-width:130px;max-width:180px;margin:0 20px 0 0}.category-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;border-radius:8px;font-size:11px;color:#555;background-color:#f5f5f7;cursor:pointer;transition:background .2s ease;min-height:20px;box-shadow:none;position:relative;border:1px solid #e0e0e0;white-space:normal;word-wrap:break-word}.category-select-trigger:after{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:contain;margin-left:4px;opacity:.5}.category-select-trigger:hover{background-color:#e0e0e0}.category-select-container:focus-within .category-select-trigger:after{transform:rotate(180deg)}.category-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:1000;animation:dropdownFadeIn .2s ease;min-width:100px}.category-select-search{padding:4px 5px;border:none;max-width:100%;box-sizing:border-box}.category-select-search:focus-visible{outline:none;border:none;box-shadow:none}.category-select-search input{width:100%;max-width:100%;box-sizing:border-box;padding:2px 8px;border:none;border-radius:6px;font-size:11px;background:#f5f5f7;outline:none;transition:background .2s ease;height:18px}.category-select-search input:focus{background:#e0e0e0}.category-select-search input:focus,.category-select-search input:focus-visible{outline:none;border:none;box-shadow:none}.category-select-options{max-height:120px;overflow-y:auto;padding:2px 0}.category-select-option{padding:4px 10px;font-size:11px;color:#555;cursor:pointer;border-radius:6px;transition:background .2s,color .2s;min-height:18px;line-height:18px;white-space:normal;width:100%;box-sizing:border-box}.category-select-option:hover{background-color:#f5f5f7;color:#4caf50}.category-select-create{padding:4px 10px;border-top:1px solid #f0f0f0;font-size:11px}.category-select-create-option{padding:4px 10px;font-size:11px;color:#4caf50;cursor:pointer;border-radius:6px;height:18px;line-height:18px;background:none;transition:background .2s}.category-select-create-option:hover{background-color:#e8f5e9}.category-select-empty{padding:6px;text-align:center;font-size:11px;color:#aaa}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:rgba(0,0,0,.5)}.modal-content{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;max-height:90vh;display:flex;flex-direction:column}.category-modal{max-width:400px;width:90%}.category-modal h2{margin:0;padding-bottom:8px}.category-subtext{color:#666;font-size:12px;margin:-8px 0 16px}.category-list{flex-direction:column;grid-gap:8px;gap:8px;margin-top:16px;padding-top:10px;padding-bottom:10px;overflow-y:auto;padding-right:8px}.category-item,.category-list{display:flex;position:relative}.category-item{align-items:center;grid-gap:12px;gap:12px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;z-index:1}.category-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.category-item.dragging{opacity:.5;cursor:grabbing}.category-item.drag-over{border:2px dashed #2196f3;background:#f5f5f7}.category-item.transitioning{z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.02)}.category-number{color:#666;font-size:14px;font-weight:500;min-width:20px}.drag-handle{color:#999;cursor:grab;font-size:16px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.category-name{flex:1 1;font-size:14px;color:#333}.category-actions{display:flex;grid-gap:8px;gap:8px}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:500px;transition:all .2s ease}.edit-btn:hover{background:#f5f5f7}.delete-btn:hover{background:#ffebee}input[type=text]{flex:1 1;padding:8px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none}input[type=text]:focus{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.reorder-buttons{display:none;flex-direction:column;grid-gap:2px;gap:2px}.reorder-btn{background:none;border:none;cursor:pointer;padding:4px;color:#666;opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reorder-btn svg{width:18px;height:18px}.reorder-btn:hover:not(:disabled){opacity:1;color:#2196f3}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.archive-btn,.unarchive-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:500px;transition:all .2s ease}.archive-btn:hover{background:#fff3e0}.unarchive-btn:hover{background:#e8f5e8}.archived-section{margin-top:20px;border-top:1px solid #eee;padding-top:16px}.show-archived-btn{background:none;border:none;cursor:pointer;color:#666;font-size:14px;padding:8px 0;width:100%;text-align:left;transition:color .2s ease}.show-archived-btn:hover{color:#333}.archived-categories{margin-top:12px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.category-item.archived{opacity:.7;background:#f8f8f8;border:1px solid #e0e0e0}.category-item.archived:hover{opacity:.9;box-shadow:0 2px 4px rgba(0,0,0,.1)}.category-name.archived,.category-number.archived{color:#888}@media (max-width:768px){.reorder-buttons{display:flex}.category-item{cursor:default}.category-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}}.snoozed-tasks-modal{max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.snoozed-tasks-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-top:16px}.snoozed-task-item{justify-content:space-between;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.snoozed-task-info,.snoozed-task-item{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.snoozed-task-info{flex:1 1;min-width:0;flex-wrap:wrap}.snoozed-task-urgency{font-size:16px;flex-shrink:0;margin-right:6px}.snoozed-task-title{font-size:14px;color:#333;flex:1 1;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word}.snoozed-task-category{font-size:12px;color:#666;background:#f5f5f7;padding:4px 8px;border-radius:8px;white-space:nowrap;margin-right:5px}.snoozed-task-time{font-size:12px;color:#666;white-space:normal;word-break:normal}.unsnooze-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;margin-left:12px;flex-shrink:0}.unsnooze-btn:hover{background:#43a047;transform:translateY(-1px)}.snoozed-task-title-row{display:flex;flex-direction:row}@media (max-width:480px){.snoozed-task-item{flex-direction:column}.snoozed-task-info{flex-direction:column}.snoozed-task-info,.snoozed-task-title-row{align-items:flex-start;grid-gap:8px;gap:8px;width:100%}.snoozed-task-title-row{display:flex}.snoozed-task-meta-row{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%}.snoozed-task-title{flex:1 1}.snoozed-task-category,.snoozed-task-time{margin-top:0}.unsnooze-btn{margin-left:0;margin-top:8px;width:100%}}.no-snoozed-tasks{text-align:center;color:#666;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.task-description-modal{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.modal-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin:0;width:100%;padding-bottom:16px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.5rem;color:#333;font-weight:600}.modal-title{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;color:#228be6;font-weight:500;font-size:1.5rem;width:100%;display:flex;align-items:center;grid-gap:8px;gap:8px}.title-edit-icon{width:22px;height:22px;opacity:.6;transition:opacity .2s}.modal-title:hover .title-edit-icon{opacity:1}.modal-title:hover{background-color:#f0f0f0}.modal-title-edit-input{font-size:1.5rem!important;padding:4px 8px;border:1px solid #ddd;border-radius:4px;width:100%!important;max-width:none!important;font-family:inherit;color:#000!important;font-weight:500;background:transparent}.modal-title-edit-input:focus{outline:none;border-color:#228be6;box-shadow:0 0 0 2px rgba(34,139,230,.2)}.modal-description-label{margin:0!important;font-size:.875rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.editor-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px;flex:1 1;min-height:300px;max-height:calc(90vh - 200px);border:1px solid #ddd;border-radius:8px;position:relative}.editor-toolbar{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px;padding:8px;border-bottom:1px solid #ddd;background:#f8f9fa;position:relative;z-index:2}.editor-toolbar button{padding:6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#666}.editor-toolbar button:hover{background:#f0f0f0;color:#333}.editor-toolbar button.is-active{background:#e9ecef;border-color:#adb5bd;color:#333}.ProseMirror{padding:20px;min-height:200px;outline:none;color:#000}.editor-toolbar+*{overflow-y:auto}.ProseMirror p{margin:0 0 .5em;color:#000}.ProseMirror h1{font-size:2em;margin:.67em 0}.ProseMirror h2{font-size:1.5em;margin:.75em 0}.ProseMirror h3{font-size:1.17em;margin:.83em 0}.ProseMirror ol,.ProseMirror ul{padding-left:1.2em;margin:.2em 0}.ProseMirror blockquote{border-left:3px solid #ddd;margin:1em 0;padding-left:1em;color:#666}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0;margin:.1em 0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;grid-gap:.3rem;gap:.3rem;margin:.1em 0}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none;margin-top:2px}.ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:#666}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.modal-actions{justify-content:space-between;align-items:center;margin-top:20px}.modal-actions,.modal-actions-right{display:flex;grid-gap:10px;gap:10px}.clear-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;background:#fff;border:1px solid #ddd;color:#666}.clear-btn:hover{background:#fff5f5;border-color:#ff6b6b;color:#ff6b6b}.clear-btn svg{width:16px;height:16px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn{background:#f8f9fa;border:1px solid #ddd;color:#495057}.save-btn{background:#228be6;border:1px solid #228be6;color:#fff}.cancel-btn:hover{background:#e9ecef}.save-btn:hover{background:#1c7ed6}.editor-link{color:#228be6;text-decoration:underline;cursor:pointer}.editor-link:hover{color:#1c7ed6;text-decoration:none}.toolbar-separator{display:flex;align-items:center;padding:0 5px;color:#666;opacity:.5}.toolbar-separator svg{width:1px;height:24px}.color-picker-container{position:relative;display:inline-block}.color-picker-container button{padding:6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#666}.color-picker-container button:hover{background:#f0f0f0;color:#333}.color-picker-container button.is-active{background:#e9ecef;border-color:#adb5bd;color:#333}.color-picker-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:12px;z-index:1001}.color-picker-dropdown .mantine-ColorSwatch-root{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;margin:0!important}.color-picker-dropdown .mantine-ColorPicker-swatches{grid-gap:5px!important;gap:5px!important}.ProseMirror [style*=color]{transition:color .2s ease}.logout-container .task-heatmap{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;transition:all .3s ease;max-height:70vh;overflow-y:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logout-container{position:relative}.heatmap-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.heatmap-header h3{margin:0;font-size:15px;font-weight:600;color:#333}.heatmap-container{position:relative;display:flex;grid-gap:10px;gap:10px;justify-content:center;align-items:flex-start}.heatmap-grid{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.weekday-labels{display:flex;grid-gap:2px;gap:2px;margin-bottom:5px;font-size:10px;color:#666;margin-left:0}.weekday-label{width:20px;text-align:center}.heatmap-months{position:relative;width:30px;font-size:10px;color:#666}.month-label{position:absolute;right:0;text-align:right;padding-right:5px;white-space:nowrap}.weeks-container{flex-direction:column}.week-row,.weeks-container{display:flex;grid-gap:2px;gap:2px}.day-cell{width:20px;height:20px;border-radius:2px;transition:all .2s;cursor:pointer}.day-cell:hover{outline:1px solid #333;outline-offset:1px}.day-cell.empty{background-color:initial;cursor:default}.day-cell.empty:hover{outline:none}.day-cell.intensity-0{background-color:#ebedf0}.day-cell.intensity-1{background-color:#9be9a8}.day-cell.intensity-2{background-color:#40c463}.day-cell.intensity-3{background-color:#30a14e}.day-cell.intensity-4{background-color:#216e39}.legend-cells{grid-gap:10px;gap:10px;justify-content:center;flex-wrap:wrap;max-width:150px}.legend-cells,.legend-item{display:flex;align-items:center}.legend-item{grid-gap:3px;gap:3px}.legend-text{font-size:11px;color:#586069}.heatmap-tooltip{position:fixed;background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-10px}.heatmap-toggle-button{background:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:5px;gap:5px}.heatmap-toggle-button:hover{background:#f6f8fa;border-color:#d1d5da}@media (max-width:768px){.logout-container .task-heatmap{padding:15px;min-width:280px}.heatmap-container{overflow-x:auto;max-width:calc(100vw - 60px)}}
/*# sourceMappingURL=main.4393a00b.chunk.css.map */