body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.timesheet-containers{align-items:center;align-self:center;background-color:#fff;display:flex;flex-direction:column;gap:20px;min-height:400px;padding:20px;width:96%}@media (min-height:600px){.timesheet-containers{min-height:500px}}.button-container{align-items:center;background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:20px;display:flex;justify-content:center;min-height:60px;padding:20px;text-align:center;transition:transform .3s ease-in-out;width:95%}.timesheet-container:hover{transform:translateY(-5px)}.timesheet-btn{background-color:#276ef1;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:14px 12px;transition:background-color .3s ease;width:30%}.timesheet-btn:hover{background-color:#0056b3;background-color:var(--primary-color-hover)}@media (max-width:768px){.timesheet-containers{margin-top:20px;width:100%}.timesheet-container{padding:15px;width:100%}.timesheet-btn{font-size:14px;padding:8px 16px;width:80%}}.page-wrapper{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;flex-grow:1;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:8px;width:100%}.page-wrapper h3{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;margin:0 0 0 2%}.page-wrapper hr{border:0;border-top:1px solid #d3d3d3;margin-bottom:0;margin-top:10px;width:100%}.content{background-color:#f0faff;flex-grow:1;overflow-y:auto;padding:20px;width:95%}.content,.weekSelector-bar{align-self:center;border-radius:8px}.weekSelector-bar{align-items:center;background-color:#fff;box-shadow:0 1px 5px #0000001a;display:flex;justify-content:space-between;margin-top:5px;padding:10px 20px;transition:box-shadow .3s ease;width:90%}.date-range{color:#222;font-size:16px;padding:5px}.date-range span{color:#7e7e7e;font-size:16px;margin-right:20px}.dropdowns{gap:15px;justify-content:space-between;padding:5px}.dropdown-item,.dropdowns{display:flex;vertical-align:middle}.dropdown-item{align-items:flex-start;flex-direction:row;gap:5px}.dropdown-item label{color:#7e7e7e;font-size:14px;font-weight:500;margin-top:4px;vertical-align:text-bottom}select{background-color:#fff;border:0 solid #ccc;border-radius:5px;cursor:pointer;font-size:14px;margin-top:-5px;outline:none;padding:8px 5px;transition:border-color .3s ease,box-shadow .3s ease;vertical-align:top}select:focus{border-color:#276ef1;box-shadow:0 0 5px #276ef14d}.error-message{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;display:flex;font-size:14px;gap:10px;margin-top:15px;padding:10px}.error-message:before{content:"⚠️";font-size:18px}.dropdown-item select{border:1px solid #7e7e7e;color:#7e7e7e;width:100%}@media (max-width:768px){.dashboard-bar{align-items:flex-start;flex-direction:column}.dropdowns{align-items:flex-start;flex-direction:row;width:50%}.dropdown-item{width:50%}.date-range{margin-bottom:10px}.dropdown-item select{width:100%}}:root{--primary-color-hover:#1b4eab;--tertiary-color:#e74c3c;--tertiary-color-hover:#bc3f31}body,html{height:100%;margin:0;overflow:hidden;padding:0}.layout-container{align-content:center;display:flex;height:100vh;vertical-align:top}.sidebar{-webkit-overflow-scrolling:touch;background-color:#276ef1;background-color:var(--primary-color);box-sizing:border-box;color:#fff;height:100vh;justify-content:flex-start;left:0;max-width:300px;min-width:200px;overflow-y:auto;padding:20px;position:fixed;top:0;width:20%;z-index:100}.sidebar,.sidebar-inner{align-items:center;display:flex;flex-direction:column}.sidebar-inner{height:95%;width:100%}.sidebar-inner h4{font-size:18px;margin:0}.sidebar-links{-ms-overflow-style:-ms-autohiding-scrollbar;align-items:center;display:flex;flex-direction:column;flex-grow:1;margin-top:0;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;scrollbar-width:thin;width:100%}.sidebar-box{background-color:#276ef1;background-color:var(--primary-color);border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;margin:10px 0 0;padding:12px 20px;text-align:center;transition:background-color .3s ease,transform .2s ease;width:99%}.sidebar-box:hover{background-color:#1b4eab;background-color:var(--primary-color-hover);transform:scale(1.05)}.btn{border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:16px;margin-top:auto;padding:10px;transition:background-color .3s ease,transform .3s ease;width:100%}.login-btn{background-color:#3498db;color:#fff}.login-btn:hover{background-color:#2980b9;transform:scale(1.05)}.logout-btn{background-color:#e74c3c;background-color:var(--tertiary-color);color:#fff;margin-top:10px}.logout-btn:hover{background-color:#bc3f31;background-color:var(--tertiary-color-hover);transform:scale(1.05)}.main-content{align-items:center;background-color:#ecf0f1;box-sizing:border-box;margin-left:20%;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:thin}.main-content,.main-content .content-wrapper{display:flex;flex-direction:column;flex-grow:1}.main-content .content-wrapper{width:100%}.login-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.login-container h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.login-container .btn{margin-top:20px;width:200px}.sidebar-image{border-radius:10px;height:auto;margin-bottom:20px;max-height:100px;object-fit:scale-down;width:100%}.category-header{align-items:center;background-color:#276ef1;background-color:var(--primary-color);border-radius:5px;color:#fff;cursor:pointer;display:flex;margin:10px 0 0;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.category-header:hover{background-color:#1b4eab;background-color:var(--primary-color-hover);transform:scale(1.05)}.category-header .arrow{font-size:12px;margin-right:10px}.category-pages{display:flex;flex-direction:column;font-size:14px;gap:5px;margin-left:5%;margin-top:5px;width:85%}.page-link{background-color:#276ef1;background-color:var(--primary-color);border-radius:5px;color:#fff;cursor:pointer;margin-bottom:0;margin-left:15px;margin-top:0;padding:10px 20px;text-align:left;transition:background-color .3s ease;width:90%}.page-link:hover{background-color:#1b4eab;background-color:var(--primary-color-hover)}.page-link.selected,.sidebar-box.selected{background-color:#fff!important;color:#276ef1!important;color:var(--primary-color)!important}.mobile-menu-toggle{background:#276ef1;background:var(--primary-color);border:none;border-radius:4px;color:#fff;display:none;font-size:24px;left:10px;padding:5px 10px;position:fixed;top:10px;z-index:101}@media (max-width:1200px){.sidebar{width:25%}.main-content{margin-left:25%}}@media (max-width:768px){.sidebar{min-width:180px;width:30%}.main-content{margin-left:30%}}@media (max-width:576px){body,html{height:auto;overflow:auto}.layout-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{height:auto;max-width:100%;overflow:visible;padding:20px;position:relative;transform:translateX(0);transition:transform .3s ease;width:100%}.sidebar.collapsed{transform:translateX(-100%)}.main-content{margin-left:0;padding-top:60px;width:100%}.mobile-menu-toggle{display:block}.sidebar-box{min-height:44px;padding:16px 20px}.btn{min-height:44px;padding:12px}}.supervisorList-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:1fr auto;margin:10px 0;padding:20px;transition:all .3s ease}.supervisorList-card:hover{background-color:#e6f7ff;background-color:var(--secondary-color);border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 6px 12px #0003;cursor:pointer}.supervisorList-card h4{font-size:1.2rem;font-weight:700;justify-self:start;margin:0}.supervisorList-card .count-container{align-items:center;display:flex;justify-content:center}.supervisorList-card p strong{font-weight:700}.supervisorList-card .action-button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:40px;margin-left:auto;min-width:80px;padding:10px 15px;transition:background-color .3s ease}.supervisorList-card .action-button:hover{background-color:#185cda}.supervisorList-card .action-button:disabled{background-color:#ccc;cursor:not-allowed}.supervisorList-card .action-button-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;justify-self:end}.supervisor-info{align-items:center;display:flex;gap:15px}.supervisor-info h4{font-size:1.2rem;font-weight:700}.count-text,.supervisor-info h4{margin:0;white-space:nowrap}.count-text strong{margin-right:5px}.employee-list{border-left:2px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;margin-left:30px;padding-left:15px;width:calc(100% - 45px)}.employee-card{background-color:#f9f9f9;border-radius:6px;box-sizing:border-box;cursor:pointer;padding:12px 15px;transition:all .2s ease;width:100%}.employee-card:hover{background-color:#f0f0f0;transform:translateX(5px)}.employee-info{min-width:0}.employee-info h5{color:#333;font-size:.95rem;margin:0}.employee-info h5,.employee-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-info p{color:#666;font-size:.85rem;margin:4px 0 0}.employee-view-location-row{margin-bottom:10px}.employee-view-location-row,.employee-view-top-row{align-items:center;display:flex;flex-direction:row;gap:20px;width:100%}.employee-view-top-row{justify-content:space-evenly}.employee-view-table th{cursor:pointer;-webkit-user-select:none;user-select:none}.employee-view-sort-by{align-items:center;border:#ccc;display:flex;flex-direction:row;gap:10px;width:min-content}.employee-view-sort-by label{margin-bottom:5px;width:max-content}.employee-view-sort-by select{border:1px solid #ababab;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.employee-view-sort-by select:focus{border-color:#818181;outline:none}.employee-view-table{margin-top:10px;width:100%}.employee-view-table table{border-collapse:collapse;width:100%}.employee-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px;height:50px;text-align:center}.employee-view-table-row-white{height:50px;text-align:center}.switch{display:inline-block;height:25px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:17px;left:4px;width:17px}input:checked+.slider{background-color:#276ef1;background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(34px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:5px}.employeeList-card{align-items:flex-start;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;justify-content:space-between;margin:10px 0;padding:20px;transition:all .3s ease}.employeeList-card:hover{background-color:#e6f7ff;background-color:var(--secondary-color);border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 6px 12px #0003;cursor:pointer}.employeeList-card h4{font-size:1.2rem;font-weight:700;margin:0}.summary-container{border-radius:15px;flex-direction:column;gap:30px}.employeeList-info-container,.summary-container{align-items:flex-start;align-self:flex-start;display:flex;justify-content:center;width:100%}.employeeList-info-container{flex-direction:row}.employeeList-info{align-items:flex-start;display:flex;flex-direction:column;gap:15px;height:auto;width:50%}.employeeList-info h4{font-size:1.2rem;font-weight:700;margin-bottom:5px}.employeeList-info p{font-size:1rem;margin:0}.approved-container{background-color:rgba(160,237,160,.829);border:1px solid #349a34;border-radius:30px}.approved-container,.submitted-container{font-size:.8rem;padding:5px;text-align:center;width:45%}.submitted-container{background-color:rgba(160,187,237,.829);border:1px solid #34479a;border-radius:30px}.week-info-container{align-content:flex-start;color:#676767;display:flex;flex-direction:row;gap:30px;width:100%}.week-info-container strong{color:#1c1c1c}.grand-total-container{align-items:center;color:#676767;display:flex;flex-direction:row;gap:100px;justify-content:flex-start;width:100%}.grand-total-container span{white-space:nowrap;width:30%}.employeeList-top-summary{align-items:flex-start;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 8px #0003;display:flex;flex-direction:column;height:15vh;justify-content:center;padding:5px;position:relative;width:98.9%}.employeeList-top-summary h4{font-size:larger;margin-top:5px}.approve-all-button{position:absolute;right:10px;top:10px;z-index:10}.red-background{background-color:#f8d7da;border:1px solid #f5c2c7}:root{--primary-color-hover:#0056b3}.timesheet-container{align-items:center;align-self:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;font-family:Arial,sans-serif;margin-top:30px;padding:20px}h1,h3{color:#000;font-size:20px;font-weight:700;margin-bottom:15px}h1{margin-top:0;text-align:left}hr{border-color:#ddd;margin:10px 0}.header-container{background-color:#fff;border-radius:10px;box-shadow:0 8px 8px #0003;flex-direction:column;justify-content:space-between;margin-bottom:15px;padding:10px;width:98%}.header-container,.top-row{align-items:center;display:flex}.top-row{flex-direction:row;gap:10px;width:100%}.top-row span{color:#676767;width:100%}.top-row strong{color:#000}.middle-row{align-content:flex-start;align-items:center;display:flex;flex-direction:row;margin-top:10px;width:100%}.middle-row-info-left,.middle-row-info-right{display:flex;flex-direction:column;gap:10px;width:100%}.middle-row-info-left{align-items:flex-start;justify-content:flex-start}.middle-row-info-right{align-items:flex-end;justify-content:flex-end}.middle-row-info-left,.middle-row-info-right span{color:#676767}.timesheet-summary-container{align-items:center;border-radius:10px;color:#333;display:flex;flex-direction:row;gap:50px;justify-content:space-between;padding:0 15px;text-align:left;width:97%}.time-summary-container p{font-size:16px}.buttons-container{align-items:flex-end;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;width:100%}.approve-button,.unlock-button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:40px;padding:10px 15px;transition:background-color .3s ease}.approve-button:hover,.unlock-button:hover{background-color:#185cda}.time-entry-day-box{background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 4px 8px #0000000d;margin:15px 0;padding:20px}.day-summary-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;margin-bottom:15px;padding:8px}.summary-item{align-items:center;display:flex;flex-direction:column;font-size:16px}.summary-item strong{color:#000;font-weight:700}.summary-item p{color:#333}.time-entry-cards{display:flex;flex-direction:column;gap:10px}.time-entry-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:row;margin-bottom:10px;padding:12px}.left-column,.right-column{width:45%}.time-entry-card strong{color:#000}.no-time-entries-message{color:#e74c3c;font-size:14px;font-weight:700}.time-entry-in-out-container{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;margin-bottom:5px;padding:12px;vertical-align:middle;width:25%}.time-entry-in-out-container p{color:#333;font-size:12px;font-weight:400;margin:5px 0}.time-entry-in-out-container .time-label{color:#000;font-weight:700}.total-hours-container{align-items:center;align-self:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:center;margin-left:15px;padding:15px;width:40%}.total-hours-container p{color:#333;font-size:18px;font-weight:400;margin:0;vertical-align:middle}.time-entry-row{align-items:flex-start;display:flex;flex-direction:column;font-size:14px;justify-content:space-between;vertical-align:middle;width:100%}.time-entry-in-out-container .time-label{margin-bottom:0}.legend-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;font-size:16px}.legend-square{border:1px solid #ddd;height:30px;margin-right:10px;width:30px}.legend-item span{font-size:16px}.timesheet-table-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;padding:0 20px;width:95%}.timesheet-table-item{border:1px solid #060606;display:flex;flex-direction:column;justify-content:space-between;width:calc(14.28571% - 36.42857px)}.timesheet-label-column{border:none;flex-shrink:0;justify-content:center;min-width:150px;width:150px}.timesheet-label-column .table-cell{border:none;font-weight:700;padding-right:15px;text-align:right;white-space:nowrap}.table-cell{border:1px solid #060606;box-sizing:border-box;flex:1 1;min-height:40px;padding:8px;text-align:center}.timesheet-table-item:not(.timesheet-label-column) div:not(:last-child){border-right:1px solid #060606}.table-cell{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.timesheet-table-item{width:100%}}.project-entries-container{border-radius:10px}.project-entry{margin-bottom:0}.project-entries-container .time-entry-cards{gap:0}.project-entries-container .time-entry-card{border-radius:0;margin-bottom:0}.project-entries-header{background-color:#f5f5f5;color:#555}.hourly-project-info{background-color:#4a90e2;background-color:var(--primary-color);border-radius:0;color:#fff;font-size:.9rem;padding:8px 12px}.week-summary-container{background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:10px;margin-bottom:5px;margin-top:10px;padding:0 5px;width:97%}.task-toggle-switch{height:44px;margin:10px auto 0;position:relative;width:250px}.task-toggle-switch input{height:0;opacity:0;width:0}.task-slider{background-color:#4a90e2;background-color:var(--primary-color);border-radius:4px;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:.4s}.task-slider:before{background-color:#fff;border-radius:2px;box-shadow:0 2px 4px #0003;content:"";height:38px;left:3px;position:absolute;top:3px;transition:.4s;width:120px;z-index:1}.task-toggle-switch input:checked+.task-slider{background-color:#4a90e2;background-color:var(--primary-color)}.task-toggle-switch input:checked+.task-slider:before{transform:translateX(124px)}.task-hours-text,.task-tasks-text{color:#fff;font-size:16px;font-weight:700;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s;width:110px;z-index:2}.task-hours-text{left:10px}.task-tasks-text{right:10px}.task-toggle-switch input:checked+.task-slider .task-tasks-text,.task-toggle-switch input:not(:checked)+.task-slider .task-hours-text{color:#000}.task-project-info{background-color:#4a90e2;background-color:var(--primary-color);border-radius:0;color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:8px 12px}.task-entry-card{background-color:#fff;border:1px solid #c5c5c5;border-radius:0;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:12px}.task-info-row{margin-bottom:8px}.task-details-row,.task-info-row{display:flex;justify-content:space-between}.task-details-row{color:#666;font-size:.9em}.task-intermediate{color:#888;font-style:italic;margin-top:8px}.misc-entries-container,.task-entries-container{margin-bottom:0}.misc-entries-header{background-color:#4a90e2;background-color:var(--primary-color);border-radius:0;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0;padding:8px 12px}.misc-entry-card{background-color:orange;border:1px solid #888;border-radius:0;box-shadow:0 2px 4px #0000001a;color:#000;margin-bottom:0;padding:12px}.misc-info-row{margin-bottom:8px}.misc-details-row,.misc-info-row{display:flex;justify-content:space-between}.misc-details-row{color:#333;font-size:.9em}.misc-intermediate{color:#555;font-style:italic;margin-top:8px}.entries-container{border-radius:10px;margin-top:10px}.entries-header{border-radius:0;flex-direction:row;margin-bottom:0;padding:8px 12px}.entries-header,.sick-entries-header{color:#fff;display:flex;justify-content:space-between}.sick-entries-header{background-color:#27c2f1;padding:10px}.sick-entry-card{background-color:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:12px}.sick-info-row{margin-bottom:8px}.sick-details-row,.sick-info-row{display:flex;justify-content:space-between}.sick-details-row{color:#333;font-size:.9em}.sick-intermediate{color:#555;font-style:italic;margin-top:8px}.operational-entries-header{background-color:#e3c920;color:#000;display:flex;justify-content:space-between;padding:10px}.operational-entry-card{background-color:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:12px}.operational-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.operational-details-row{color:#333;display:flex;font-size:.9em;justify-content:space-between}.operational-intermediate{color:#555;font-style:italic;margin-top:8px}.warranty-entries-header{background-color:#1ab357;color:#fff;display:flex;justify-content:space-between;padding:10px}.warranty-entry-card{background-color:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:12px}.warranty-project-row{color:#333;font-size:.9em}.warranty-info-row,.warranty-project-row{display:flex;justify-content:space-between;margin-bottom:8px}.warranty-details-row{color:#333;display:flex;font-size:.9em;justify-content:space-between}.warranty-intermediate{color:#555;font-style:italic;margin-top:8px}.work-details-container{background-color:#f9f9f9;border-radius:10px;margin-top:8px;padding:10px}.work-details-container p{color:#333;font-size:16px;line-height:1.5}.set-action-btn{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:8px 14px;transition:background-color .2s ease}.set-action-btn:hover{background-color:#0056b3;background-color:var(--primary-color-hover)}.set-action-btn:disabled{background-color:grey}.meal-penalty-indicator,.meal-penalty-indicator strong{color:red!important}.downloadable-data{height:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingOverlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.overlay{background-color:#0000004d;bottom:0;position:absolute;right:0}.loadingImage{height:100px;width:100px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:20px;text-align:center;width:300px}.modal-content button{background-color:#276ef1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.modal-content button:hover{background-color:#1b4da9}.modalOverlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modalContent{word-wrap:break-word;background-color:#fff;border-radius:8px;max-height:80%;max-width:90%;min-width:250px;overflow-wrap:break-word;overflow-y:auto;padding:20px;text-align:center;width:auto}.modalTitle{font-size:18px;font-weight:700;margin-bottom:10px}.modalMessage{font-size:14px;margin-bottom:20px}.modalButton{background-color:#276ef1;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;width:fit-content}.modalButton:hover{background-color:#1a56b2}.errorMessageContainer{text-align:left}.errorSummary{color:#d32f2f;font-size:14px;font-weight:700;margin-bottom:15px}.errorDetailsContainer{margin-top:15px}.errorDetailsContainer h5{color:#666;font-size:14px;font-weight:700;margin:0 0 10px}.errorDetailsContent{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-height:200px;overflow-y:auto;padding:12px;text-align:left;white-space:pre-wrap;word-break:break-all}.paycor-download{font-family:Arial,sans-serif;padding:20px}h3{color:#333}.download-btn{align-self:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 auto;padding:10px 20px;vertical-align:top}.download-btn:hover{background-color:#357ab7;background-color:var(--primary-color-hover)}.downloadable-data{align-items:flex-start;display:flex;height:15%;justify-content:center;margin-top:20px;width:100%}.input-container{background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:10px;margin-top:0;padding:10px;text-align:center}.input-label{display:block;font-size:18px;font-weight:700;margin-bottom:10px}textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;resize:vertical;width:95%}.supervisor-list-page{font-family:Arial,sans-serif;padding:20px;width:95%}.supervisor-list-page h3{font-size:1.5rem;margin-bottom:20px}.supervisor-list-page .content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:15px}.supervisor-list-page .content p{font-size:1rem;line-height:1.6}.V1-supervisor-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;gap:50px;margin:10px 0;padding:20px;transition:all .3s ease}.V1-supervisor-card:hover{background-color:#e6f7ff;background-color:var(--secondary-color);border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 6px 12px #0003;cursor:pointer}.V1-supervisor-card h4{font-size:1.2rem;font-weight:700;margin:0}.V1-supervisor-card p{margin:5px 0}.V1-supervisor-card p strong{font-weight:700}.employee-info-container{align-self:flex-start;flex-direction:row;justify-content:center}.employee-info,.employee-info-container{align-items:flex-start;display:flex;width:100%}.employee-info{flex-direction:column;height:auto}.employee-info>*{display:block;margin-bottom:10px;width:100%}.employee-info h4{font-size:1.2rem;font-weight:700;margin-bottom:5px}.employee-info p{font-size:1rem;margin:0}.employee-list-page{font-family:Arial,sans-serif;margin:20px;padding:10px}.employee-list-page h3{font-size:1.5rem;margin-bottom:20px}.employee-list-page .content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:15px}.employee-list-page .content p{font-size:1rem;line-height:1.6}.select-all-container{align-items:center;display:flex;flex-direction:row;width:21%}.select-all-container input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.select-all-container label{font-size:1.3rem;font-weight:700}.select-all-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 0;transition:background-color .3s ease,transform .2s ease;width:30%}.select-all-button,.select-all-button:hover{background-color:#4a90e2;background-color:var(--primary-color)}.select-all-button:hover{transform:scale(1.05)}.select-all-button:disabled{background-color:#d6d6d6;cursor:not-allowed}.V1-employee-card{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;margin:10px 0;padding:20px;transition:all .3s ease}.V1-employee-card:hover{background-color:#e6f7ff;background-color:var(--secondary-color);border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 6px 12px #0003;cursor:pointer}.V1-employee-card h4{font-size:1.2rem;font-weight:700;margin:0}.V1-employee-card p{margin:5px 0}.V1-employee-card p strong{font-weight:700}.V1-employee-checkbox{align-items:center;display:flex;justify-content:center}.V1-employee-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:20px;margin-top:-2px;width:20px}.loading-message{color:#888;font-size:1.2rem}.error-message{color:red}.error-message,.no-data-message{font-size:1.2rem;margin-top:20px}.no-data-message{color:#888}.time-summary-container{align-items:flex-end;align-self:flex-start;background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:15px;display:flex;flex-direction:row;justify-content:center;padding:10px 20px;width:10%}.time-summary-container p{color:#333;font-size:14px;margin:5px 0}.V1-employee-info-container{align-content:center;align-self:flex-start;justify-content:center}.V1-employee-info,.V1-employee-info-container{align-items:center;display:flex;flex-direction:row;width:100%}.V1-employee-info{height:auto}.V1-employee-info h4{font-size:1.2rem;font-weight:700;margin-bottom:5px}.V1-employee-info p{font-size:1rem;margin:0}.task-amount{left:600px}.project-selector-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.project-selector-container{align-items:left;display:flex;justify-content:left;text-align:left}.project-selector-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.project-selector-button:disabled{background-color:#ccc;cursor:not-allowed}.project-selector-button:hover:not(:disabled){background-color:#0056b3}.project-selector-button:active:not(:disabled){background-color:#003f7f}.selected-project{color:#333;font-size:16px;margin-left:10px;margin-top:8px}.project-selector-modal{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;left:50%;max-height:500px;max-width:600px;overflow-y:auto;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:55%;z-index:1000}.project-selector-modal h2{color:#333;font-size:18px;margin-bottom:20px}.project-selector-search-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:10px;padding:8px;width:95%}.project-selector-search-button{background-color:#276ef1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease}.project-selector-search-button:hover{background-color:#0056b3}.project-selector-search-button:active{background-color:#003f7f}.project-selector-search-button:disabled{background-color:#b6b6b6;color:#333}.project-selector-results{list-style-type:none;margin:10px 0;max-height:200px;overflow-y:auto;padding:0}.project-selector-result-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-bottom:5px;padding:10px;transition:background-color .3s ease}.project-selector-result-item:hover{background-color:#e9e9e9}.project-selector-close-button{background-color:#276ef1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 15px;transition:background-color .3s ease}.project-selector-close-button:hover{background-color:#0056b3}.overlay-background{background-color:#00000080;z-index:1}.overlay-content{align-items:stretch;height:90%;overflow-x:hidden;padding:20px;width:90%;z-index:2}.project-tasks-container{background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:10px;flex-grow:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px;white-space:normal;width:98%}.close-button{align-self:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.close-button:hover{background-color:#357ab7;background-color:var(--primary-color-hover)}.project-tasks-box{background-color:#fff;border:1px solid #ccc;border-radius:10px;margin-top:10px}.project-name{font-size:18px;font-weight:700;margin-bottom:10px}.intermediate-container{background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;cursor:pointer;margin-top:10px;padding:10px}.intermediate-header{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:15px;justify-content:space-between;position:relative}.intermediates-content,.tasks-content{margin-top:10px;padding-left:20px}.task-box{margin-top:5px;padding:5px}.intermediate{background-color:#f9f9f9}.task-name{font-size:16px}.intermediate-header span{font-weight:400}.intermediate-header .amount-label,.intermediate-header .task-label{position:relative}.project-task-display-button-container{flex-direction:row;gap:25px}.comparison-task-box{align-items:center;background-color:#d6e8ff;border:none;border-radius:8px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin:6px 0;min-height:24px;padding:4px 10px;position:relative}.comparison-task-name{background:#0000;font-size:15px;font-weight:700;margin-right:12px;white-space:nowrap}.comparison-task-amount{align-items:center;color:#111;display:flex;font-size:15px;font-weight:500;margin-left:auto;position:relative;white-space:nowrap;z-index:1}.comparison-task-box .comparison-task-box{margin-left:20px}.comparison-project-tasks-container{margin-top:20px}.comparison-project-tasks-box{border:2px dashed #aaa;padding:15px}.comparison-intermediate-container{background-color:#d6e8ff;border:none;border-radius:4px;cursor:pointer;margin:10px 0;overflow:hidden;padding:10px;position:relative}.comparison-intermediate-header{align-items:center;color:#000;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1em;gap:20px;justify-content:space-between;position:relative;width:100%}.intermediate-name{display:inline-block;min-width:max-content;white-space:nowrap}.task-label{font-weight:400;margin-left:0;margin-right:10px;white-space:nowrap}.amount-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.amount-label{font-weight:400}.comparison-toggle-arrow{border-left:6px solid #0000;border-right:6px solid #0000;cursor:pointer;height:0;transition:transform .3s ease;width:0}.comparison-toggle-arrow.closed{border-top:8px solid #000}.comparison-toggle-arrow.open{border-bottom:8px solid #000;transform:rotate(180deg)}.comparison-dropdown-container{padding-left:20px}.comparison-nested-intermediates{margin-left:20px;width:95%}.intermediate-tasks{margin-top:10px;padding-left:20px}.project-task-display-button-container{background-color:#fff;border-top:1px solid #eee;display:flex;gap:20px;justify-content:center;margin-top:auto;padding:20px}.overlay{align-items:center;background-color:#00000080;display:flex;justify-content:center;position:fixed;z-index:1000}.overlay,.overlay-background{height:100%;left:0;top:0;width:100%}.overlay-background{position:absolute}.overlay-content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:800px;max-width:800px;min-height:600px;overflow-y:auto;padding:30px;position:relative;z-index:1001}.button-primary{background-color:#276cf1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:200px}.paint-sheet-select-container label{color:#333;font-weight:700}.paint-sheet-select-container select{background-color:#fff;border-radius:4px;cursor:pointer;padding:8px 12px}.paint-sheet-select-container select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.paint-sheet-select-container select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.paint-project-selector-container label{color:#333;font-size:16px;font-weight:700;margin-right:10px}.paint-project-selector-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.paint-project-selector-container select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.paint-project-selector-container select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.paint-action-button-container{margin-top:30px;text-align:center}.paint-action-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.paint-action-button:hover{background-color:#0056b3}.paint-action-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.task-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin:5px 0;padding:8px 12px;transition:background-color .2s ease}.task-box:hover{background-color:#e9ecef}.task-name{color:#333;margin-bottom:4px}.task-amount{color:#666;font-size:14px}.intermediate-label{color:#333}.amount-label,.task-label{color:#666;font-size:14px;margin-left:10px}.toggle-arrow-intermediate{margin-left:auto}.toggle-arrow-intermediate.closed{border-top:8px solid #333}.toggle-arrow-intermediate.open{border-bottom:8px solid #333;transform:rotate(180deg)}.dropdown-container,.nested-intermediates{margin-top:10px}@media (max-width:768px){.paint-import-container{padding:10px}.paint-dropzone{padding:20px}.paint-project-selector-container select,.paint-sheet-select-container select{margin-top:5px;width:100%}.intermediate-name{flex-direction:column;gap:10px}.amount-label,.task-label{margin-left:0;margin-top:5px}}.intermediate-box{background-color:#d6e8ff}.paint-dropzone{border:2px dashed #007bff}.paint-upload-btn-container button{background-color:#007bff}.paint-upload-btn-container button:hover:not(:disabled){background-color:#0056b3}.task-box{background-color:#d6e8ff}.task-amount{left:535px!important}.nested-intermediates{background-color:#d6e8ff;border-radius:10}:root{--primary-color-hover:#357ab7}.paint-import-container{align-content:flex-start;display:flex;flex-direction:column;margin:0 auto;padding:20px;text-align:left;width:100%}.paint-import-header{color:#333;font-size:24px;font-weight:700;text-align:left}.intermediate-box{background-color:#e6f7ff;background-color:var(--secondary-color);border:1px solid #00796b;border-radius:4px;margin:10px 0;padding:10px;position:relative}.intermediate-name{color:#000;display:flex;flex-direction:row;font-size:1em;gap:20px;position:relative}.paint-dropzone{background-color:#fff;border:2px dashed #4a90e2;border:2px dashed var(--primary-color);border-radius:5px;cursor:pointer;margin-top:10px;padding:30px;text-align:left;transition:background-color .3s ease}.paint-dropzone-active{background-color:#f0f8ff}.paint-dropzone-text{color:#555;font-size:16px}.paint-file-details{margin-top:10px}.paint-file-details p{color:#333;font-size:14px}.paint-sheet-select-container{margin-top:20px;text-align:left}.paint-sheet-select-container label{font-size:16px;margin-right:10px}.paint-sheet-select-container select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px;width:200px}.paint-project-selector-container,.paint-upload-btn-container{margin-top:20px;text-align:left}.paint-upload-btn-container button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.paint-upload-btn-container button:disabled{background-color:#ccc;cursor:not-allowed}.paint-upload-btn-container button:hover:not(:disabled){background-color:#357ab7;background-color:var(--primary-color-hover)}.paint-upload-btn-container button:active:not(:disabled){background-color:#003f7f}.task-box{background-color:#e6f7ff;background-color:var(--secondary-color);border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;margin:10px;padding:10px;position:relative}.task-name{font-weight:700}.task-amount{color:green!important;display:flex;justify-content:flex-end;left:545px;position:absolute}.task-box .task-box{margin-left:20px}.project-tasks-container{margin-top:20px}.project-tasks-box{border:2px dashed #aaa;padding:15px}.toggle-arrow.closed{border-top:8px solid #000}.toggle-arrow.open{border-bottom:8px solid #000;transform:rotate(180deg)}.toggle-arrow-intermediate{border-left:6px solid #0000;border-right:6px solid #0000;cursor:pointer;height:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:0}.toggle-arrow-intermediate.closed{border-top:12px solid #000}.toggle-arrow-intermediate.open{border-bottom:12px solid #000;top:27px}.dropdown-container{padding-left:20px}.nested-intermediates{background-color:#e6f7ff;background-color:var(--secondary-color);border-radius:10px;margin-left:20px;width:95%}.nested-tasks{background-color:#fff;border-radius:10px;margin-left:10px;margin-top:10px;padding:10px;width:95%}.intermediate-header .amount-label,.intermediate-header .task-label{font-weight:400}.intermediate-label{font-weight:700}.role-view-top-row{display:flex;flex-direction:row;gap:15px;width:98%}.role-view-sort-by{align-items:center;display:flex;flex-direction:row;gap:10px;width:min-content}.role-view-sort-by label{margin-bottom:5px;width:max-content}.role-view-table{margin-top:10px;width:100%}.role-view-table table{border-collapse:collapse;width:100%}.role-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px}.role-view-table-row-blue,.role-view-table-row-white{height:50px;text-align:center}.role-switch{display:inline-block;height:25px;position:relative;width:60px}.role-switch input{height:0;opacity:0;width:0}.role-slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.role-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:17px;left:4px;position:absolute;transition:.4s;width:17px}input:checked+.role-slider{background-color:#276ef1;background-color:var(--primary-color)}input:checked+.role-slider:before{transform:translateX(34px)}.role-slider.round{border-radius:34px}.role-slider.round:before{border-radius:50%}.role-switch-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:5px}.role-pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}.role-pagination button{background-color:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:5px 10px}.role-pagination button.active{background-color:#276ef1;background-color:var(--primary-color);border-color:#276ef1;border-color:var(--primary-color);color:#fff}.role-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.role-view-checkmark-true{background-color:green;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px}.role-view-checkmark-false{color:gray}.edit-role-button{align-items:center;background:none;border:none;color:#276ef1;color:var(--primary-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;text-align:center;width:100%}.edit-role-button:hover{color:#1a4d8f}.add-new-role-button{align-items:center;background-color:#276ef1;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px;width:25%}.add-new-role-button:hover{background-color:#1a4d8f}.admin-view-top-row{display:flex;flex-direction:row;gap:15px;width:98%}.admin-view-sort-by{align-items:center;display:flex;flex-direction:row;gap:10px;width:min-content}.admin-view-sort-by label{margin-bottom:5px;width:max-content}.admin-view-sort-by select{border:1px solid #ababab;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.admin-view-sort-by select:focus{border-color:#818181;outline:none}.admin-view-table{margin-top:10px;width:100%}.admin-view-table table{border-collapse:collapse;width:100%}.admin-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px}.admin-view-table-row-blue,.admin-view-table-row-white{height:50px;text-align:center}.admin-switch{display:inline-block;height:25px;position:relative;width:60px}.admin-switch input{height:0;opacity:0;width:0}.admin-slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.admin-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:17px;left:4px;position:absolute;transition:.4s;width:17px}input:checked+.admin-slider{background-color:#276ef1;background-color:var(--primary-color)}input:checked+.admin-slider:before{transform:translateX(34px)}.admin-slider.round{border-radius:34px}.admin-slider.round:before{border-radius:50%}.admin-switch-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:5px}.admin-pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}.admin-pagination button{background-color:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:5px 10px}.admin-pagination button.active{background-color:#276ef1;background-color:var(--primary-color);border-color:#276ef1;border-color:var(--primary-color);color:#fff}.admin-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.locations-view-top-row{display:flex;flex-direction:row;gap:15px;width:98%}.locations-view-sort-by{align-items:center;display:flex;flex-direction:row;gap:10px;width:min-content}.locations-view-sort-by label{margin-bottom:5px;width:max-content}.locations-view-table{margin-top:10px;width:100%}.locations-view-table table{border-collapse:collapse;width:100%}.locations-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px;height:50px;text-align:center}.locations-view-table-row-white{height:50px;text-align:center}.locations-switch{display:inline-block;height:25px;position:relative;width:60px}.locations-switch input{height:0;opacity:0;width:0}.locations-slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.locations-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:17px;left:4px;position:absolute;transition:.4s;width:17px}input:checked+.locations-slider{background-color:#276ef1;background-color:var(--primary-color)}input:checked+.locations-slider:before{transform:translateX(34px)}.locations-slider.round{border-radius:34px}.locations-slider.round:before{border-radius:50%}.locations-switch-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:5px}.locations-pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}.locations-pagination button{background-color:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:5px 10px}.locations-pagination button.active{background-color:#276ef1;background-color:var(--primary-color);border-color:#276ef1;border-color:var(--primary-color);color:#fff}.locations-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.location-checkmark-true{background-color:green;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px}.location-checkmark-false{color:gray}:root{--primary-hover-color:#1a4d8f}.account-code-view-top-row{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center;width:98%}.account-code-view-sort-by{align-items:center;display:flex;flex-direction:row;gap:10px;width:min-content}.account-code-view-sort-by label{margin-bottom:5px;width:max-content}.account-code-view-table{margin-top:10px;width:100%}.account-code-view-table table{border-collapse:collapse;width:100%}.account-code-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px;height:50px;text-align:center}.account-code-view-table-row-white{height:50px;text-align:center}.account-code-switch{display:inline-block;height:25px;position:relative;width:60px}.account-code-switch input{height:0;opacity:0;width:0}.account-code-slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.account-code-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:17px;left:4px;position:absolute;transition:.4s;width:17px}input:checked+.account-code-slider{background-color:#276ef1;background-color:var(--primary-color)}input:checked+.account-code-slider:before{transform:translateX(34px)}.account-code-slider.round{border-radius:34px}.account-code-slider.round:before{border-radius:50%}.account-code-switch-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:5px}.account-code-pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}.account-code-pagination button{background-color:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:5px 10px}.account-code-pagination button.active{background-color:#276ef1;background-color:var(--primary-color);border-color:#276ef1;border-color:var(--primary-color);color:#fff}.account-code-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.account-code-view-checkmark-true{background-color:green;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px}.account-code-view-checkmark-false{color:gray}.edit-account-code-button{align-items:center;background:none;border:none;color:#276ef1;color:var(--primary-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;text-align:center;width:100%}.edit-account-code-button:hover{color:#1a4d8f;color:var(--primary-hover-color)}.add-new-account-code-button{align-items:center;background-color:#276ef1;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px;width:25%}.add-new-account-code-button:hover{background-color:#1a4d8f;background-color:var(--primary-hover-color)}.batch-actions{flex-direction:column}.batch-actions-row{align-items:center;display:flex;gap:10px}.batch-button.batch-paint{background-color:#4a90e2;background-color:var(--primary-color);color:#fff}.batch-button.batch-drywall{background-color:#50b83c;background-color:var(--accent-green);color:#fff}.batch-button.batch-print{background-color:#4a90e2;background-color:var(--primary-color);color:#fff}.batch-button:disabled{cursor:not-allowed;opacity:.6}:root{--primary-color:#4a90e2;--secondary-color:#e6f7ff;--accent-green:#50b83c;--text-primary:#333;--text-secondary:#666;--hover-bg:#e9f2fe}.batch-container{margin:0 auto;max-width:800px;padding:20px}.batch-list{display:flex;flex-direction:column;gap:15px}.batch-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease;width:100%}.batch-card:hover{background-color:#e6f7ff;background-color:var(--secondary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.batch-info h4{color:#333;color:var(--text-primary);margin:0 0 5px}.batch-info p{color:#666;color:var(--text-secondary);font-size:.9em;margin:0}.batch-actions{display:flex;gap:10px}.batch-button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .2s ease}.batch-button:hover{opacity:.9}.batch-no-supervisors{color:#666;color:var(--text-secondary);padding:20px;text-align:center}@media (max-width:600px){.batch-card{align-items:flex-start;flex-direction:column}.batch-actions{justify-content:flex-end;margin-top:10px;width:100%}}.reports-container{align-self:center;padding:20px;width:90%}.reports-list{display:flex;flex-direction:column;gap:15px;width:100%}.report-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:15px 20px;transition:box-shadow .2s ease;width:100%}.report-item:hover{box-shadow:0 4px 8px #0000001a}.report-name{color:#333;font-size:16px;font-weight:500}.report-generate-button{background-color:#276ef1;background-color:var(--primary-color,#276ef1);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.report-generate-button:hover:not(:disabled){background-color:#1e5cd4;background-color:var(--primary-color-hover,#1e5cd4)}.report-generate-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}:root{--primary-color:#276ef1;--secondary-color:#d6e8ff}.modified-duty-view-top-row{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-evenly;width:100%}.modified-duty-view-table{margin-top:10px;width:100%}.modified-duty-view-table table{border-collapse:collapse;width:100%}.modified-duty-view-table-row-blue{background-color:#d6e8ff;background-color:var(--secondary-color);border-radius:10px;height:50px;text-align:center}.modified-duty-view-table-row-white{height:50px;text-align:center}.edit-modified-duty-button{align-items:center;background:none;border:none;color:#276ef1;color:var(--primary-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;text-align:center;width:100%}.edit-modified-duty-button:hover{color:var(--primary-color-hover)}.pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination button{background-color:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:5px 10px}.pagination button.active{background-color:#276ef1;background-color:var(--primary-color);border-color:#d6e8ff;border-color:var(--secondary-color);color:#fff}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.projects-page-container{padding:20px}.projects-page-project-selector{margin-bottom:20px}.projects-page-selected-project{border-radius:8px;margin-top:20px;padding:15px}.project-complete-container{margin-top:20px;width:100%}.project-complete-box{background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:15px}.complete-section-title{border-bottom:2px solid #276ef1;border-bottom:2px solid var(--primary-color,#276ef1);color:#333;font-size:20px;font-weight:700;margin-bottom:15px;margin-left:0;padding-bottom:5px;text-align:left}.complete-intermediate-container{background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;margin-top:10px;padding:10px}.complete-intermediate-header{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:15px;justify-content:space-between;min-height:30px}.complete-intermediate-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.complete-intermediate-name{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700}.complete-intermediate-details{color:#666;display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;gap:15px;margin-top:5px}.complete-intermediate-content{margin-top:10px;padding-left:0}.complete-tasks-section{margin-top:10px}.complete-task-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:10px;padding:10px}.complete-task-box.complete-task-completed{background-color:#e8f5e9}.complete-task-header{align-items:center;display:flex;gap:15px;justify-content:space-between}.complete-task-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.complete-task-name{color:#333;font-size:15px;font-weight:700}.complete-task-details{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:15px}.complete-task-description{color:#555;font-size:13px;font-style:italic;margin-top:5px}.employee-count{color:#276ef1;color:var(--primary-color,#276ef1);font-weight:500}.complete-employees-list{background-color:#d6e8ff;background-color:var(--secondary-color,#d6e8ff);border-radius:5px;margin-top:10px;padding:10px}.complete-employees-header{color:#333;font-size:14px;font-weight:700;margin-bottom:8px}.complete-employee-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:8px}.complete-employee-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.complete-employee-details{color:#666;display:flex;font-size:12px;gap:15px}.toggle-arrow{border-left:6px solid #0000;border-right:6px solid #0000;cursor:pointer;flex-shrink:0;height:0;margin-top:4px;transition:transform .3s ease;width:0}.toggle-arrow.closed{border-top:12px solid #000}.toggle-arrow.open{border-bottom:12px solid #000;transform:rotate(0deg)}.complete-nested-intermediates{margin-top:10px}.complete-intermediate-placeholder{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;color:#999;font-style:italic;margin-top:5px;padding:8px}.complete-empty-state{color:#999;font-size:16px;padding:40px;text-align:center}.complete-direct-tasks-section{margin-bottom:30px}.complete-intermediates-section{margin-top:20px}.complete-misc-tasks-section{margin-top:30px}.complete-misc-tasks-list{margin-top:10px}.complete-misc-task-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:10px;padding:10px}.complete-misc-task-header{align-items:center;display:flex;gap:15px;justify-content:space-between}.complete-misc-task-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.complete-misc-task-name{color:#333;font-size:15px;font-weight:700}.complete-misc-task-details{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:15px}.complete-misc-task-description{color:#555;font-size:13px;margin-top:8px}
/*# sourceMappingURL=main.9f1551ba.css.map*/