@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Noto+Sans:wght@400;500;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #f8fafc;--bg-secondary: #e7edf4;--text-primary: #0d141c;--text-secondary: #49739c;--accent-blue: #3d98f4;--border-color: #e7edf4;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.dark-mode{--bg-primary: #1e293b;--bg-secondary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #475569}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}#root{width:100%;height:100%;margin:0;padding:0}body{font-family:Manrope,Noto Sans,sans-serif!important;line-height:1.6;color:var(--text-primary)!important;background-color:var(--bg-primary)!important;transition:background-color .3s ease,color .3s ease;width:100%!important;height:100vh;margin:0!important;padding:0!important;overflow-x:hidden;display:block!important;place-items:unset!important;min-width:unset!important;min-height:unset!important}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);width:100%}.main-content{flex:1;padding:0 2.5rem;width:100%;max-width:none;margin:0}.content-container{padding:1.25rem 0;width:100%}.section-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:1.25rem 1rem .75rem}.bottom-actions{display:flex;justify-content:flex-end;padding:1rem}.clear-completed-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-completed-btn:hover{opacity:.8;transform:translateY(-1px)}@media (max-width: 768px){.main-content{padding:0 1rem}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;flex-direction:row;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box;min-height:80px}.header-logo{display:flex;align-items:center;flex-shrink:0}.logo-image{height:64px;width:auto;max-width:160px;object-fit:contain;transition:filter .3s ease}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.theme-toggle-wrapper{display:flex;align-items:center;justify-content:center}.theme-btn{position:relative;width:45px;height:45px;border:2px solid var(--text-primary);border-radius:50%;cursor:pointer;overflow:hidden;transition:all .3s ease;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.theme-btn:hover{transform:scale(1.025);box-shadow:0 6px 25px #00000026;border-color:var(--text-secondary)}.theme-btn:active{transform:scale(.95)}.theme-btn.night{background:var(--bg-secondary);border-color:var(--text-primary)}.morph-icon{font-size:20px;transition:all .8s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.theme-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000001a;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none;z-index:1}.theme-btn:active:before{width:80px;height:80px}.theme-btn.night:before{background:#ffffff1a}.unicode-version .morph-icon:before{content:"☀";background:none;box-shadow:none;color:var(--text-primary);font-size:24px;width:auto;height:auto;display:block;line-height:1;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.unicode-version .morph-icon:after{content:"🌙";background:none;box-shadow:none;color:var(--text-primary);font-size:24px;width:auto;height:auto;display:block;line-height:1;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg) scale(0);opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theme-btn.night .unicode-version .morph-icon:before,.unicode-version.night .morph-icon:before{transform:translate(-50%,-50%) rotate(-180deg) scale(0);opacity:0}.theme-btn.night .unicode-version .morph-icon:after,.unicode-version.night .morph-icon:after{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}@media (max-width: 768px){.header-container{padding:.75rem 1rem;min-height:60px}.logo-image{height:48px;max-width:120px}.theme-btn{width:40px;height:40px}.unicode-version .morph-icon:before,.unicode-version .morph-icon:after{font-size:20px}}@media (max-width: 480px){.header-container{padding:.5rem}.logo-image{height:40px;max-width:100px}.theme-btn{width:36px;height:36px}.unicode-version .morph-icon:before,.unicode-version .morph-icon:after{font-size:18px}}.task-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;cursor:pointer}.task-card:hover{box-shadow:var(--shadow-md)}.task-card.completed{opacity:.7}.task-card.completed .task-title{text-decoration:line-through}.task-card.expanded{cursor:default}.task-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:10}.task-card:hover .task-actions{opacity:1}.edit-btn,.delete-btn,.pin-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:#fffffff2;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:.875rem;margin-top:3px}.edit-btn:hover{background:var(--accent-blue);color:#fff;transform:rotate(-5deg) scale(1.05)}.delete-btn:hover{background:var(--error-red);color:#fff;transform:rotate(-5deg) scale(1.05)}.pin-btn{font-size:.9rem;transform:rotate(-15deg);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pin-btn:hover{background:var(--warning-orange);color:#fff;transform:rotate(0) scale(1.1)}.pin-btn.pinned{background:var(--warning-orange);color:#fff;transform:rotate(0)}.pin-btn.pinned:hover{background:#d97706;transform:rotate(-5deg) scale(1.05)}.task-card.pinned{border-top:3px solid var(--warning-orange);position:relative}.task-card.pinned:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(45deg,var(--warning-orange),#fbbf24);animation:pinGlow 2s ease-in-out infinite alternate}@keyframes pinGlow{0%{opacity:.8}to{opacity:1;box-shadow:0 0 8px #f59e0b4d}}.task-image{width:100%;height:50px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.task-image-overlay{position:absolute;bottom:.25rem;left:.5rem}.status-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:#ffffffe6;color:var(--success-green);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0;aspect-ratio:1 / 1;margin-bottom:2px}.status-toggle:hover{background:#fff;transform:scale(1.1)}.status-toggle.completed{background:var(--success-green);color:#fff}.empty-circle{width:16px;height:16px;border:2px solid var(--text-secondary);border-radius:50%;flex-shrink:0}.status-toggle.completed .empty-circle{display:none}.task-content{padding:.75rem;width:100%;min-width:0;overflow:hidden}.task-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:all .3s ease;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.task-description.expanded{display:block;-webkit-line-clamp:unset;max-height:none}.task-due-date{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.task-meta{margin-bottom:.5rem}.task-priority{font-size:.875rem;font-weight:500}.task-tags{display:flex;flex-wrap:wrap;gap:.25rem}.task-tag{display:inline-block;padding:.125rem .5rem;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500}.dark-mode .task-card{background:var(--bg-secondary);border:1px solid var(--border-color)}.dark-mode .task-tag{background-color:var(--border-color);color:var(--text-primary);border:1px solid var(--text-secondary)}.dark-mode .pin-btn{background:#fffc;color:var(--text-secondary)}.dark-mode .pin-btn:hover,.dark-mode .pin-btn.pinned{background:var(--warning-orange);color:#fff}.dark-mode .task-card.pinned{border-top:3px solid var(--warning-orange)}.dark-mode .task-card.pinned:before{background:linear-gradient(45deg,var(--warning-orange),#fbbf24)}.task-sections-container{width:100%;max-width:100%;box-sizing:border-box}.task-section{margin-bottom:2rem}.section-header{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 1rem 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:5px;gap:.75rem;padding:.5rem;width:100%;max-width:100%;box-sizing:border-box;align-items:start}.task-grid-item{transition:transform .2s ease;grid-row-end:span var(--grid-rows)}.task-grid-item:hover{transform:translateY(-2px)}.task-grid-item.drag-over{transform:scale(1.05);opacity:.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.task-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem;grid-auto-rows:auto}.task-grid-item{grid-row-end:auto}}@media (max-width: 480px){.task-grid{grid-template-columns:1fr;column-gap:5rem}}.add-task-button{width:3.5rem;height:3.5rem;border:none;border-radius:50%;background-color:var(--accent-blue);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:0;overflow:visible}.add-task-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:rotate(180deg) scale(1.05)}.add-task-button svg{margin:0;padding:0;width:24px;height:24px;fill:currentColor;display:block}@media (max-width: 768px){.add-task-button{width:3rem;height:3rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;border:1px solid var(--border-color);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.05)}.close-btn:active{transform:scale(.95)}.task-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3d98f41a}.form-group textarea{resize:vertical;min-height:80px;max-height:300px;line-height:1.5}.resizable-textarea{resize:both}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tag-input-container{display:flex;gap:.5rem;align-items:flex-end}.tag-input-container input{flex:1;margin-bottom:0}.add-tag-btn{padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);background:var(--accent-blue);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.add-tag-btn:hover{background:#2980eb;transform:translateY(-1px)}.add-tag-btn:active{transform:translateY(0)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag-item{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.remove-tag-btn{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem;line-height:1;padding:0;margin-left:.25rem;transition:all .2s ease}.remove-tag-btn:hover{background:var(--error-red);color:#fff}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:100px}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2980eb;transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none;opacity:.6}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.save-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--accent-blue);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:120px}.save-btn:hover{background:#2980eb;transform:translateY(-1px)}.save-btn:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none;opacity:.6}.cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:100px}.cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.view-task-due-date,.view-task-created{font-size:.875rem;color:var(--text-primary);margin:0}.view-task-priority{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;background:#0000000d;display:inline-block}.view-task-status{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;display:inline-block}.view-task-status.completed{background:#10b9811a;color:var(--success-green)}.view-task-status.pending{background:#f99e0b1a;color:var(--warning-orange)}.view-task-tags{display:flex;flex-wrap:wrap;gap:.5rem}.view-task-tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.view-task-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color);margin-top:1.5rem}.edit-task-btn{padding:.75rem 1.25rem;border:none;border-radius:var(--radius-sm);background:var(--accent-blue);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.edit-task-btn:hover{background:#2980eb;transform:translateY(-1px)}.close-view-btn{padding:.75rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.close-view-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.pin-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.pin-toggle:hover{background:#3d98f41a;border-color:var(--accent-blue)}.pin-toggle input[type=checkbox]{width:auto;margin:0}.pin-toggle label{margin:0;font-size:.875rem;cursor:pointer}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal-content{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .view-task-priority{background:#ffffff0d}.dark-mode .view-task-status.completed{background:#10b98133}.dark-mode .view-task-status.pending{background:#f99e0b33}.dark-mode .view-task-tag,.dark-mode .tag-item{background:var(--border-color);color:var(--text-primary);border-color:var(--text-secondary)}.dark-mode .pin-toggle{background:var(--border-color)}@media (max-width: 768px){.modal-content{width:95%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.task-form{padding:1rem}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.view-task-field-row{grid-template-columns:1fr;gap:1rem}.view-task-actions{flex-direction:column;gap:.5rem}.edit-task-btn,.close-view-btn{width:100%;justify-content:center}}@media (max-width: 480px){.modal-header h2{font-size:1.125rem}.view-task-title{font-size:1.25rem}.tag-input-container{flex-direction:column;gap:.75rem;align-items:stretch}.add-tag-btn{width:100%}}.modal-content.loading{pointer-events:none;opacity:.7}.modal-content.loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);z-index:100}.dark-mode .modal-content.loading:after{background:#0009}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--success-green)!important}.text-warning{color:var(--warning-orange)!important}.text-error{color:var(--error-red)!important}.text-blue{color:var(--accent-blue)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-success{background-color:var(--success-green)!important}.bg-warning{background-color:var(--warning-orange)!important}.bg-error{background-color:var(--error-red)!important}.bg-blue{background-color:var(--accent-blue)!important}.bg-transparent{background-color:transparent!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:.75rem!important}.m-4{margin:1rem!important}.m-5{margin:1.25rem!important}.m-6{margin:1.5rem!important}.m-8{margin:2rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.ml-0,.ms-0{margin-left:0!important}.ml-1,.ms-1{margin-left:.25rem!important}.ml-2,.ms-2{margin-left:.5rem!important}.ml-3,.ms-3{margin-left:.75rem!important}.ml-4,.ms-4{margin-left:1rem!important}.ml-auto,.ms-auto{margin-left:auto!important}.mr-0,.me-0{margin-right:0!important}.mr-1,.me-1{margin-right:.25rem!important}.mr-2,.me-2{margin-right:.5rem!important}.mr-3,.me-3{margin-right:.75rem!important}.mr-4,.me-4{margin-right:1rem!important}.mr-auto,.me-auto{margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.pt-5{padding-top:1.25rem!important}.pt-6{padding-top:1.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:.75rem!important}.pb-4{padding-bottom:1rem!important}.pb-5{padding-bottom:1.25rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-0,.ps-0{padding-left:0!important}.pl-1,.ps-1{padding-left:.25rem!important}.pl-2,.ps-2{padding-left:.5rem!important}.pl-3,.ps-3{padding-left:.75rem!important}.pl-4,.ps-4{padding-left:1rem!important}.pr-0,.pe-0{padding-right:0!important}.pr-1,.pe-1{padding-right:.25rem!important}.pr-2,.pe-2{padding-right:.5rem!important}.pr-3,.pe-3{padding-right:.75rem!important}.pr-4,.pe-4{padding-right:1rem!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.items-baseline{align-items:baseline!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.flex-grow{flex-grow:1!important}.flex-shrink{flex-shrink:1!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.border{border:1px solid var(--border-color)!important}.border-0{border:0!important}.border-t{border-top:1px solid var(--border-color)!important}.border-b{border-bottom:1px solid var(--border-color)!important}.border-l{border-left:1px solid var(--border-color)!important}.border-r{border-right:1px solid var(--border-color)!important}.rounded{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:50%!important}.rounded-none{border-radius:0!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-1\/2{width:50%!important}.w-1\/3{width:33.333333%!important}.w-2\/3{width:66.666667%!important}.w-1\/4{width:25%!important}.w-3\/4{width:75%!important}.w-fit{width:fit-content!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-fit{height:fit-content!important}.max-w-none{max-width:none!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-5xl{max-width:64rem!important}.max-w-6xl{max-width:72rem!important}.max-w-full{max-width:100%!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-auto{overflow:auto!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-scroll{overflow-y:scroll!important}.overflow-y-auto{overflow-y:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-fadeOut{animation:fadeOut .3s ease-in-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-fadeInLeft{animation:fadeInLeft .4s ease-out}.animate-fadeInRight{animation:fadeInRight .4s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-scaleOut{animation:scaleOut .3s ease-in}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-slideInUp{animation:slideInUp .4s ease-out}.animate-slideInDown{animation:slideInDown .4s ease-out}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.transition-none{transition:none!important}.transition-all{transition:all .15s ease-in-out!important}.transition{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,fill .15s ease-in-out,stroke .15s ease-in-out,opacity .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out!important}.transition-colors{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,fill .15s ease-in-out,stroke .15s ease-in-out!important}.transition-opacity{transition:opacity .15s ease-in-out!important}.transition-shadow{transition:box-shadow .15s ease-in-out!important}.transition-transform{transition:transform .15s ease-in-out!important}.duration-75{transition-duration:75ms!important}.duration-100{transition-duration:.1s!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.duration-500{transition-duration:.5s!important}.duration-700{transition-duration:.7s!important}.duration-1000{transition-duration:1s!important}.ease-linear{transition-timing-function:linear!important}.ease-in{transition-timing-function:ease-in!important}.ease-out{transition-timing-function:ease-out!important}.ease-in-out{transition-timing-function:ease-in-out!important}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))!important}.transform-none{transform:none!important}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5}.rotate-0{--tw-rotate: 0deg}.rotate-45{--tw-rotate: 45deg}.rotate-90{--tw-rotate: 90deg}.rotate-180{--tw-rotate: 180deg}.rotate-270{--tw-rotate: 270deg}.-rotate-45{--tw-rotate: -45deg}.-rotate-90{--tw-rotate: -90deg}.-rotate-180{--tw-rotate: -180deg}.hover\:opacity-80:hover{opacity:.8!important}.hover\:opacity-90:hover{opacity:.9!important}.hover\:scale-105:hover{transform:scale(1.05)!important}.hover\:scale-110:hover{transform:scale(1.1)!important}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)!important}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)!important}.focus\:outline-none:focus{outline:none!important}.focus\:ring:focus{box-shadow:0 0 0 3px #3b82f61a!important}.focus\:ring-blue:focus{box-shadow:0 0 0 3px #3d98f41a!important}.active\:scale-95:active{transform:scale(.95)!important}.active\:opacity-75:active{opacity:.75!important}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.loading{position:relative;pointer-events:none;opacity:.7}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;z-index:1000}@media (max-width: 768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}.md\:w-full{width:100%!important}.md\:w-auto{width:auto!important}.md\:flex-col{flex-direction:column!important}.md\:flex-row{flex-direction:row!important}.md\:justify-center{justify-content:center!important}.md\:justify-start{justify-content:flex-start!important}.md\:text-center{text-align:center!important}.md\:text-left{text-align:left!important}.md\:p-4{padding:1rem!important}.md\:p-2{padding:.5rem!important}.md\:m-0{margin:0!important}}@media (max-width: 480px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}.sm\:w-full{width:100%!important}.sm\:flex-col{flex-direction:column!important}.sm\:text-center{text-align:center!important}.sm\:text-sm{font-size:.875rem!important}.sm\:p-2{padding:.5rem!important}}.search-container{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:0;height:3rem;width:100%;margin-bottom:5px}.search-icon{display:flex;align-items:center;justify-content:center;padding:0 1rem;color:var(--text-secondary)}.search-input{flex:1;border:none;background:transparent;padding:0 1rem 0 0;font-size:1rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-secondary)}.filter-buttons{display:flex;gap:.75rem;padding:.75rem 1rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{opacity:.8;transform:translateY(-1px)}.filter-btn.active{background-color:var(--accent-blue);color:#fff}.filter-tags{padding:0 1rem .75rem}.filter-tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.filter-tags-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.clear-tags-btn{padding:.25rem .5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-tags-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tag:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.filter-tag.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.filter-tag-remove{margin-left:.25rem;font-size:.875rem;opacity:.7}.filter-tag.selected:hover .filter-tag-remove{opacity:1}.section-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:1.25rem 1rem}.floating-buttons{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;z-index:1000}.floating-buttons-column{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:1rem}.clear-completed-btn.floating{padding:.75rem 1rem;border-radius:var(--radius-md);background-color:#6c757d;color:#fff;border:none;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.clear-completed-btn.floating:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.color-picker-container{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1rem}.color-option{width:2.5rem;height:2.5rem;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary);transform:scale(1.1)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.color-picker-custom{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.color-picker-custom label{font-size:.875rem;font-weight:500;margin-bottom:0}.custom-color-input{width:3rem;height:2rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.view-modal{max-width:600px}.view-task-content{padding:0}.view-task-color-strip{width:100%;height:60px;margin-bottom:1.5rem}.view-task-details{padding:0 1.5rem}.view-task-field{margin-bottom:1.5rem}.view-task-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.view-task-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.view-task-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.view-task-title.completed{text-decoration:line-through;opacity:.7}.view-task-description{font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.task-card.enhanced{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;cursor:pointer}.task-card.enhanced:hover{box-shadow:var(--shadow-md)}.task-card.enhanced.completed{opacity:.7}.task-card.enhanced.completed .task-title{text-decoration:line-through}.task-image.enhanced{width:100%;height:50px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.priority-strip{position:absolute;bottom:-2px;left:0;right:0;height:3px;width:100%;z-index:1;transition:background-color .3s ease}.task-image.enhanced .task-image-overlay{position:absolute;bottom:.25rem;left:.5rem;z-index:2}.task-grid-item.drag-over .priority-strip{height:3px;opacity:.8;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.priority-group-separator{position:relative;margin:.5rem 0}.priority-group-separator:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);opacity:.3}.task-grid-item.dragging{opacity:.5;transform:rotate(5deg) scale(.95)}.task-grid-item.drag-over{transform:scale(1.05);opacity:.9;border:2px dashed var(--accent-blue);border-radius:var(--radius-lg)}.task-grid-item.drag-over .task-card.enhanced{box-shadow:0 8px 25px #00000026}.task-card.enhanced[data-priority=high]:hover .priority-strip{height:3px;box-shadow:0 0 8px #ff6b6b66}.task-card.enhanced[data-priority=medium]:hover .priority-strip{height:3px;box-shadow:0 0 8px #ffa50066}.task-card.enhanced[data-priority=low]:hover .priority-strip{height:3px;box-shadow:0 0 8px #4ecdc466}.dark-mode .task-card.enhanced{background:var(--bg-secondary);border:1px solid var(--border-color)}.dark-mode .priority-strip{opacity:.9}.dark-mode .task-grid-item.drag-over{border-color:var(--accent-blue);background:#45b7d10d}@media (max-width: 768px){.priority-strip{height:1.5px}.task-grid-item.drag-over .priority-strip,.task-card.enhanced:hover .priority-strip{height:2px}}.priority-strip.changing{animation:colorShift .5s ease-in-out}@keyframes colorShift{0%{transform:scaleY(1)}50%{transform:scaleY(1.5);opacity:.7}to{transform:scaleY(1)}}.task-card.enhanced.drop-success{animation:dropSuccess .6s ease-out}@keyframes dropSuccess{0%{transform:scale(1)}25%{transform:scale(1.02);box-shadow:0 6px 20px #0000001a}50%{transform:scale(.98)}to{transform:scale(1)}}