.arrow-down[data-v-0200a0ac]{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;align-content:center;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.dropbtn[data-v-0200a0ac]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border-radius:25px;background-color:transparent;color:#000;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);border:none;cursor:pointer}nav .dropbtn[data-v-0200a0ac]:hover{border-radius:25px;background-color:hsla(0,0%,93%,.47);transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,.2)}nav .dropbtn.active[data-v-0200a0ac]{transform:scale(.95)}.dropdown-content[data-v-0200a0ac]{display:none;position:absolute;background-color:#e7e7e7;border-radius:10px;width:360px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1;padding:10px}.dropdown-content p[data-v-0200a0ac]{font-size:.8rem;color:#333;margin-top:4px;text-decoration:none}.dropdown-content p[data-v-0200a0ac]:hover{font-size:.8rem;color:#fff;margin-top:4px;text-decoration:none}[data-v-433d3605]{margin:0;padding:0}body[data-v-433d3605]{background-color:#000}a[data-v-433d3605]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border-radius:25px;background-color:#f7f4f4;color:#333;text-align:left;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.log-out[data-v-433d3605]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.card[data-v-433d3605]{width:350px;background-color:#efefef;border:1px solid #d5d3d3;cursor:pointer;transition:all 2s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.image img[data-v-433d3605]{transition:all .5s}.card:hover .image img[data-v-433d3605]{transform:scale(1.5)}.btn[data-v-433d3605]{height:140px;width:140px;border-radius:50%}.name[data-v-433d3605]{font-size:22px;font-weight:700}.email[data-v-433d3605]{font-size:16px;font-weight:500;color:#444}.btn1[data-v-433d3605]{height:40px;width:150px;border:none;background-color:#000;color:#aeaeae;font-size:15px}.icons span[data-v-433d3605]{font-size:24px;margin-right:10px}.join[data-v-433d3605]{font-size:14px;color:#a0a0a0;font-weight:700}.date[data-v-433d3605]{background-color:#ccc}.image img[data-v-433d3605]{border-radius:50%;width:100px;height:100px;-o-object-fit:cover;object-fit:cover}nav[data-v-3df8e0a5]{display:flex;flex-wrap:nowrap;background-color:hsla(0,0%,93%,.7);padding:20px 40px;z-index:1000;width:100%;position:relative;align-items:center;border-bottom:#0a0a0a}nav .profile-container[data-v-3df8e0a5]{margin-left:auto;position:relative;order:2}a[data-v-3df8e0a5],router-link[data-v-3df8e0a5]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border-radius:25px;background-color:#f7f4f4;text-align:left;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}a[data-v-3df8e0a5]:hover,router-link[data-v-3df8e0a5]:hover{color:#fff;background-color:#4b52db;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}a[data-v-3df8e0a5]:active,router-link[data-v-3df8e0a5]:active{transform:scale(.95)}a>p[data-v-3df8e0a5],router-link>p[data-v-3df8e0a5]{font-size:.8rem;color:#333;margin-top:4px;text-decoration:none}a:hover>p[data-v-3df8e0a5],router-link:hover>p[data-v-3df8e0a5]{color:#fff}.profile-container[data-v-3df8e0a5]{display:flex;position:static;flex-shrink:0}.user-profile-popup[data-v-3df8e0a5]{position:absolute;top:100%;right:0;z-index:10}.footer-content[data-v-dacc8cc4]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:50px 50px 20px 50px;background-color:#343a40;color:#fff;flex-wrap:wrap}.footer-top[data-v-dacc8cc4]{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-logo-section[data-v-dacc8cc4]{flex-direction:column;align-items:left;margin-right:50px}.footer-logo[data-v-dacc8cc4]{max-width:150px;margin-left:30px;margin-right:30px}.footer-brand-description[data-v-dacc8cc4]{justify-content:start;align-items:flex-start;margin-top:10px;margin-left:30px;color:#fff;font-size:.9rem;max-width:450px}.footer-columns[data-v-dacc8cc4]{display:flex;justify-content:center;align-items:start;flex-grow:1;max-width:calc(100% - 250px)}.footer-column[data-v-dacc8cc4]{margin:0 10px;flex-basis:25%}.footer-column h4[data-v-dacc8cc4],.footer-column h5[data-v-dacc8cc4]{margin-bottom:.5rem;font-weight:700;color:#fff}.footer-column p[data-v-dacc8cc4]{margin:0;font-size:.9rem}.footer-legal[data-v-dacc8cc4]{margin-top:20px;text-align:center;color:#aaa;font-size:.8rem;width:100%}.footer-legal a[data-v-dacc8cc4]{color:#fff;text-decoration:none}.footer-legal a[data-v-dacc8cc4]:hover{text-decoration:underline}@media (max-width:768px){.footer-content[data-v-dacc8cc4]{flex-direction:column;text-align:center}.footer-columns[data-v-dacc8cc4]{flex-direction:column;align-items:center}.footer-column[data-v-dacc8cc4]{flex-basis:100%}}body,html{height:100%;margin:0}#app{display:flex;flex-direction:column;background-color:#fff;margin-top:0;margin-right:0;padding-right:0;position:relative}#app,main{min-height:100vh}main{padding-top:25px;margin-top:auto;flex:1;margin-bottom:auto}.main-content{flex-grow:1;color:#000;margin-top:10px;padding:auto}footer{width:100%;color:#fff}.styled-table[data-v-5eb89841]{width:100%;border:1px solid #eaeaea;margin-top:10px;border-radius:10px;background-color:#f9f9f9;box-shadow:0 2px 3px rgba(0,0,0,.1);justify-items:center;font-size:.9em;border-collapse:separate;border-spacing:0}.styled-table thead tr[data-v-5eb89841]{background-color:#f9f9f9;text-align:center;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-5eb89841]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-5eb89841]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-5eb89841]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-5eb89841]:last-child{border-bottom-right-radius:10px}.styled-table tbody tr td[data-v-5eb89841]:first-child{border-left:1px solid #ddd}.styled-table tbody tr td[data-v-5eb89841]:last-child{border-right:1px solid #ddd}.styled-table td[data-v-5eb89841],.styled-table th[data-v-5eb89841]{padding:12px 15px}.styled-table tbody tr[data-v-5eb89841]{border-bottom:1px solid #ddd}.styled-table tbody tr[data-v-5eb89841]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-5eb89841]:hover{background-color:#ebebeb}.col[data-v-5eb89841]{display:table-cell;padding:10px;vertical-align:top;border:1px solid #ddd}.mobile-friendly-container[data-v-b6d06b72]{display:flex;flex-direction:column}.task-card[data-v-b6d06b72]{margin:10px;padding:20px;border:1px solid #eaeaea;border-radius:10px;background-color:#f9f9f9;box-shadow:0 2px 3px rgba(0,0,0,.1)}.action-buttons Button[data-v-b6d06b72],.action-buttons button[data-v-b6d06b72]{margin:5px;min-width:90px;padding:2px}.info-message[data-v-b6d06b72]{margin-bottom:10px}.home[data-v-7cd7ed46]{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:2% 20%}h2[data-v-7cd7ed46]{color:#007bff;padding:10px 20px;border-radius:5px;margin:0;text-align:center}.taskWrapper[data-v-7cd7ed46]{display:flex;flex-direction:column;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:20px;width:100%;padding:15px;transition:all .3s ease}.mostRecentTask[data-v-7cd7ed46]{background-color:#e9f5ff;border-left:4px solid #007bff;border-right:4px solid #007bff;padding-left:12px}.recent-task-label h2[data-v-7cd7ed46]{font-size:1.5rem;color:#333;margin-bottom:10px;text-align:center}.timer[data-v-7cd7ed46]{font-size:40px;color:#007bff;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:5px;text-align:center}.element[data-v-7cd7ed46]{margin-top:20px}.loading-container[data-v-7cd7ed46]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-7cd7ed46]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-7cd7ed46 2s linear infinite}@keyframes spin-7cd7ed46{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.home[data-v-7cd7ed46]{margin:2% 5%}}.custom-badge[data-v-58a7f00b]{font-size:1em}.custom-badge[data-v-6808839a]{font-size:.9em;white-space:pre}.task-container[data-v-8ecb4a52]{margin-top:20px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.2);overflow-y:auto;overflow-x:hidden}.filtering-buttons[data-v-8ecb4a52]{display:flex;align-items:center;margin-bottom:30px}.filtering-buttons .dropdown[data-v-8ecb4a52]:last-child{margin-left:auto;position:relative}.search-bar[data-v-8ecb4a52]{color:#000;display:flex;justify-content:center;margin-bottom:20px}.search-input[data-v-8ecb4a52]{width:100%;padding:10px;background-color:#f3f3f3;border:1px solid #ddd;color:#000;font-size:16px;border-radius:10px}.table-container[data-v-8ecb4a52]{overflow-x:auto}.styled-table[data-v-8ecb4a52]{width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);margin-top:10px;font-size:.9em;border:1px solid #ddd;border-collapse:collapse;border-spacing:0;border-radius:10px}.styled-table thead tr[data-v-8ecb4a52]{background-color:#4b52db;color:#fff;text-align:left;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-8ecb4a52]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-8ecb4a52]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-8ecb4a52]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-8ecb4a52]:last-child{border-bottom-right-radius:10px}.styled-table td[data-v-8ecb4a52],.styled-table th[data-v-8ecb4a52]{padding:12px 15px}.styled-table tbody tr[data-v-8ecb4a52]{border-bottom:2px solid #ddd}.styled-table tbody tr[data-v-8ecb4a52]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-8ecb4a52]:hover{background-color:#e8e8e8}.task-description[data-v-8ecb4a52]{position:relative;cursor:pointer}.task-description .popover[data-v-8ecb4a52]{color:#000;display:none;position:absolute;top:-5px;left:100%;background-color:#f9f9f9;border:1px solid #ddd;padding:10px;z-index:100;border-radius:5px;width:300px;word-wrap:break-word}.task-description:hover .popover[data-v-8ecb4a52]{display:block}.apple-button[data-v-8ecb4a52]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border:none;border-radius:25px;background-color:#f7f4f4;color:#000;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.apple-button.all-tasks[data-v-8ecb4a52]:hover,.apple-button.cost[data-v-8ecb4a52]:hover,.apple-button.duration[data-v-8ecb4a52]:hover,.apple-button.id[data-v-8ecb4a52]:hover,.apple-button.name[data-v-8ecb4a52]:hover,.apple-button.sort-button[data-v-8ecb4a52]:hover,.apple-button.started[data-v-8ecb4a52]:hover,.apple-button.view-button[data-v-8ecb4a52]:hover{color:#fff;background-color:#4b52db;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.active-task[data-v-8ecb4a52]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.completed-task[data-v-8ecb4a52]:hover{color:#fff;background-color:#66d366;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.not-started-task[data-v-8ecb4a52]:hover{color:#000;background-color:#ff9;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.delete-button[data-v-8ecb4a52]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.active-task[data-v-8ecb4a52]:active,.apple-button.completed-task[data-v-8ecb4a52]:active{transform:scale(.95)}.all-tasks.active-filter[data-v-8ecb4a52]{color:#fff;background-color:#4b52db;box-shadow:0 4px 8px rgba(0,0,0,.2)}.active-task.active-filter[data-v-8ecb4a52]{color:#fff;background-color:#db504b;box-shadow:0 4px 8px rgba(0,0,0,.2)}.completed-task.active-filter[data-v-8ecb4a52]{background-color:#66d366}.not-started-task.active-filter[data-v-8ecb4a52]{background-color:#ff9}.pagination-controls[data-v-8ecb4a52]{display:flex;justify-content:center;margin-top:20px;align-items:center}.pagination[data-v-8ecb4a52]{list-style:none;display:flex;align-items:center;margin:0}.pagination .page-item[data-v-8ecb4a52]{margin:0 5px}.pagination .page-link[data-v-8ecb4a52]{border:1px solid #007bff;padding:5px 10px;color:#007bff;cursor:pointer}.pagination .page-link[data-v-8ecb4a52]:hover{background-color:#007bff;color:#fff}.pagination .disabled .page-link[data-v-8ecb4a52]{color:#ccc;cursor:not-allowed;border:1px solid #ccc}.pagination .active .page-link[data-v-8ecb4a52]{background-color:#007bff;color:#fff}.no-tasks-message[data-v-8ecb4a52]{text-align:center;align-items:center}.dropdown[data-v-8ecb4a52]{position:relative;display:inline-block}.dropdown-content[data-v-8ecb4a52]{display:none;position:absolute;background-color:#e7e7e7;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1;padding:10px}.dropdown:hover .dropdown-content[data-v-8ecb4a52]{display:block}.low-priority[data-v-8ecb4a52]{background-color:#e7f3fe;border-left:4px solid #2d99ff;border-right:4px solid #007bff}.medium-priority[data-v-8ecb4a52]{background-color:#fffbea;border-left:4px solid #ffdf50;border-right:4px solid #ffdf50}.high-priority[data-v-8ecb4a52]{background-color:#ffe3e3;border-left:4px solid #ff4848;border-right:4px solid #ff4848}.low-priority td[data-v-8ecb4a52]:first-child{border-left:4px solid #2d99ff}.low-priority td[data-v-8ecb4a52]:last-child{border-right:4px solid #007bff}.medium-priority td[data-v-8ecb4a52]:first-child{border-left:4px solid #ffdf50}.medium-priority td[data-v-8ecb4a52]:last-child{border-right:4px solid #ffdf50}.high-priority td[data-v-8ecb4a52]:first-child{border-left:4px solid #ff4848}.high-priority td[data-v-8ecb4a52]:last-child{border-right:4px solid #ff4848}.home[data-v-7c28c833]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh;padding-bottom:30px}.user-info[data-v-7c28c833]{text-align:center}.tasktablecontainer[data-v-7c28c833]{width:85%}.loading-container[data-v-7c28c833]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-7c28c833]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-7c28c833 2s linear infinite}@keyframes spin-7c28c833{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.endfade:before{content:"";width:300%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(90deg,transparent 90%,#fff)}.text-nowrap,.text-wrap{transition:all .3s ease-in-out}.text-nowrap{transition-delay:.2s}.badge-row[data-v-45d6ffee]{width:70vw;border:1px solid #eaeaea;margin:1rem;padding:1rem;border-radius:.5rem;background-color:#f9f9f9;box-shadow:0 2px 4px rgba(0,0,0,.1);justify-items:center;align-items:center;display:flex;gap:1rem}.badge-pill[data-v-45d6ffee]{padding:.5em .75em;border-radius:999px;color:#fff;font-weight:700}.bg-success[data-v-45d6ffee]{background-color:#28a745}.bg-warning[data-v-45d6ffee]{background-color:#ffc107}.bg-danger[data-v-45d6ffee]{background-color:#dc3545}.bg-info[data-v-45d6ffee],.bg-primary[data-v-45d6ffee]{background-color:#007bff}.pagination-controls[data-v-45d6ffee]{display:flex;justify-content:center;margin-top:20px;align-items:center}.pagination[data-v-45d6ffee]{list-style:none;display:flex;align-items:center;margin:0}.pagination .page-item[data-v-45d6ffee]{margin:0 5px}.pagination .page-link[data-v-45d6ffee]{border:1px solid #007bff;padding:5px 10px;color:#007bff;cursor:pointer}.pagination .page-link[data-v-45d6ffee]:hover{background-color:#007bff;color:#fff}.pagination .disabled .page-link[data-v-45d6ffee]{color:#ccc;cursor:not-allowed;border:1px solid #ccc}.pagination .active .page-link[data-v-45d6ffee]{background-color:#007bff;color:#fff}.home[data-v-4797bfae]{padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.taskWrapper[data-v-4797bfae]{margin:2% 20%;display:flex;flex-direction:row}.whole-task[data-v-4797bfae]{flex-grow:1}.taskId[data-v-4797bfae]{flex-basis:10%;width:100px;padding-right:10px}.taskContent[data-v-4797bfae]{flex-basis:90%;background:#fff;border-radius:10px}.task-header[data-v-4797bfae],.taskContent[data-v-4797bfae]{width:100%;padding:.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.task-header[data-v-4797bfae]{color:#000;margin-bottom:10px;border:0;display:inline-block;background-color:rgba(89,100,100,.1);border-radius:10px}.task-description-textarea[data-v-4797bfae],.task-name-input[data-v-4797bfae]{color:#000;margin:.25rem;padding:.25rem;border:none;background-color:transparent;width:100%}.task-description-textarea[data-v-4797bfae]{resize:none}.task-details[data-v-4797bfae]{color:#000;padding:.5rem;width:100%;border:0;display:inline-block;background-color:#cfe2ff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.userBadgeContainer[data-v-4797bfae]{display:inline-block;margin-right:5px}.customDropdown[data-v-4797bfae]{max-width:300px}.actionButtons[data-v-4797bfae]{justify-content:center}.customSaveButton[data-v-4797bfae]{margin-top:20px;width:100px;padding-left:20px;padding-right:20px}.task-action[data-v-4797bfae]{color:#000;padding:.5rem;width:100%;border:0;display:inline-block;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}body[data-v-4797bfae]{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:20px;max-width:150%}h2[data-v-4797bfae]{color:#007bff;background-color:#fff;padding:10px 20px;border-radius:5px;margin:0;text-align:center}.task-event[data-v-4797bfae]{color:#000;padding:.5rem;width:100%;border:0;display:inline-block;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.timer[data-v-4797bfae]{font-size:40px;color:#007bff;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:5px;text-align:center}.loading-container[data-v-4797bfae]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-4797bfae]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-4797bfae 2s linear infinite}@keyframes spin-4797bfae{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home[data-v-bb3d4ae0]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh;padding-bottom:30px}.user-info[data-v-bb3d4ae0]{text-align:center}.tasktablecontainer[data-v-bb3d4ae0]{width:85%}.loading-container[data-v-bb3d4ae0]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-bb3d4ae0]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-bb3d4ae0 2s linear infinite}@keyframes spin-bb3d4ae0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home[data-v-22c67237]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 20%;padding:0 20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.taskWrapper[data-v-22c67237]{max-width:800px;width:100%;padding:10px 20px}.task-description-input[data-v-22c67237],.task-name-input[data-v-22c67237]{font-size:.9rem}.required-asterisk[data-v-22c67237]{color:red}.add-task-btn[data-v-22c67237]{float:left;margin:10px 0;background-color:#90ee90}.create-task-btn[data-v-22c67237]{display:block;margin:50px auto}.form-control[type=date][data-v-22c67237]{color:#000;background-color:#ccc}.loading-overlay[data-v-22c67237]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-container[data-v-22c67237]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-22c67237]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-22c67237 2s linear infinite}@keyframes spin-22c67237{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home[data-v-96cb7fe2]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.jobWrapper[data-v-96cb7fe2]{padding:10px 20px;max-width:800px;width:100%}.add-task-btn[data-v-96cb7fe2]{float:left;border:none;margin:10px 0;background-color:#90ee90}.create-job-btn[data-v-96cb7fe2]{display:block;margin:50px auto}.required-asterisk[data-v-96cb7fe2]{color:red}.form-control[type=date][data-v-96cb7fe2]{color:#000;background-color:#ccc}.loading-overlay[data-v-96cb7fe2]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-container[data-v-96cb7fe2]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-96cb7fe2]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-96cb7fe2 2s linear infinite}@keyframes spin-96cb7fe2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.job-container[data-v-b5f0cdd0]{margin:20px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.2);overflow-y:auto;overflow-x:hidden}.filtering-buttons[data-v-b5f0cdd0]{display:flex;align-items:center;margin-bottom:30px}.filtering-buttons .dropdown[data-v-b5f0cdd0]:last-child{margin-left:auto;position:relative}.search-bar[data-v-b5f0cdd0]{color:#000;display:flex;justify-content:center;margin-bottom:20px}.search-input[data-v-b5f0cdd0]{width:100%;padding:10px;background-color:#f3f3f3;border:1px solid #ddd;color:#000;font-size:16px;border-radius:10px}.table-container[data-v-b5f0cdd0]{overflow-x:auto}.styled-table[data-v-b5f0cdd0]{width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);margin-top:10px;font-size:.9em;border:1px solid #ddd;border-collapse:collapse;border-spacing:0;border-radius:10px}.styled-table thead tr[data-v-b5f0cdd0]{background-color:#4b52db;color:#fff;text-align:left;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-b5f0cdd0]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-b5f0cdd0]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-b5f0cdd0]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-b5f0cdd0]:last-child{border-bottom-right-radius:10px}.styled-table td[data-v-b5f0cdd0],.styled-table th[data-v-b5f0cdd0]{padding:12px 15px}.styled-table tbody tr[data-v-b5f0cdd0]{border-bottom:2px solid #ddd}.styled-table tbody tr[data-v-b5f0cdd0]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-b5f0cdd0]:hover{background-color:#e8e8e8}.job-description[data-v-b5f0cdd0]{position:relative;cursor:pointer}.job-description .popover[data-v-b5f0cdd0]{color:#000;display:none;position:absolute;top:-5px;left:100%;background-color:#f9f9f9;border:1px solid #ddd;padding:10px;z-index:10;border-radius:5px;width:300px;word-wrap:break-word}.job-description:hover .popover[data-v-b5f0cdd0]{display:block}.apple-button[data-v-b5f0cdd0]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border:none;border-radius:25px;background-color:#f7f4f4;color:#000;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.apple-button.all-jobs[data-v-b5f0cdd0]:hover,.apple-button.cost[data-v-b5f0cdd0]:hover,.apple-button.duration[data-v-b5f0cdd0]:hover,.apple-button.id[data-v-b5f0cdd0]:hover,.apple-button.name[data-v-b5f0cdd0]:hover,.apple-button.sort-button[data-v-b5f0cdd0]:hover,.apple-button.started[data-v-b5f0cdd0]:hover,.apple-button.view-button[data-v-b5f0cdd0]:hover{color:#fff;background-color:#4b52db;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.active-jobs[data-v-b5f0cdd0]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.completed-jobs[data-v-b5f0cdd0]:hover{color:#fff;background-color:#66d366;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.not-started-jobs[data-v-b5f0cdd0]:hover{color:#000;background-color:#ff9;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.delete-button[data-v-b5f0cdd0]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.active-jobs[data-v-b5f0cdd0]:active,.apple-button.completed-jobs[data-v-b5f0cdd0]:active{transform:scale(.95)}.all-jobs.active-filter[data-v-b5f0cdd0]{color:#fff;background-color:#4b52db;box-shadow:0 4px 8px rgba(0,0,0,.2)}.active-jobs.active-filter[data-v-b5f0cdd0]{color:#fff;background-color:#db504b;box-shadow:0 4px 8px rgba(0,0,0,.2)}.completed-jobs.active-filter[data-v-b5f0cdd0]{background-color:#66d366}.not-started-jobs.active-filter[data-v-b5f0cdd0]{background-color:#ff9}.pagination-controls[data-v-b5f0cdd0]{display:flex;justify-content:center;margin-top:20px;align-items:center}.pagination[data-v-b5f0cdd0]{list-style:none;display:flex;align-items:center;margin:0}.pagination .page-item[data-v-b5f0cdd0]{margin:0 5px}.pagination .page-link[data-v-b5f0cdd0]{border:1px solid #007bff;padding:5px 10px;color:#007bff;cursor:pointer}.pagination .page-link[data-v-b5f0cdd0]:hover{background-color:#007bff;color:#fff}.pagination .disabled .page-link[data-v-b5f0cdd0]{color:#ccc;cursor:not-allowed;border:1px solid #ccc}.pagination .active .page-link[data-v-b5f0cdd0]{background-color:#007bff;color:#fff}.no-jobs-message[data-v-b5f0cdd0]{text-align:center}.dropdown[data-v-b5f0cdd0]{position:relative;display:inline-block}.dropdown-content[data-v-b5f0cdd0]{display:none;position:absolute;background-color:#e7e7e7;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1;padding:10px}.dropdown:hover .dropdown-content[data-v-b5f0cdd0]{display:block}.low-priority[data-v-b5f0cdd0]{background-color:#e7f3fe;border-left:4px solid #2d99ff;border-right:4px solid #007bff}.medium-priority[data-v-b5f0cdd0]{background-color:#fffbea;border-left:4px solid #ffdf50;border-right:4px solid #ffdf50}.high-priority[data-v-b5f0cdd0]{background-color:#ffe3e3;border-left:4px solid #ff4848;border-right:4px solid #ff4848}.low-priority td[data-v-b5f0cdd0]:first-child{border-left:4px solid #2d99ff}.low-priority td[data-v-b5f0cdd0]:last-child{border-right:4px solid #007bff}.medium-priority td[data-v-b5f0cdd0]:first-child{border-left:4px solid #ffdf50}.medium-priority td[data-v-b5f0cdd0]:last-child{border-right:4px solid #ffdf50}.high-priority td[data-v-b5f0cdd0]:first-child{border-left:4px solid #ff4848}.high-priority td[data-v-b5f0cdd0]:last-child{border-right:4px solid #ff4848}.home[data-v-5080d386]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh;padding-bottom:30px}.user-info[data-v-5080d386]{text-align:center}.jobtablecontainer[data-v-5080d386]{width:85%}.loading-container[data-v-5080d386]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-5080d386]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-5080d386 2s linear infinite}@keyframes spin-5080d386{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home[data-v-72e0ffd6]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.jobWrapper[data-v-72e0ffd6]{display:flex;width:100%;align-items:flex-start}.home[data-v-3e21feed]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.jobWrapper[data-v-3e21feed]{margin:2% 10%;display:flex;flex-direction:row}.whole-job[data-v-3e21feed]{flex-grow:1}.jobId[data-v-3e21feed]{width:100px;padding-right:10px}.actionButtons[data-v-3e21feed]{justify-content:center}.jobContent[data-v-3e21feed]{flex-basis:90%;width:100%;padding:.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.customSaveButton[data-v-3e21feed]{margin-top:30px;width:100px;padding-left:20px;padding-right:20px}.job-header[data-v-3e21feed]{color:#000;padding:.5rem;margin-bottom:10px;width:100%;border:0;display:inline-block;background-color:rgba(89,100,100,.1);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.job-description-textarea[data-v-3e21feed],.job-name-input[data-v-3e21feed]{color:#000;margin:.25rem;padding:.25rem;border:none;background-color:transparent;width:100%}.job-description-textarea[data-v-3e21feed]{resize:none}.job-details[data-v-3e21feed]{color:#000;padding:.5rem;width:100%;border:0;display:inline-block;background-color:#cfe2ff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.task-table[data-v-3e21feed]{width:80vw}.loading-container[data-v-3e21feed]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-3e21feed]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-3e21feed 2s linear infinite}@keyframes spin-3e21feed{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h3{text-align:center}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content input[type=checkbox]{margin-right:10px}.dropdown-content label{display:block!important;padding:5px;cursor:pointer}.job-task{background-color:#ff9f89;border-color:#ff9f89}.regular-task{background-color:#2196f3}.home[data-v-3a633774]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff!important;min-height:100vh}.whole-charts[data-v-7687fdea]{flex-grow:1}.charts-container[data-v-7687fdea]{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center}.chart-wrapper[data-v-7687fdea]{margin:20px;margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.chart-wrapper canvas[data-v-7687fdea]{display:block;width:100%!important;height:auto!important;max-height:500px}.whole-dashboard[data-v-1e3779ea]{flex-grow:1}.admin-dashboard[data-v-1e3779ea]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.flex-container[data-v-1e3779ea]{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center}.table-wrapper[data-v-1e3779ea]{margin:20px;margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.home{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff!important;min-height:100vh}.calendar{width:100%;margin:50px auto;padding:20px;border-radius:25px}.fc-event,.fc-event:hover{background-color:transparent!important;border:none!important}.fc-event-custom{background-color:var(--custom-background-color)!important;border-color:var(--custom-border-color)!important;color:#fff!important;border-style:solid;border-width:1px;border-radius:25px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}.fc-event-title{padding:2px 5px}.event-job{--custom-background-color:#ff9f89;--custom-border-color:#ff6f61}.event-task{--custom-background-color:#89cff0;--custom-border-color:#61a2ff}.event-reminder{--custom-background-color:#ff9;--custom-border-color:#ff9;color:#000!important}:root{--fc-event-bg-color:transparent;--fc-event-border-color:transparent;--bs-link-hover-color:transparent;--bs-link-hover-color-rgb:255,255,255}.fc .fc-daygrid-more-link:hover{background-color:#4b52db}.userlist-container[data-v-5932257d]{margin:0 7.5%;padding:20px;margin-bottom:30px;width:85%;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.2);overflow-y:auto;overflow-x:hidden}.filtering-buttons[data-v-5932257d]{display:flex;align-items:center;margin-bottom:30px;margin-top:20px}.search-bar[data-v-5932257d]{color:#000;display:flex;justify-content:center;margin-bottom:20px}.search-input[data-v-5932257d]{width:100%;padding:10px;border-radius:5px;background-color:#f3f3f3;border:1px solid #ddd;color:#000;font-size:16px;border-radius:10px}.table-container[data-v-5932257d]{overflow-x:auto}.styled-table[data-v-5932257d]{width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);margin-top:10px;font-size:.9em;border:1px solid #ddd;border-collapse:separate;border-spacing:0;border-radius:10px}.styled-table thead tr[data-v-5932257d]{background-color:#4b52db;color:#fff;text-align:left;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-5932257d]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-5932257d]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-5932257d]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-5932257d]:last-child{border-bottom-right-radius:10px}.styled-table tbody tr td[data-v-5932257d]:first-child{border-left:1px solid #ddd}.styled-table tbody tr td[data-v-5932257d]:last-child{border-right:1px solid #ddd}.styled-table td[data-v-5932257d],.styled-table th[data-v-5932257d]{padding:12px 15px}.styled-table tbody tr[data-v-5932257d]{border-bottom:1px solid #ddd}.styled-table tbody tr[data-v-5932257d]:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-5932257d]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-5932257d]:hover{background-color:#e8e8e8}.apple-button[data-v-5932257d]{display:inline-block;padding:10px 20px;margin:0 10px;border:none;border-radius:25px;background-color:#f7f4f4;color:#000;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.apple-button.show-all[data-v-5932257d]:hover,.apple-button.user[data-v-5932257d]:hover,.apple-button.useremployee[data-v-5932257d]:hover,.apple-button.view-button[data-v-5932257d]:hover{color:#fff;background-color:#4b52db;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.delete-button[data-v-5932257d]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.report-button[data-v-5932257d]:hover{color:#000;background-color:#ff9;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.apple-button.active-filter[data-v-5932257d]{transform:scale(.95);color:#fff;background-color:#4b52db;box-shadow:0 4px 8px rgba(0,0,0,.2)}.pagination-controls[data-v-5932257d]{display:flex;justify-content:center;margin-top:20px;align-items:center}.pagination[data-v-5932257d]{list-style:none;display:flex;align-items:center;margin:0}.pagination .page-item[data-v-5932257d]{margin:0 5px}.pagination .page-link[data-v-5932257d]{border:1px solid #007bff;padding:5px 10px;color:#007bff;cursor:pointer}.pagination .page-link[data-v-5932257d]:hover{background-color:#007bff;color:#fff}.pagination .disabled .page-link[data-v-5932257d]{color:#ccc;cursor:not-allowed;border:1px solid #ccc}.pagination .active .page-link[data-v-5932257d]{background-color:#007bff;color:#fff}.no-users-message[data-v-5932257d]{text-align:center}.loading-container[data-v-5932257d]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-5932257d]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-5932257d 2s linear infinite}@keyframes spin-5932257d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-user-form[data-v-d3458cd6]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 30%;padding:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff!important;min-height:100vh}.form-group[data-v-d3458cd6]{margin-bottom:15px}.form-group label[data-v-d3458cd6]{display:block;margin-bottom:5px}.form-group input[type=email][data-v-d3458cd6],.form-group input[type=password][data-v-d3458cd6],.form-group input[type=text][data-v-d3458cd6]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#000}button[data-v-d3458cd6]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button[data-v-d3458cd6]:hover{background-color:#0056b3}.create-employee-form[data-v-ce6511b8]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff!important;min-height:100vh;min-width:500px}.create-employee-form h2[data-v-ce6511b8]{text-align:center;color:#333}.form-group[data-v-ce6511b8]{margin-bottom:20px}.form-group label[data-v-ce6511b8]{display:block;margin-bottom:5px;font-weight:700}.form-group input[type=number][data-v-ce6511b8],.form-group input[type=password][data-v-ce6511b8],.form-group input[type=text][data-v-ce6511b8],.form-group select[data-v-ce6511b8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#000}.form-group input[type=checkbox][data-v-ce6511b8]{margin-top:10px}button[data-v-ce6511b8]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-ce6511b8]:hover{background-color:#0056b3}.user-edit-card[data-v-e53edd16]{position:relative;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:500px;width:90%;margin:auto;margin-top:var(--navbar-height)}.overlay-background[data-v-e53edd16]{position:relative;top:0;left:0;width:100%;height:100%;z-index:999}.form-group[data-v-e53edd16]{margin-bottom:15px}.form-group label[data-v-e53edd16]{display:block;margin-bottom:5px;font-weight:700}.form-group input[type=date][data-v-e53edd16],.form-group input[type=email][data-v-e53edd16],.form-group input[type=text][data-v-e53edd16]{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.checkbox-group[data-v-e53edd16]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox][data-v-e53edd16]{accent-color:#007bff}.toggle-switch[data-v-e53edd16]{position:relative;display:inline-block;width:60px;height:34px;margin:10px 0}.toggle-switch input[data-v-e53edd16]{opacity:0;width:0;height:0}.switch[data-v-e53edd16]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch[data-v-e53edd16]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch[data-v-e53edd16]{background-color:#2196f3}input:checked+.switch[data-v-e53edd16]:before{transform:translateX(26px)}button[type=submit][data-v-e53edd16]{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}button[type=submit][data-v-e53edd16]:hover{background-color:#0056b3}.close-button[data-v-e53edd16]{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;color:#333;background-color:#fff;border-radius:50%;padding:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.loading-container[data-v-e53edd16]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-e53edd16]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-e53edd16 2s linear infinite}@keyframes spin-e53edd16{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.whole-employee[data-v-7e39da64]{flex-grow:1;margin:2% 10%}.employee-details[data-v-7e39da64]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff!important;min-height:100vh}.profile-header[data-v-7e39da64]{display:flex;align-items:center;padding-left:20px;padding-top:20px;padding-bottom:20px;width:100%;background-color:#cfe2ff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.profile-photo[data-v-7e39da64]{width:140px;height:140px;border-radius:50%;margin-right:30px}.profile-info[data-v-7e39da64]{flex-grow:1}.edit-symbol[data-v-7e39da64]{cursor:pointer;padding-left:8px;font-size:.8em}.loading-container[data-v-7e39da64]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-7e39da64]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-7e39da64 2s linear infinite}@keyframes spin-7e39da64{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.view-user-form[data-v-0a12793c]{max-width:400px;margin:30px auto;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;background-color:#fff;font-size:14px}.form-group[data-v-0a12793c]{margin-bottom:15px}label[data-v-0a12793c]{display:block;margin-bottom:5px;font-size:14px;font-weight:700}input[type=email][data-v-0a12793c],input[type=password][data-v-0a12793c],input[type=text][data-v-0a12793c]{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;background-color:#fff;color:#000}.save-changes-btn[data-v-0a12793c]{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:14px}.save-changes-btn[data-v-0a12793c]:hover{background-color:#0056b3}.toggle-switch[data-v-0a12793c]{position:relative;display:inline-block;width:60px;height:34px;margin:10px 0}.toggle-switch input[data-v-0a12793c]{opacity:0;width:0;height:0}.switch[data-v-0a12793c]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch[data-v-0a12793c]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch[data-v-0a12793c]{background-color:#2196f3}input:checked+.switch[data-v-0a12793c]:before{transform:translateX(26px)}input[type=email][data-v-0a12793c],input[type=password][data-v-0a12793c],input[type=text][data-v-0a12793c]{font-weight:700}.password-change-options[data-v-0a12793c]{display:flex;align-items:center;gap:10px}.password-change-options label[data-v-0a12793c]{margin:0}.verify-button[data-v-0a12793c]{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:14px;margin-top:5px}.verify-button[data-v-0a12793c]:hover{background-color:#0056b3}.success-message[data-v-0a12793c]{color:green;margin-top:10px;font-weight:700}.failure-message[data-v-0a12793c]{color:red;margin-top:10px;font-weight:700}.loader[data-v-0a12793c]{display:inline-block;width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:3px solid #000;animation:spin-0a12793c 2s linear infinite;margin-left:10px}@keyframes spin-0a12793c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-icon[data-v-0a12793c]{color:green!important;font-size:20px}.create-job-template-form[data-v-fa024642]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 20%;padding:10 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff!important;min-height:100vh}.templateWrapper[data-v-fa024642]{padding:10px 20px;max-width:800px;width:100%}.form-group[data-v-fa024642]{margin-bottom:15px;padding:0 20px}.form-group label[data-v-fa024642]{display:block;margin-bottom:5px}.required-asterisk[data-v-fa024642]{color:red}.create-jobtemplate-btn[data-v-fa024642]{display:block;margin:50px auto}.create-task-template-form[data-v-7a581198]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 20%;padding:10 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff!important;min-height:100vh}.templateWrapper[data-v-7a581198]{padding:10px 20px;max-width:800px;width:100%}.form-group[data-v-7a581198]{margin-bottom:15px;padding:0 20px}.form-group label[data-v-7a581198]{display:block;margin-bottom:5px}.required-asterisk[data-v-7a581198]{color:red}p[data-v-7a581198]{margin-bottom:0}.create-tasktemplate-btn[data-v-7a581198]{display:block;margin:50px auto}.work-cost-center-container{max-width:600px;margin:20px auto;padding:20px}.cost-center-section,.work-center-section{background-color:#f8f8f8;padding:15px;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group textarea{width:100%;min-height:100px;padding:8px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical}.form-group input,.form-group textarea{background-color:#f0f0f0;color:#333}h2{color:#333;font-size:24px;margin-bottom:15px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#666;font-weight:700}.form-group input[type=text]{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#0056b3}.job-and-task[data-v-12e8ae68]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.flex-container[data-v-12e8ae68]{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center;width:80%}.table-wrapper[data-v-12e8ae68]{margin:20px;margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.styled-table[data-v-12e8ae68]{width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);margin-top:10px;font-size:.9em;border:1px solid #ddd;border-collapse:separate;border-spacing:0;border-radius:10px}.styled-table thead tr[data-v-12e8ae68]{background-color:#4b52db;color:#fff;text-align:left;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-12e8ae68]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-12e8ae68]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-12e8ae68]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-12e8ae68]:last-child{border-bottom-right-radius:10px}.styled-table tbody tr td[data-v-12e8ae68]:first-child{border-left:1px solid #ddd}.styled-table tbody tr td[data-v-12e8ae68]:last-child{border-right:1px solid #ddd}.styled-table td[data-v-12e8ae68],.styled-table th[data-v-12e8ae68]{padding:12px 15px}.styled-table tbody tr[data-v-12e8ae68]{border-bottom:1px solid #ddd}.styled-table tbody tr[data-v-12e8ae68]:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-12e8ae68]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-12e8ae68]:hover{background-color:#e8e8e8}.description[data-v-12e8ae68]{position:relative;cursor:pointer}.description .popover[data-v-12e8ae68]{color:#000;display:none;position:absolute;top:-5px;left:100%;background-color:#f9f9f9;border:1px solid #ddd;padding:10px;z-index:100;border-radius:5px;width:300px;word-wrap:break-word}.description:hover .popover[data-v-12e8ae68]{display:block}.action-button[data-v-12e8ae68]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border:none;border-radius:25px;background-color:#f7f4f4;color:#000;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.action-button.add[data-v-12e8ae68]:hover{color:#fff;background-color:#66d366;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.action-button.delete[data-v-12e8ae68]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.title-with-action[data-v-12e8ae68]{display:flex;justify-content:space-between;align-items:center}.loading-container[data-v-12e8ae68]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-12e8ae68]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-12e8ae68 2s linear infinite}@keyframes spin-12e8ae68{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.work-and-cost-center[data-v-164ff6ec]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.flex-container[data-v-164ff6ec]{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center;width:80%}.table-wrapper[data-v-164ff6ec]{margin:20px;margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.styled-table[data-v-164ff6ec]{width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);margin-top:10px;font-size:.9em;border:1px solid #ddd;border-collapse:separate;border-spacing:0;border-radius:10px}.styled-table thead tr[data-v-164ff6ec]{background-color:#4b52db;color:#fff;text-align:left;border-radius:10px;height:70px}.styled-table thead tr:first-child th[data-v-164ff6ec]:first-child{border-top-left-radius:10px}.styled-table thead tr:first-child th[data-v-164ff6ec]:last-child{border-top-right-radius:10px}.styled-table tbody tr:last-child td[data-v-164ff6ec]:first-child{border-bottom-left-radius:10px}.styled-table tbody tr:last-child td[data-v-164ff6ec]:last-child{border-bottom-right-radius:10px}.styled-table tbody tr td[data-v-164ff6ec]:first-child{border-left:1px solid #ddd}.styled-table tbody tr td[data-v-164ff6ec]:last-child{border-right:1px solid #ddd}.styled-table td[data-v-164ff6ec],.styled-table th[data-v-164ff6ec]{padding:12px 15px}.styled-table tbody tr[data-v-164ff6ec]{border-bottom:1px solid #ddd}.styled-table tbody tr[data-v-164ff6ec]:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-164ff6ec]:last-of-type{border-bottom:2px solid #f3f3f3}.styled-table tbody tr[data-v-164ff6ec]:hover{background-color:#e8e8e8}.action-button[data-v-164ff6ec]{display:inline-block;padding:10px 20px;margin:10px 10px 10px 10px;border:none;border-radius:25px;background-color:#f7f4f4;color:#000;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.action-button.add[data-v-164ff6ec]:hover{color:#fff;background-color:#66d366;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.action-button.delete[data-v-164ff6ec]:hover{color:#fff;background-color:#db504b;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.title-with-action[data-v-164ff6ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home[data-v-7d85c016]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:2% 20%;padding:0 20px;display:flex;flex-direction:column;align-items:center;background-color:#fff!important;min-height:100vh}.taskWrapper[data-v-7d85c016]{max-width:800px;width:100%;padding:10px 20px}.task-description-input[data-v-7d85c016],.task-name-input[data-v-7d85c016]{font-size:.9rem}.required-asterisk[data-v-7d85c016]{color:red}.add-task-btn[data-v-7d85c016]{float:left;margin:10px 0;background-color:#90ee90}.create-task-btn[data-v-7d85c016]{display:block;margin:50px auto}.form-control[type=date][data-v-7d85c016]{color:#000;background-color:#ccc}.loading-overlay[data-v-7d85c016]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-container[data-v-7d85c016]{display:flex;justify-content:center;align-items:center;height:100vh}.loading-container[data-v-7d85c016]:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-7d85c016 2s linear infinite}@keyframes spin-7d85c016{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}