@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@font-face{font-family:PPHatton-Bold;src:url(/fonts/PPHatton-Bold.6767c385.otf)}@font-face{font-family:PPHatton-Ultralight;src:url(/fonts/PPHatton-Ultralight.f6e56713.otf)}#app[data-v-58dc00bf],body[data-v-58dc00bf],html[data-v-58dc00bf]{align-items:center;margin-top:60px;display:flex;flex-direction:column}h1[data-v-58dc00bf],h2[data-v-58dc00bf],h3[data-v-58dc00bf],h4[data-v-58dc00bf],h5[data-v-58dc00bf],h6[data-v-58dc00bf]{font-family:PPHatton-Bold,sans-serif!important}button[data-v-58dc00bf],p[data-v-58dc00bf],span[data-v-58dc00bf]{font-family:PPHatton-Ultralight,sans-serif!important;font-size:16px}select[data-v-58dc00bf]{font-family:Quicksand,sans-serif!important}h1[data-v-58dc00bf]{color:#3e442b;margin-bottom:30px;margin-top:-50px}.container[data-v-58dc00bf]{max-width:400px;margin:0 auto;display:flex;flex-direction:column}.input-container[data-v-58dc00bf]{display:flex;flex-wrap:wrap;gap:10px}.input-container input[data-v-58dc00bf],.input-container select[data-v-58dc00bf]{padding:10px;border:1px solid #6a7062;border-radius:5px;width:calc(50% - 5px);box-sizing:border-box}.input-container .add-btn[data-v-58dc00bf]{padding:10px 20px;border:none;background-color:#6a7062;color:#fff;border-radius:5px;cursor:pointer;width:100%}.input-container .add-btn[data-v-58dc00bf]:hover{background-color:#3e442b}.filters-container[data-v-58dc00bf]{display:flex;justify-content:space-between}.select-container[data-v-58dc00bf]{flex-grow:1;margin-right:10px}.select-container select[data-v-58dc00bf]{width:100%;padding:10px;border:1px solid #3e442b;border-radius:5px;box-sizing:border-box}.task-list-container[data-v-58dc00bf]{margin-top:20px}.filter-select[data-v-58dc00bf]{padding:8px 12px;border-radius:5px;border:1px solid #3e442b}ul[data-v-58dc00bf]{list-style-type:none;padding:0;margin:0}.task-item[data-v-58dc00bf]{display:flex;align-items:center;margin-bottom:10px;background-color:#f9f9f9;padding:10px;border-radius:5px;cursor:pointer}.task-item span[data-v-58dc00bf]{flex-grow:1}.task-item-actions[data-v-58dc00bf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;background-color:#c7c9c1;color:#000;font-weight:700;padding:10px;border-radius:5px;margin-top:10px}.actions button[data-v-58dc00bf]{margin-left:5px;border:none;background:none;cursor:pointer}.actions .edit-btn:hover ion-icon[name=pencil-outline][data-v-58dc00bf],.actions button[data-v-58dc00bf]:hover{color:#42b983}.actions .delete-btn:hover ion-icon[name=trash-outline][data-v-58dc00bf]{color:#f44336}.completed[data-v-58dc00bf]{text-decoration:line-through}select[data-v-58dc00bf]{padding:8px 12px;border-radius:5px;border:1px solid #8d909b}button[data-v-58dc00bf]{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.complete-btn[data-v-58dc00bf]{color:#9b2226;border:none;background:none;cursor:pointer}.complete-btn[data-v-58dc00bf]:hover{background-color:#bb3e03;color:#fefae0}form button[type=submit][data-v-58dc00bf]{background-color:#42b983;color:#fff}form button[type=submit][data-v-58dc00bf]:hover{background-color:#5cb85c}.task-item[data-v-58dc00bf]{transition:transform .3s ease}.task-item[data-v-58dc00bf]:hover{transform:scale(1.02)}ion-icon[data-v-58dc00bf]{font-size:1.2rem}.actions button[data-v-58dc00bf]{padding:6px}.task-item[data-v-58dc00bf]{box-shadow:0 2px 4px rgba(0,0,0,.1)}ul[data-v-58dc00bf]{margin-bottom:20px}.edit-form[data-v-58dc00bf]{max-width:400px;margin:0 auto}.edit-form input[type=date][data-v-58dc00bf],.edit-form input[type=text][data-v-58dc00bf],.edit-form input[type=time][data-v-58dc00bf],.edit-form select[data-v-58dc00bf]{width:100%;padding:10px;margin-bottom:10px;border:1px solid #bc6c25;border-radius:5px;box-sizing:border-box}.edit-form select[data-v-58dc00bf]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M6 8 0 0h12L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position-x:calc(100% - 12px);background-position-y:center;background-size:12px 8px}.edit-form button[type=submit][data-v-58dc00bf]{padding:10px 20px;border:none;background-color:#dda15e;color:#fff;border-radius:5px;cursor:pointer}.edit-form button[type=submit][data-v-58dc00bf]:hover{background-color:#dd8d32}.filter-select[data-v-58dc00bf],.filters-container select[data-v-58dc00bf],input[data-v-58dc00bf]{font-family:Quicksand,sans-serif!important}