.sidebar[data-v-caa3fdfe]{width:280px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d;overflow-y:auto}.sidebar[data-v-caa3fdfe]::-webkit-scrollbar{width:8px;height:8px}.sidebar[data-v-caa3fdfe]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.sidebar[data-v-caa3fdfe]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}.sidebar[data-v-caa3fdfe]::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.sidebar--collapsed[data-v-caa3fdfe]{width:80px}.sidebar--collapsed .sidebar__logo-text[data-v-caa3fdfe],.sidebar--collapsed .sidebar__nav-label[data-v-caa3fdfe],.sidebar--collapsed .sidebar__section-title[data-v-caa3fdfe],.sidebar--collapsed .sidebar__section-header[data-v-caa3fdfe]{display:none}.sidebar--collapsed .sidebar__nav-icon[data-v-caa3fdfe]{margin:0}.sidebar__header[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:center}.sidebar__logo[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.sidebar__logo-image[data-v-caa3fdfe]{width:28px;height:28px;object-fit:contain;margin-right:8px}.sidebar__logo-text[data-v-caa3fdfe]{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:700;color:#37352f}.sidebar__toggle[data-v-caa3fdfe]{background:none;border:none;font-size:1.125rem;cursor:pointer;color:#626262;padding:.25rem;border-radius:8px;transition:all .2s ease-in-out}.sidebar__toggle[data-v-caa3fdfe]:hover{background-color:#f5f5f5;color:#37352f}.sidebar__content[data-v-caa3fdfe]{flex:1;overflow-y:auto;padding:1rem 0}.sidebar__content[data-v-caa3fdfe]::-webkit-scrollbar{width:8px;height:8px}.sidebar__content[data-v-caa3fdfe]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.sidebar__content[data-v-caa3fdfe]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}.sidebar__content[data-v-caa3fdfe]::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.sidebar__section[data-v-caa3fdfe]{padding:1rem .5rem;border-bottom:1px solid #f5f5f5}.sidebar__section--actions[data-v-caa3fdfe]{display:flex;flex-direction:column;gap:.5rem;border:none;margin-top:auto}.sidebar__section-title[data-v-caa3fdfe]{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;color:#626262;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.sidebar__section-header[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar__nav[data-v-caa3fdfe]{display:flex;flex-direction:column;gap:.25rem}.sidebar__nav-item[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;color:#626262;font-size:.875rem;font-weight:500;text-align:left;justify-content:flex-start}.sidebar__nav-item[data-v-caa3fdfe]:hover{background-color:#f5f5f5;color:#37352f}.sidebar__nav-item--active[data-v-caa3fdfe]{background-color:#e6f0ff;color:#06c;font-weight:600}.sidebar__nav-icon[data-v-caa3fdfe]{font-size:1.125rem;flex-shrink:0;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 .25rem}.sidebar__nav-label[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:space-between;flex:1;gap:.5rem}.sidebar__nav-count[data-v-caa3fdfe]{background-color:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;color:#626262;min-width:24px;text-align:center}.sidebar__action-btn[data-v-caa3fdfe]{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none}.sidebar__action-btn[data-v-caa3fdfe]:active{transform:scale(.98)}.sidebar__action-btn[data-v-caa3fdfe]{width:100%;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .2s ease-in-out}.sidebar__action-btn--primary[data-v-caa3fdfe]{background-color:#06c;color:#fff}.sidebar__action-btn--primary[data-v-caa3fdfe]:hover{background-color:#004d99}.sidebar__action-btn--secondary[data-v-caa3fdfe]{background-color:#ffebee;color:#e74c3c}.sidebar__action-btn--secondary[data-v-caa3fdfe]:hover{background-color:#ffd2d8}.sidebar__footer[data-v-caa3fdfe]{padding:1.5rem 1rem;border-top:1px solid #e0e0e0;flex-shrink:0}.sidebar__stats[data-v-caa3fdfe]{display:flex;flex-direction:column;gap:1rem}.sidebar__stat[data-v-caa3fdfe]{display:flex;flex-direction:column;gap:.25rem}.sidebar__stat-label[data-v-caa3fdfe]{font-size:.75rem;color:#626262;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar__stat-value[data-v-caa3fdfe]{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#37352f}.sidebar__progress[data-v-caa3fdfe]{height:6px;background-color:#f5f5f5;border-radius:4px;overflow:hidden}.sidebar__progress-bar[data-v-caa3fdfe]{height:100%;background-color:#06c;border-radius:4px;transition:width .3s ease-in-out}@media (max-width: 768px){.sidebar[data-v-caa3fdfe]{width:80px;position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar--collapsed[data-v-caa3fdfe]{transform:translate(-100%)}.sidebar__logo-text[data-v-caa3fdfe],.sidebar__nav-label[data-v-caa3fdfe],.sidebar__section-title[data-v-caa3fdfe]{display:none}}.task-card[data-v-d955894d]{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:1rem;cursor:pointer;animation:slideIn .2s ease-in-out ease-out}.task-card[data-v-d955894d]:hover{box-shadow:0 4px 6px #00000012;border-color:#06c}.task-card.completed[data-v-d955894d]{opacity:.7;background-color:#fafafa}.task-card.completed .task-card__title[data-v-d955894d]{text-decoration:line-through;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card.completed .task-card__description[data-v-d955894d]{color:#b3b3b3}.task-card__header[data-v-d955894d]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-card__checkbox[data-v-d955894d]{position:relative;flex-shrink:0}.task-card__checkbox .checkbox[data-v-d955894d]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;background-color:#fff}.task-card__checkbox .checkbox[data-v-d955894d]:hover{border-color:#06c;box-shadow:0 0 0 2px #e6f0ff}.task-card__checkbox .checkbox[data-v-d955894d]:checked{background-color:#06c;border-color:#06c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:100%;background-position:center;background-repeat:no-repeat}.task-card__checkbox .checkbox-label[data-v-d955894d]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.task-card__title-section[data-v-d955894d]{flex:1;min-width:0}.task-card__title[data-v-d955894d]{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;color:#37352f;margin:0;word-break:break-word;transition:all .2s ease-in-out}.task-card__description[data-v-d955894d]{font-size:.875rem;color:#626262;margin:.25rem 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card__actions[data-v-d955894d]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}.task-card__btn[data-v-d955894d]{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;transition:all .2s ease-in-out;border-radius:8px;opacity:.6}.task-card__btn[data-v-d955894d]:hover{opacity:1;transform:scale(1.1)}.task-card__btn--edit[data-v-d955894d]:hover{background-color:#e6f0ff}.task-card__btn--delete[data-v-d955894d]:hover{background-color:#ffebee}.task-card__footer[data-v-d955894d]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.task-card__meta[data-v-d955894d]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.task-card__category[data-v-d955894d]{display:inline-block;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;transition:all .2s ease-in-out}.task-card__date[data-v-d955894d]{font-size:.75rem;color:#626262;font-weight:500}@media (max-width: 768px){.task-card[data-v-d955894d]{padding:1rem}.task-card__header[data-v-d955894d]{flex-direction:column;align-items:flex-start}.task-card__actions[data-v-d955894d]{width:100%;justify-content:flex-end}}.task-list[data-v-12d6b68a]{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;overflow-y:auto}.task-list[data-v-12d6b68a]::-webkit-scrollbar{width:8px;height:8px}.task-list[data-v-12d6b68a]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.task-list[data-v-12d6b68a]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}.task-list[data-v-12d6b68a]::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.task-list__header[data-v-12d6b68a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:sticky;top:0;background-color:#f5f5f5;padding:1rem;margin:-2rem 0;padding:1.5rem;z-index:10}.task-list__search[data-v-12d6b68a]{flex:1;min-width:200px;width:100%}.task-list__search-input[data-v-12d6b68a]{width:100%;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s ease-in-out}.task-list__search-input[data-v-12d6b68a]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #e6f0ff}.task-list__search-input[data-v-12d6b68a]{width:100%;font-size:1rem}.task-list__add-btn[data-v-12d6b68a]{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none}.task-list__add-btn[data-v-12d6b68a]:active{transform:scale(.98)}.task-list__add-btn[data-v-12d6b68a]{background-color:#06c;color:#fff;padding:.5rem 1.5rem;font-weight:600;border-radius:8px;transition:all .2s ease-in-out;white-space:nowrap}.task-list__add-btn[data-v-12d6b68a]:hover{background-color:#004d99;transform:translateY(-2px)}@media (max-width: 640px){.task-list__add-btn[data-v-12d6b68a]{width:100%}}.task-list__section[data-v-12d6b68a]{display:flex;flex-direction:column;gap:1rem;animation:slideIn .2s ease-in-out ease-out}.task-list__section-header[data-v-12d6b68a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;margin-top:60px}.task-list__section-title[data-v-12d6b68a]{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#37352f;margin:0}.task-list__section-count[data-v-12d6b68a]{background-color:#e6f0ff;color:#06c;padding:.25rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;min-width:40px;text-align:center}.task-list__grid[data-v-12d6b68a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:20px}@media (max-width: 768px){.task-list__grid[data-v-12d6b68a]{grid-template-columns:1fr}}.task-list__empty[data-v-12d6b68a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;text-align:center;background-color:#f5f5f5;border-radius:12px;border:2px dashed #e0e0e0;margin-top:20px}.task-list__empty-text[data-v-12d6b68a]{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;color:#626262;margin:0}.task-list__empty-subtext[data-v-12d6b68a]{font-size:.875rem;color:#b3b3b3;margin:0}.task-list__no-results[data-v-12d6b68a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;text-align:center;background-color:#f5f5f5;border-radius:12px}.task-list__no-results-text[data-v-12d6b68a]{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#626262;margin:0}.task-list__no-results-subtext[data-v-12d6b68a]{font-size:.875rem;color:#b3b3b3;margin:0}@media (max-width: 768px){.task-list[data-v-12d6b68a]{padding:1rem}.task-list__header[data-v-12d6b68a]{flex-direction:column;margin:-2rem 0}.task-list__add-btn[data-v-12d6b68a]{width:100%}}.task-form[data-v-dafe87ea]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none}.task-form__overlay[data-v-dafe87ea]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;pointer-events:auto;animation:fadeIn .2s ease-in-out ease-out}.task-form__modal[data-v-dafe87ea]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;pointer-events:auto;animation:slideIn .2s ease-in-out ease-out;z-index:1001}.task-form__modal[data-v-dafe87ea]::-webkit-scrollbar{width:8px;height:8px}.task-form__modal[data-v-dafe87ea]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.task-form__modal[data-v-dafe87ea]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}.task-form__modal[data-v-dafe87ea]::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.task-form__header[data-v-dafe87ea]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background-color:#fff;z-index:10}.task-form__title[data-v-dafe87ea]{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#37352f;margin:0}.task-form__close[data-v-dafe87ea]{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#626262;transition:all .2s ease-in-out;padding:.25rem;border-radius:8px}.task-form__close[data-v-dafe87ea]:hover{background-color:#f5f5f5;color:#37352f}.task-form__content[data-v-dafe87ea]{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-dafe87ea]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-dafe87ea]{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;color:#37352f}.form-input[data-v-dafe87ea],.form-textarea[data-v-dafe87ea],.form-select[data-v-dafe87ea]{width:100%;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s ease-in-out}.form-input[data-v-dafe87ea]:focus,.form-textarea[data-v-dafe87ea]:focus,.form-select[data-v-dafe87ea]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #e6f0ff}.form-input[data-v-dafe87ea],.form-textarea[data-v-dafe87ea],.form-select[data-v-dafe87ea]{font-family:Inter,sans-serif;color:#37352f}.form-input[data-v-dafe87ea]::placeholder,.form-textarea[data-v-dafe87ea]::placeholder,.form-select[data-v-dafe87ea]::placeholder{color:#b3b3b3}.form-input[data-v-dafe87ea]:disabled,.form-textarea[data-v-dafe87ea]:disabled,.form-select[data-v-dafe87ea]:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-textarea[data-v-dafe87ea]{resize:vertical;font-family:Inter,sans-serif;min-height:100px}.form-select[data-v-dafe87ea]{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23626262'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:20px;padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-row[data-v-dafe87ea]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.form-row[data-v-dafe87ea]{grid-template-columns:1fr}}.form-actions[data-v-dafe87ea]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn[data-v-dafe87ea]{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none}.btn[data-v-dafe87ea]:active{transform:scale(.98)}.btn[data-v-dafe87ea]{padding:.5rem 1.5rem;font-weight:600;border-radius:8px;flex:1}.btn--primary[data-v-dafe87ea]{background-color:#06c;color:#fff}.btn--primary[data-v-dafe87ea]:hover{background-color:#004d99}.btn--secondary[data-v-dafe87ea]{background-color:#f5f5f5;color:#37352f}.btn--secondary[data-v-dafe87ea]:hover{background-color:#e0e0e0}.slide-enter-active[data-v-dafe87ea],.slide-leave-active[data-v-dafe87ea]{transition:all .2s ease-in-out}.slide-enter-from[data-v-dafe87ea]{opacity:0;transform:translate(-50%,-45%)}.slide-leave-to[data-v-dafe87ea]{opacity:0;transform:translate(-50%,-55%)}@media (max-width: 768px){.task-form__modal[data-v-dafe87ea]{width:95%;max-height:95vh}.task-form__content[data-v-dafe87ea]{padding:1rem}.form-row[data-v-dafe87ea]{gap:1rem}}.app[data-v-85e3fbd7]{display:flex;height:100vh;background-color:#f5f5f5;overflow:hidden}.app__main[data-v-85e3fbd7]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f5f5f5}@media (max-width: 768px){.app[data-v-85e3fbd7]{flex-direction:column}.app__main[data-v-85e3fbd7]{flex:1}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:#37352f;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,h6{font-size:1rem}p{margin-bottom:1rem}a{color:#06c;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#004d99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .2s ease-in-out}.slide-enter-from{opacity:0;transform:translateY(10px)}.slide-leave-to{opacity:0;transform:translateY(-10px)}