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}@media (min-width:768px){body{margin:0 auto;max-width:720px}}@media (min-width:992px){body{max-width:960px}}@media (min-width:1200px){body{max-width:1400px}}.App{text-align:center}.main-content{padding-top:60px}.main-content-login{padding-top:0}.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)}}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assign-modal-content{margin:auto;max-width:800px;width:80%}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:90vh;max-width:1200px;min-height:60vh;min-width:800px;overflow-y:auto;padding:25px;position:relative;width:90%}@media (max-width:1200px){.modal-content{max-height:60vh;min-height:40vh}}.modal-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.modal-close-button:hover{color:#000}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 25px}.submit-button:hover{background-color:#0056b3}.page-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-input{border:1px solid #7e7e7e;border-radius:4px;font-size:16px;margin-left:20px;padding:10px;width:500px}.button-group{display:flex;gap:10px;margin-right:20px}.register-button{background-color:initial;border:2px solid gray;border-radius:5px;color:gray;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s,color .3s}.register-button:hover{background-color:gray;color:#fff}.main-table{border-collapse:collapse;width:100%}.main-table td,.main-table th{border:1px solid #ddd;padding:5px;text-align:center}.main-table th{background-color:#f2f2f2}.main-table td:nth-child(2),.main-table th:nth-child(2){width:20%}.main-table td:nth-child(3),.main-table td:nth-child(4),.main-table th:nth-child(3),.main-table th:nth-child(4){width:10%}.calendar-container{margin:40px auto;max-width:900px}.fc .fc-button-primary{background-color:#007bff;border-color:#007bff}.fc .fc-button-primary:hover{background-color:#0056b3;border-color:#0056b3}.filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:15px}.search-input.full-width-input{flex:1 1;font-size:1.2em;height:40px;max-width:900px;width:auto}.filter-controls input,.filter-controls select{border:1px solid #ccc;border-radius:4px;min-width:150px;padding:8px}.filter-controls .year-select{flex:none;text-align:center;width:120px}.task-list-container{border:1px solid #eee;border-radius:5px;height:400px;margin-bottom:15px;overflow-y:auto}.task-list-container table{border-collapse:collapse;width:100%}.task-list-container td,.task-list-container th{border:1px solid #eee;padding:8px;text-align:left}.task-list-container th{background-color:#f8f8f8;position:sticky;top:0;z-index:1}.task-list-container tbody tr:hover{background-color:#f0f0f0}.task-list-container tbody tr.selected{background-color:#e0f7fa;border:1px solid #00bcd4}.selected-task-info{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:15px;padding:10px}.selected-task-info p{font-weight:700;margin:0}.action-button{background-color:initial;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:15px;margin:0 8px;padding:8px 15px;transition:background-color .3s,color .3s}.action-button:hover{background-color:#007bff;color:#fff}.action-button2{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px;padding:5px 10px}.action-button2:hover{background-color:#007bff;color:#fff}.action-button:disabled{background-color:#f0f0f0;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.form-actions-top{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.edit-button{background-color:initial;border:2px solid #007bff;color:#007bff;transition:background-color .3s,color .3s}.edit-button:hover{background-color:#007bff;color:#fff}.delete-button{border:2px solid #dc3545;transition:background-color .3s,color .3s}.action-button.create-work-order-button{background-color:#fff;border:1px solid #007bff;color:#007bff}.action-button.create-work-order-button:hover{background-color:#007bff;color:#fff}.detail-item{background-color:#fdfdfd;border:1px solid #eee;border-radius:4px;font-size:1.1em;margin-bottom:10px;padding:8px;text-align:left}.detail-item strong{color:#555;display:inline-block;width:100px}.form-control{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;text-align:center;width:100%}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.remarks-section{margin:20px auto;width:90%}.remarks-section label{color:#555;display:block;font-size:1.5em;font-weight:700;margin-bottom:10px;text-align:left}.remarks-section textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;height:150px;padding:10px;resize:vertical;width:100%}.form-grid .form-group{margin-bottom:0}.form-grid .form-group-full-width{grid-column:1/-1}.form-grid .form-group label{color:#666;font-size:1.5em}.form-grid .form-group input,.form-grid .form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;height:50px;padding:8px;width:100%}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-size:1.5em;font-weight:700;margin-bottom:5px;text-align:center}.form-group input[type=date],.form-group input[type=email],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;margin-bottom:30px;margin-top:20px;padding:10px;text-align:center;width:100%}.schedule-page-layout{align-items:stretch;display:flex;gap:20px;height:calc(100vh - 100px);justify-content:center;margin-top:20px}.calendar-section,.selected-date-tasks{box-sizing:border-box;flex:1 1;height:100%}.selected-date-tasks{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;overflow-y:auto;padding:20px}.selected-date-tasks h2{color:#333;margin-top:0}.home-page-layout{grid-gap:20px;background-color:#f0f2f5;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 100px);padding:20px}.schedule-list{list-style:none;padding:0}.schedule-list li{background-color:#f0f8ff;border-left:5px solid #007bff;border-radius:5px;margin-bottom:8px;padding:10px;text-align:left}.schedule-list li strong{color:#0056b3}.tabs{margin-bottom:20px;margin-left:20px;margin-top:20px}.tabs .tab-button{background-color:#f0f0f0;border:1px solid #ddd;border-bottom:none;border-radius:5px 5px 0 0;cursor:pointer;margin-right:5px;padding:10px 20px}.tabs .tab-button.active{background-color:#fff;border-color:#ddd;border-bottom:1px solid #fff;color:#333}.month-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.month-navigation h3{font-size:1.2em;margin-bottom:20px}.month-navigation button{background:none;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:1.2em;padding:5px 10px}.month-navigation button:hover{background-color:#f0f0f0}.completed-task{background-color:red}.strikethrough-event .fc-event-title{text-decoration:line-through}.amount-display{color:#007bff;font-size:2.5em;font-weight:700;margin-top:15px;text-align:center}.contract-summary-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:20px;text-align:center}.contract-summary-card h3{color:#343a40;font-size:1.2em;margin-bottom:10px}.fc-highlight{background:#007bff80!important;opacity:1!important}.year-display{color:#333;font-size:1.2em;font-weight:700;margin-left:20px;margin-top:10px;text-align:left}.task-count-display{margin-left:20px}.schedule-count-display,.task-count-display{color:#555;font-size:1.1em;font-weight:700;margin-top:10px;text-align:left}.schedule-count-display{margin-bottom:10px}.date-and-button-container{align-items:center;display:flex;gap:15px;margin-bottom:15px}.date-and-button-container h2{margin:0}.main-table tbody tr:nth-child(2n){background-color:#f9f9f9!important}.main-table tbody tr:nth-child(odd){background-color:#fff!important}.main-table tbody tr:hover{background-color:#f5f5f5!important;cursor:pointer}.schedule-list li:nth-child(2n){background-color:#f9f9f9!important}.schedule-list li:nth-child(odd){background-color:#fff!important}.work-order-list{margin-top:15px}.work-order-list ul{border:1px solid #e0e0e0;border-radius:5px;list-style:none;max-height:300px;overflow-y:auto;padding:0}.work-order-list li{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s ease-in-out}.work-order-list li:last-child{border-bottom:none}.work-order-list li:hover{background-color:#f9f9f9}.work-order-list li span:first-child{color:#333;flex-grow:1;font-weight:700;margin-right:10px}.status-badge{border-radius:15px;color:#fff;font-size:.85em;font-weight:700;min-width:80px;padding:5px 10px;text-align:center;text-transform:uppercase}.status-todo{background-color:#ffc107}.status-in-progress{background-color:#17a2b8}.status-review{background-color:#007bff}.status-done{background-color:#28a745}@media (max-width:991px){.schedule-page-layout{flex-direction:column;height:auto}.calendar-section,.selected-date-tasks{flex:none;width:100%}.fc{height:auto!important;overflow:visible!important;z-index:1}.fc-daygrid-day{min-height:70px;pointer-events:auto;touch-action:manipulation}.fc-event-main{z-index:2}}.task-list-table td:first-child,.task-list-table td:nth-child(2),.task-list-table th:first-child,.task-list-table th:nth-child(2){width:6%}.task-list-table td:nth-child(3),.task-list-table th:nth-child(3){width:20%}.assign-task-table td:first-child,.assign-task-table td:nth-child(2),.assign-task-table th:first-child,.assign-task-table th:nth-child(2),.task-list-table td:nth-child(4),.task-list-table td:nth-child(5),.task-list-table td:nth-child(6),.task-list-table th:nth-child(4),.task-list-table th:nth-child(5),.task-list-table th:nth-child(6){width:8%}.assign-task-table td:nth-child(3),.assign-task-table th:nth-child(3){width:35%}.assign-task-table td:nth-child(4),.assign-task-table td:nth-child(5),.assign-task-table td:nth-child(6),.assign-task-table th:nth-child(4),.assign-task-table th:nth-child(5),.assign-task-table th:nth-child(6){width:12%}.schedule-entry-table td:first-child,.schedule-entry-table th:first-child{width:10%}.schedule-entry-table td:nth-child(2),.schedule-entry-table th:nth-child(2){width:35%}.schedule-entry-table td:nth-child(3),.schedule-entry-table td:nth-child(4),.schedule-entry-table th:nth-child(3),.schedule-entry-table th:nth-child(4){width:10%}.schedule-entry-table td:nth-child(5),.schedule-entry-table th:nth-child(5){width:7%}.schedule-entry-table td:nth-child(6),.schedule-entry-table th:nth-child(6){width:23%}.special-notes-table td:first-child,.special-notes-table th:first-child{width:20%}.special-notes-table td:nth-child(2),.special-notes-table th:nth-child(2){width:25%}.special-notes-table td:nth-child(3),.special-notes-table th:nth-child(3){width:20%}.special-notes-table td:nth-child(4),.special-notes-table th:nth-child(4){width:28%}.schedule-page-layout{flex-wrap:nowrap!important}.calendar-section,.selected-date-tasks{min-width:0!important}.fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,.fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion,.fc-day-sat .fc-daygrid-day-number,.fc-day-sun .fc-daygrid-day-number{color:red}.summary-footer{background-color:#f8f8f8;border-top:1px solid #ddd;bottom:0;display:flex;font-weight:700;justify-content:space-around;left:0;padding:10px 20px;position:fixed;width:100%;z-index:1000}.history-table-section{margin-bottom:20px;margin-top:20px}.history-table-section h4{color:#333;font-size:1.2em;margin-bottom:10px}.history-table{border-collapse:collapse;margin-top:10px;width:100%}.history-table td,.history-table th{border:1px solid #ddd;padding:8px;text-align:center}.history-table th{background-color:#f2f2f2;font-weight:700}.pagination{display:flex;justify-content:center;list-style-type:none;margin-top:1rem;padding:0}.pagination button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#007bff;cursor:pointer;margin:0 .25rem;padding:.5rem .75rem;transition:background-color .3s,color .3s}.pagination button:hover{background-color:#f0f0f0}.pagination button.active{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:700}.required-dot{color:red;margin-left:5px}.task-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}.task-delete-button,.task-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.task-edit-button{border:1px solid #007bff;color:#007bff}.task-edit-button:hover{background-color:#007bff;color:#fff}.task-delete-button{border:1px solid #dc3545;color:#dc3545}.task-delete-button:hover{background-color:#dc3545;color:#fff}.task-list-table tbody tr:hover{background-color:#f5f5f5!important;cursor:pointer}.taskDetail-actions-container{align-items:center;display:flex;gap:5px;gap:10px;justify-content:flex-end}.taskDetail-delete-button,.taskDetail-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:15px;padding:10px 15px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.taskDetail-edit-button{border:1px solid #007bff;color:#007bff}.taskDetail-edit-button:hover{background-color:#007bff;color:#fff}.taskDetail-delete-button{border:1px solid #dc3545;color:#dc3545}.taskDetail-delete-button:hover{background-color:#dc3545;color:#fff}.multi-select-supervisor{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:1em;height:50px;margin-bottom:30px;margin-top:20px;min-width:200px;position:relative;width:100%}.multi-select-supervisor.disabled{background-color:#e9ecef;cursor:not-allowed}.selected-supervisors-display{align-items:center;display:flex;flex-wrap:wrap;gap:5px;height:100%;padding:0 10px}.selected-supervisors-display.open{border-bottom:1px solid #ddd}.selected-tag{align-items:center;background-color:#e0e0e0;border-radius:3px;display:flex;flex-shrink:0;gap:5px;margin:auto 0;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.selected-tag button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;line-height:1;padding:0}.selected-tag button:hover{color:#000}.placeholder{color:#888;flex-grow:1;margin:auto 0;min-width:50px;text-align:center}.dropdown-list{background-color:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-list .search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:block;margin:10px auto;padding:8px 10px;width:80%}.dropdown-list ul{list-style:none;margin:0;padding:0}.dropdown-list li{align-items:center;cursor:pointer;display:flex;font-size:.6em;padding:5px 10px}.dropdown-list li:hover{background-color:#f0f0f0}.dropdown-list li.selected{background-color:#e0e0e0;font-weight:700}.dropdown-list li.red-text{color:red}.dropdown-list li label{align-items:center;cursor:pointer;display:flex;width:100%}.dropdown-list li input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.main-page-container{background-color:#fff;box-sizing:border-box;width:100%}.main-image-section,.main-page-container{align-items:center;display:flex;flex-direction:column}.main-image-section{background-color:#f0f2f5;box-shadow:0 4px 8px #0000001a;color:#00796b;height:412px;justify-content:center;left:50%;margin-bottom:40px;margin-left:-50vw;overflow:hidden;position:relative;text-align:center;width:100vw}.main-banner-image{height:100%;left:0;margin-top:20px;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.main-image-section h1,.main-image-section p{color:#004d40;position:relative;z-index:1}.main-image-section h1{font-size:3em;margin-bottom:10px}.main-image-section p{font-size:1.2em}.frequent-pages-section{max-width:1200px;padding:20px;text-align:center;width:100%}.weather-section{border-radius:15px;box-sizing:border-box;max-width:1240px;padding:20px;width:100%}.card-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000004d;padding:30px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.card-grid,.page-card{justify-content:center}.page-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:100px;overflow:hidden;padding:10px;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.page-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.page-card:before{background:linear-gradient(45deg,#a1c4fd,#c2e9fb);bottom:-20px;content:"";filter:blur(15px);left:-20px;opacity:.15;position:absolute;right:-20px;top:-20px;transition:opacity .4s ease-in-out;z-index:0}.page-card:hover:before{opacity:.7}.page-card>*{position:relative;z-index:1}.card-icon{font-size:3em;margin-bottom:10px}.card-image{height:100px;margin-bottom:10px;object-fit:contain;width:100px}.card-name{color:#555;font-size:1.1em;font-weight:700}.work-sites-section{margin-top:20px;max-width:1200px;padding:20px;text-align:center;width:100%}.work-sites-section h3{color:#333;font-size:1.2em;margin-bottom:10px;text-align:left}.logo-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.logo-link{display:inline-block;transition:transform .3s ease}.logo-link:hover{transform:scale(1.1)}.logo-image{height:30px;max-width:180px;width:auto}.main-page-footer{background-color:#333;color:#aaa;left:50%;margin-left:-50vw;margin-top:60px;padding:20px 0;position:relative;width:100vw}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-content p{font-size:.9em;margin:5px 0}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-weather-background{animation:gradient-animation 10s ease infinite;background:linear-gradient(270deg,#e0f7fa,#fff,#e0f7fa);background-size:200% 200%}.custom-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-modal-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:450px;padding:30px;position:relative;width:90%}.custom-modal-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:28px;line-height:1;position:absolute;right:15px;top:15px}.custom-modal-close-button:hover{color:#333}.custom-modal-content h2{color:#333;font-size:24px;margin-bottom:25px;margin-top:0;text-align:center}.custom-modal-content .form-group{margin-bottom:20px}.custom-modal-content .form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.custom-modal-content .form-control{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.custom-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.custom-modal-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 25px}.custom-modal-button.save{background-color:#007bff;color:#fff}.custom-modal-button.save:hover{background-color:#0056b3}.custom-modal-button.cancel{background-color:#f0f0f0;color:#333}.custom-modal-button.cancel:hover{background-color:#dcdcdc}.navbar{background:#fff;border-bottom:2px solid #c7c7c7cc;font-size:1rem;height:80px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.nav-logo,.navbar{align-items:center;display:flex}.nav-logo{color:#fff;cursor:pointer;font-size:1.2rem;justify-self:start;margin-left:20px;text-decoration:none}.navbar-logo{margin-right:30px;vertical-align:middle;width:200px}.nav-menu{display:flex;gap:20px;list-style:none;margin-right:2rem;text-align:center}.nav-item{align-items:center;display:flex;height:80px;position:relative}.nav-links{color:#444;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{background-color:#1a85ff;border-radius:4px;transition:all .2s ease-out}.nav-links.active{background-color:#1a83ff;border-radius:4px}.dropdown-toggle{align-items:center;cursor:pointer;display:flex}.dropdown-menu{background:#fff;border:1px solid #c7c7c7cc;border-radius:4px;left:0;list-style:none;margin:0;min-width:160px;overflow:hidden;padding:0;position:absolute;top:100%;z-index:1}.dropdown-item{padding:0;width:100%}.dropdown-item .nav-links{display:block;padding:10px 15px;text-align:left;white-space:nowrap;width:100%}.dropdown-item .nav-links:hover{background-color:#1a83ff}.user-info{align-items:center;border-left:2px solid #c7c7c7cc;color:#444;display:flex;gap:10px;margin-left:auto;padding-left:20px}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:3px 8px;transition:background-color .2s ease-in-out}.logout-button:hover{background-color:#c82333}.notification-icon{cursor:pointer;font-size:1.2rem;margin-right:10px}.notification-icon:hover{color:#1a83ff}.notification-icon-container{align-items:center;display:flex;position:relative}.notification-badge{align-items:center;background-color:red;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:0;top:-3px;width:15px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.notification-modal{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:50%;max-width:95%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:900px;z-index:1001}.notification-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-content{display:flex;gap:20px}.calendar-container{flex:1 1}.react-calendar{width:100%}.react-calendar,.todo-list-container{border:1px solid #ddd;border-radius:8px}.todo-list-container{background-color:#f9f9f9;box-shadow:inset 0 1px 3px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:15px}.todo-list-container h3{border-bottom:none;color:#333;font-size:1.2rem;margin-bottom:0;margin-top:0;padding-bottom:0;text-align:left}.todo-list-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.delete-checked-button{background-color:#ffc107;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s ease-in-out}.delete-checked-button:hover{background-color:#e0a800}.todo-list{list-style:none;margin:0;max-height:270px;overflow-y:auto;padding:0}.todo-actions{display:flex;gap:10px}.select-all-item{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #eee;display:flex;font-weight:700;padding:10px}.select-all-item .toggle-all-checkbox-label{color:#333;font-size:1rem;font-weight:700}.todo-list li{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px}.todo-list li.checked .todo-text{color:#aaa;text-decoration:line-through}.todo-list .todo-date{font-weight:700;min-width:100px}.todo-list .todo-text{flex-grow:1}.todo-list button{background-color:#dc3545;min-width:50px;padding:4px 8px;text-align:center;white-space:nowrap}.close-button,.todo-list button{border:none;border-radius:4px;color:#fff;cursor:pointer}.close-button{background-color:#6c757d;display:block;margin:20px auto 0;padding:10px 20px}.add-todo-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;left:50%;max-width:90%;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px;z-index:1002}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.add-todo-modal h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:15px;text-align:center}.add-todo-overlay{background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.input-container{margin-bottom:25px;position:relative}.input-container .fa-pencil-alt{color:#aaa;left:15px;position:absolute;top:15px;transition:color .3s}.add-todo-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 12px 12px 40px;resize:vertical;transition:border-color .3s,box-shadow .3s,background-color .3s;width:100%}.add-todo-input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.add-todo-input:focus~.fa-pencil-alt{color:#007bff}.add-todo-buttons{display:flex;gap:12px;justify-content:flex-end}.add-button,.cancel-button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 22px;transition:background-color .3s,transform .2s}.add-button{background-color:#007bff;color:#fff}.add-button:hover{background-color:#0056b3;transform:translateY(-2px)}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268;transform:translateY(-2px)}.supervisor-detail-actions-container{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.supervisor-detail-delete-button,.supervisor-detail-edit-button{background-color:initial;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.supervisor-detail-edit-button{border:1px solid #007bff;color:#007bff}.supervisor-detail-edit-button:hover{background-color:#007bff;color:#fff}.supervisor-detail-delete-button{border:1px solid #dc3545;color:#dc3545}.supervisor-detail-delete-button:hover{background-color:#dc3545;color:#fff}.supervisor-table{border-collapse:collapse;margin-top:20px;width:100%}.supervisor-table td,.supervisor-table th{border:1px solid #ddd;padding:8px;text-align:left}.supervisor-table th{background-color:#f2f2f2;font-weight:700}.supervisor-table tbody tr:nth-child(2n){background-color:#f9f9f9}.supervisor-table tbody tr:hover{background-color:#e9e9e9}.col-sv-name{width:15%}.col-sv-position{width:10%}.col-sv-birthdate,.col-sv-phone{width:15%}.col-sv-email{width:25%}.col-sv-actions{text-align:center;width:20%}.supervisor-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}.supervisor-delete-button,.supervisor-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.supervisor-edit-button{border:1px solid #007bff;color:#007bff}.supervisor-edit-button:hover{background-color:#007bff;color:#fff}.supervisor-delete-button{border:1px solid #dc3545;color:#dc3545}.supervisor-delete-button:hover{background-color:#dc3545;color:#fff}.schedule-detail-actions-container{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.schedule-detail-create-work-order-button,.schedule-detail-delete-button,.schedule-detail-edit-button{background-color:initial;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.schedule-detail-edit-button{border:1px solid #007bff;color:#007bff}.schedule-detail-edit-button:hover{background-color:#007bff;color:#fff}.schedule-detail-delete-button{border:1px solid #dc3545;color:#dc3545}.schedule-detail-delete-button:hover{background-color:#dc3545;color:#fff}.schedule-detail-create-work-order-button{border:1px solid #28a745;color:#28a745}.schedule-detail-create-work-order-button:hover{background-color:#28a745;color:#fff}.form-group-full-width textarea{box-sizing:border-box;min-height:100px;width:100%}.modal-subtitle{color:#555;font-size:1rem;font-weight:700;margin-bottom:20px;margin-top:-10px;text-align:center}.schedule-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}.schedule-delete-button,.schedule-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.schedule-edit-button{border:1px solid #007bff;color:#007bff}.schedule-edit-button:hover{background-color:#007bff;color:#fff}.schedule-delete-button{border:1px solid #dc3545;color:#dc3545}.schedule-delete-button:hover{background-color:#dc3545;color:#fff}.contractor-table{border-collapse:collapse;margin-top:20px;width:100%}.contractor-table td,.contractor-table th{border:1px solid #ddd;padding:8px;text-align:left}.contractor-table th{background-color:#f2f2f2;font-weight:700}.contractor-table tbody tr:nth-child(2n){background-color:#f9f9f9}.contractor-table tbody tr:hover{background-color:#e9e9e9}.col-name{width:30%}.col-address{width:40%}.col-representative{width:15%}.col-actions{text-align:center;width:15%}.contractor-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}.contractor-delete-button,.contractor-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.contractor-edit-button{border:1px solid #007bff;color:#007bff}.contractor-edit-button:hover{background-color:#007bff;color:#fff}.contractor-delete-button{border:1px solid #dc3545;color:#dc3545}.contractor-delete-button:hover{background-color:#dc3545;color:#fff}.work-order-page-container{padding:20px}.button-group{margin-bottom:20px}.history-button,.register-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.kanban-board{display:flex;gap:20px}.kanban-column{border-radius:5px;flex:1 1;min-height:500px;padding:10px}.kanban-column.todo{background-color:#f0f2f5}.kanban-column.in-progress{background-color:#e6f7ff}.kanban-column.review{background-color:#fffbe6}.kanban-column.done{background-color:#f6ffed}.kanban-column h2{margin-bottom:20px;text-align:center}.kanban-column-items{min-height:400px}.kanban-card{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 3px #0000001a;cursor:grab;margin-bottom:10px;padding:15px;position:relative}.detail-button-container{position:absolute;right:10px;top:10px}.kanban-card.dragging{box-shadow:0 4px 8px #0003;opacity:.5}.card-content-wrapper{align-items:center;display:flex;justify-content:space-between}.card-details{flex-grow:1}.detail-button{background-color:#6c757d;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;padding:5px 10px}.card-date{color:#666;font-size:.8em;margin-bottom:5px}.card-task-name{font-weight:700;margin-bottom:10px;text-align:left}.card-supervisors{color:#333;font-size:.9em}.column-over{background-color:#007bff1a;border:2px dashed #007bff}.kanban-card.dragging{box-shadow:0 5px 15px #0000004d;transform:rotate(5deg)}.CreateWorkOrderModal_create-work-order-modal__4BipH{background-color:#f9f9f9;padding:20px}.CreateWorkOrderModal_create-work-order-modal__4BipH h2,.CreateWorkOrderModal_create-work-order-modal__4BipH h3,.CreateWorkOrderModal_create-work-order-modal__4BipH h4{color:#333;margin-bottom:20px;text-align:center}.CreateWorkOrderModal_work-type-selection__3ur67{align-items:center;display:flex;flex-direction:column;padding:30px 0}.CreateWorkOrderModal_work-type-buttons__uAVQD{display:flex;gap:20px;margin-top:10px}.CreateWorkOrderModal_work-type-btn__aIyVS{background-color:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:1.1em;font-weight:700;min-width:150px;padding:15px 30px;transition:all .3s ease}.CreateWorkOrderModal_work-type-btn__aIyVS:hover{background-color:#007bff;box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.CreateWorkOrderModal_form-header__\+J6qH{grid-gap:20px;align-items:center;border-bottom:1px solid #ddd;display:grid;gap:20px;grid-template-columns:auto 1fr auto;margin-bottom:20px;padding-bottom:10px}.CreateWorkOrderModal_form-group__LWyVH h3{color:#007bff;font-size:1.5em;margin:0 0 10px;text-align:center}.CreateWorkOrderModal_back-button__ex2Ty{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s}.CreateWorkOrderModal_back-button__ex2Ty:hover{background:#5a6268}.CreateWorkOrderModal_form-section__Hkl1f{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:20px;padding:20px}.CreateWorkOrderModal_form-section-title__RllrV{border-bottom:1px solid #eee;color:#333;font-size:1.2em;font-weight:700;margin-bottom:15px;margin-top:0;padding-bottom:10px}.CreateWorkOrderModal_form-grid__cyoEg{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.CreateWorkOrderModal_form-grid-2-col__7F5z\+{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.CreateWorkOrderModal_form-group__LWyVH{display:flex;flex-direction:column}.CreateWorkOrderModal_form-group__LWyVH label{color:#555;font-size:1em;font-weight:700;margin-bottom:8px}.CreateWorkOrderModal_form-group__LWyVH input[type=text],.CreateWorkOrderModal_form-group__LWyVH textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:12px;width:100%}.CreateWorkOrderModal_form-group__LWyVH textarea{min-height:100px;resize:vertical}.CreateWorkOrderModal_schedule-entry-list__eXdU1{background-color:#fff;border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0}.CreateWorkOrderModal_schedule-entry-list__eXdU1 li{border-bottom:1px solid #eee;cursor:pointer;font-size:.95em;padding:12px;transition:background-color .2s}.CreateWorkOrderModal_schedule-entry-list__eXdU1 li:last-child{border-bottom:none}.CreateWorkOrderModal_schedule-entry-list__eXdU1 li:hover{background-color:#f0f8ff}.CreateWorkOrderModal_schedule-entry-list__eXdU1 li.CreateWorkOrderModal_selected__-GDHP{background-color:#007bff;color:#fff;font-weight:700}.CreateWorkOrderModal_selected-entries-display__-1H-o{background-color:#e9ecef;border-radius:4px;margin-top:10px;max-height:100px;overflow-y:auto;padding:10px}.CreateWorkOrderModal_selected-entries-display__-1H-o p{font-size:.9em;margin:0;padding:4px}.CreateWorkOrderModal_form-actions__eh1sJ{display:flex;justify-content:flex-end;margin-top:20px}.CreateWorkOrderModal_submit-button__-luY-{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 25px;transition:background-color .3s}.CreateWorkOrderModal_submit-button__-luY-:hover{background-color:#218838}.work-order-detail-modal{max-width:600px;padding:25px}.work-order-detail-modal h2{border-bottom:2px solid #f0f0f0;color:#333;margin:0 0 20px;padding-bottom:15px;text-align:center}.detail-section{margin-top:10px}.project-summary-info{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.project-summary-info p{margin:5px 0}.summary-task-name{color:#2c3e50;font-size:18px;font-weight:700}.summary-task-number{color:#34495e;font-size:16px}.summary-date-range{color:#7f8c8d;font-size:14px;font-weight:700}.detail-section h4{border-left:4px solid #3498db;color:#34495e;font-size:16px;margin-bottom:10px;margin-top:20px;padding-left:10px}.assignment-list{list-style:none;padding:0}.assignment-item{align-items:center;background-color:#fff;border:1px solid #ecf0f1;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;margin-bottom:10px;padding:15px}.assignment-date{color:#3498db;font-size:14px;font-weight:700;margin-right:20px;min-width:100px}.assignment-supervisors-inline{display:flex;flex-wrap:wrap;gap:15px}.assignment-supervisors-inline p{font-size:14px;margin:0}.detail-content{background-color:#fdfdfd;border:1px solid #f0f0f0;border-radius:5px;padding:15px;white-space:pre-wrap}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.delete-button{background-color:initial;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease-in-out}.delete-button:hover{background-color:#e74c3c}.comments-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.comments-section h5{border-left:none;color:#333;margin-bottom:15px;padding-left:0;text-align:left}.comment-form{display:flex;flex-direction:column;margin-top:20px}.comment-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.comment-form button{align-self:flex-end;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.comment-form button:hover{background-color:#2980b9}.comments-list{max-height:300px;overflow-y:auto;padding-right:10px}.comment-item{align-items:flex-start;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.comment-main{align-items:baseline;display:flex;flex-grow:1;gap:8px}.comment-author{color:#2c3e50;flex-shrink:0;font-weight:700}.comment-content{color:#34495e;white-space:pre-wrap;word-break:break-all}.comment-date{color:#7f8c8d;flex-shrink:0;font-size:.8em;margin-left:15px;text-align:right;white-space:nowrap}.comment-actions{align-items:center;display:flex;gap:10px}.comment-actions button{background:none;border:none;color:#3498db;cursor:pointer;font-size:.8em;padding:0}.comment-edit-form{display:flex;gap:10px;width:100%}.comment-edit-form input{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:5px}.comment-edit-form button{border:none;border-radius:4px;cursor:pointer;padding:5px 10px}.work-order-history-modal{max-width:700px;padding:25px}.work-order-history-modal h2{border-bottom:2px solid #f0f0f0;color:#333;margin:0 0 20px;padding-bottom:15px;text-align:center}.history-date-group{background-color:#fdfdfd;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:15px}.history-date-group h3{border-bottom:1px solid #e0e0e0;color:#3498db;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.history-list{list-style:none;padding:0}.history-item{background-color:#fff;border:1px solid #ecf0f1;border-radius:5px;box-shadow:0 1px 2px #0000000d;margin-bottom:8px;padding:10px 15px}.history-item p{font-size:14px;margin:5px 0;text-align:left}.history-item p:last-child{margin-bottom:0}.history-item-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:5px}.history-item-row p{margin:0}.work-order-history-modal .register-button{font-size:.8em;padding:5px 10px}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.background-video{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.login-form{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;background:#fff9;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:2rem;position:relative;text-align:center;width:100%;z-index:1}h2{color:#333;margin-bottom:1.5rem}.input-group{margin-bottom:1rem;text-align:left}.input-group label{color:#555;display:block;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:4px;padding:.75rem;width:93%}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#0056b3}.login-logo{margin-bottom:1rem;width:80%}.user-management-modal.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-management-modal.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;padding:25px;position:relative;width:90%}.user-management-modal .modal-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.user-management-modal .modal-close-button:hover{color:#000}.user-management-modal .form-group{margin-bottom:15px}.user-management-modal .form-group label{display:block;font-weight:700;margin-bottom:5px}.user-management-modal .form-group input[type=email],.user-management-modal .form-group input[type=password],.user-management-modal .form-group input[type=text],.user-management-modal .form-group select,.user-management-modal .form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.user-management-modal .modal-actions{display:flex;grid-column:1/-1;justify-content:flex-end;margin-top:20px}.user-management-modal .action-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.user-management-modal .action-button:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003}.user-management-modal .cancel-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-left:10px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.user-management-modal .cancel-button:hover{background-color:#5a6268;box-shadow:0 4px 8px #0003}.user-management-modal .form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.user-management-modal .form-grid .form-group{margin-bottom:0}.user-management-modal .form-grid .form-group.notes-full-width{grid-column:1/-1}.user-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}.user-delete-button,.user-edit-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.user-edit-button{border:1px solid #007bff;color:#007bff}.user-edit-button:hover{background-color:#007bff;color:#fff}.user-delete-button{border:1px solid #dc3545;color:#dc3545}.user-delete-button:hover{background-color:#dc3545;color:#fff}.container,.quadrant{padding:20px}.quadrant{background-color:#fff;border:1px solid #c7c7c7cc;border-radius:8px;margin-top:10px;overflow:auto}.year-select-container{position:absolute;right:0}.year-select{border:1px solid #ccc;border-radius:4px;min-width:120px;padding:8px;text-align:center}.tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:0}.tab-button{background-color:#f1f1f1;border:none;border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;font-size:16px;margin-right:5px;outline:none;padding:10px 20px;transition:.3s}.tab-button:hover{background-color:#ddd}.tab-button.active{background-color:#007bff;border-bottom:1px solid #007bff;color:#fff}.tab-content{border:1px solid #ddd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;padding:10px}.statistics-table{background-color:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:15px;overflow:hidden;width:100%}.statistics-table th{background-color:#f8f8f8;color:#333;font-weight:700;text-align:center}.statistics-table td,.statistics-table th{border:1px solid #e0e0e0;padding:12px 15px}.statistics-table td{color:#555}.statistics-table td.number{color:#007bff;font-weight:700;text-align:right}.statistics-table .total-row{background-color:#e6f7ff}.statistics-table .total-row td{font-weight:700}.statistics-table .total-row td,.statistics-table .total-row td.number{background-color:#e6f7ff;color:#0056b3}.chart-container{height:300px;margin-top:20px;width:100%}.dashboard-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.dashboard-section{background-color:#fff;border:1px solid #c7c7c7cc;border-radius:8px;overflow:auto;padding:20px}.custom-overlay-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;transform:translateY(-100%);transition:transform .2s ease-in-out}.custom-overlay-container:hover{transform:translateY(-105%)}.custom-overlay-container .label{background-color:#007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:700;padding:6px 12px;white-space:nowrap}.custom-overlay-container .count{background-color:#fff;border:1px solid #007bff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#e84a5f;font-size:12px;font-weight:700;margin-top:5px;padding:4px 8px}.custom-overlay-container:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #007bff;bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.modal-header{border-bottom:1px solid #eee;padding-bottom:20px;text-align:center}.modal-header h2{color:#333;font-size:24px;margin:0}.modal-body{height:calc(100% - 120px);margin-top:20px;overflow-y:auto}.list-header{background-color:#f7f7f7;border-bottom:2px solid #ddd;display:flex;font-weight:700;padding-bottom:10px}.list-body{margin-top:10px}.list-row{border-bottom:1px solid #eee;display:flex;padding:15px 0;transition:background-color .2s ease-in-out}.list-row:hover{background-color:#f9f9f9}.list-item{border-right:1px solid #eee;flex:1 1;padding:0 10px;text-align:center;white-space:normal;word-break:break-all}.list-item:last-child{border-right:none}.list-item-name{flex:2 1;text-align:left}.modal-footer{bottom:20px;position:absolute;right:20px}.modal-footer button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease-in-out}.modal-footer button:hover{background-color:#0056b3}.company-info-container.left-aligned{background-color:#f9f9f9;border-radius:8px;padding:20px;text-align:left}.company-title{color:#333;font-size:2.5em;font-weight:700;margin-bottom:40px;text-align:center}.role-section{margin-bottom:30px}.role-section h2{color:#333;font-size:1.8em;font-weight:700;padding-bottom:10px}.role-section h2,.role-section-header{border-bottom:2px solid #ddd;margin-bottom:20px}.role-section-header{align-items:center;display:flex;justify-content:space-between}.role-section-header h2{border-bottom:none;margin-bottom:0}.card-actions{display:flex;gap:10px;margin-top:15px}.card-actions button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:5px 10px}.card-actions button:hover{background-color:#e0e0e0}.card-group{display:flex;flex-wrap:wrap;gap:15px}.supervisor-grades{margin-top:20px;padding-left:20px}.supervisor-grades h3{border-bottom:1px solid #e8e8e8;color:#555;font-size:1.4em;margin-bottom:15px;padding-bottom:5px}.staff-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-width:250px;padding:15px}.staff-card p{color:#666;margin:8px 0}.staff-card p strong{color:#333;margin-right:8px}.company-info-footer{background-color:#f0f0f0;border-radius:8px;border-top:2px solid #ddd;margin-top:40px;padding:20px}.company-info-footer h2{color:#333;font-size:1.8em;margin-bottom:15px}.company-info-footer p{margin-bottom:8px}.company-info-footer button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.company-info-footer button:hover{background-color:#0056b3}.staff-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.staff-modal-header h2{margin:0}.staff-modal-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.staff-modal-form .form-group{margin-bottom:0}.form-group.full-width{grid-column:1/-1}.staff-modal-form label{display:block;font-weight:700;margin-bottom:5px}.staff-modal-form input,.staff-modal-form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.staff-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;margin-top:20px;padding-top:20px}.staff-modal-footer button{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:10px 20px}.staff-modal-footer .submit-btn{background-color:#3498db;color:#fff}.staff-modal-footer .submit-btn:hover{background-color:#2980b9}.staff-modal-footer .cancel-btn{background-color:#f0f0f0}.staff-modal-footer .cancel-btn:hover{background-color:#e0e0e0}.downloads-page{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.downloads-page h1{color:#333;margin-bottom:20px;text-align:center}.downloads-page p{color:#666;margin-bottom:30px;text-align:center}.document-sections{display:flex;flex-direction:column;gap:20px}.document-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.document-title-upload{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:15px;padding-bottom:10px}.document-section h2{color:#333;margin:0 5px 0 0}.limit-description{color:#dc3545;font-size:.85em;margin-right:15px}.capacity-info{color:#666;font-size:.9em;margin-left:auto;padding-right:10px}.upload-icon-label{color:#007bff;cursor:pointer;transition:color .3s ease}.upload-icon-label:hover{color:#0056b3}.upload-icon{font-size:20px}.file-list ul{list-style:none;padding:0}.file-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.file-item:last-child{border-bottom:none}.file-info{display:flex;flex-direction:column;flex-grow:1;margin-right:10px;text-align:left}.file-info span{color:#555}.file-details{color:#888;font-size:.85em;margin-top:2px}.file-item-actions{display:flex;gap:10px}.delete-button,.download-button{align-items:center;background-color:initial;border-radius:5px;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:8px 12px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.download-button{border:1px solid #007bff;color:#007bff}.download-button:hover{background-color:#007bff;color:#fff}.delete-button{border:1px solid #dc3545;color:#dc3545}.delete-button:hover{background-color:#dc3545;color:#fff}.small-button i{font-size:14px}.branch-management-container{margin:0 auto;max-width:1200px;padding:20px}.branch-form-container,.branch-list-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.branch-form{display:flex;flex-wrap:wrap;gap:10px}.branch-form input{border:1px solid #ccc;border-radius:4px;flex-basis:calc(20% - 10px);flex-grow:1;flex-shrink:1;padding:10px}.branch-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.branch-form button:hover{background-color:#0056b3}.branch-table{border-collapse:collapse;width:100%}.branch-table td,.branch-table th{border:1px solid #ddd;padding:8px;text-align:left}.branch-table th{background-color:#f2f2f2}.branch-table tbody tr:nth-child(2n){background-color:#f9f9f9}.branch-table tbody tr:hover{background-color:#f1f1f1}
/*# sourceMappingURL=main.0b2bac90.css.map*/