:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#535bf2}p,h1,h2,h3,h4,h5,h6,a,span,td,th,li,input,textarea,button{font-family:inherit;font-weight:inherit;background-color:transparent;color:inherit}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.4em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}a:hover{color:#747bff}button{color:#fff;background-color:#000}}.app-layout{display:flex;flex-direction:column;height:100vh}.user-info{display:flex;justify-content:center;align-items:center;gap:10px}.logo-icon{background-color:#2c3e50;height:40px;width:40px;font-size:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.logo-icon img{height:100%;width:100%;object-fit:cover}.top-navbar{height:60px;background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.main-body{display:flex;flex:1;overflow:hidden;background-color:#1d1d1d}.sidebar{width:210px;background-color:#2c3e50;padding:8px 10px;color:#ecf0f1;box-sizing:border-box;overflow-y:auto}.content{flex:1;padding:5px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar-title{font-size:20px;font-weight:700;margin-bottom:20px}.sidebar-menu{list-style-type:none;padding:0;margin:0}.sidebar-menu li{margin-bottom:3px}.sidebar-menu span,.sidebar-menu a{display:block;text-decoration:none;color:#ecf0f1;background-color:transparent;padding:10px;border-radius:5px;transition:background .3s ease,transform .1s ease;cursor:pointer}.sidebar-menu span:hover,.sidebar-menu a:hover{background-color:#34495e;transform:translate(4px)}.sidebar-menu a{width:100%;color:inherit;font-weight:400}.sidebar-menu a:visited{color:inherit}.logout-button{padding:4px 12px;font-size:.9rem;cursor:pointer;border:1px solid rgb(91,91,91);transition:background .2s ease-in}.logout-button:hover{background:#fff;color:#000}a.active{background-color:#007bff;color:#fff;border-radius:4px}.nav-item div{cursor:pointer;transition:background .2s;border-bottom:2px solid #39395b73;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;padding:10px}.nav-item div p{display:flex;justify-content:flex-start;align-items:center;gap:8px}.nav-item:hover{background-color:#34495e;border-radius:4px}.subnav{max-height:0;overflow:hidden;transition:max-height .6s ease;margin-left:15px}.subnav li{font-size:14px}.subnav.open{max-height:350px}.notification-icon{height:30px;width:30px;font-size:29px;color:#fff;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.notification-icon span{position:absolute;bottom:0;left:0;height:18px;width:18px;font-size:10px;background-color:red;border-radius:50%;display:flex;justify-content:center;align-items:center}.loader-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:200px;gap:15px}.loader-container img{width:100px;height:100px;object-fit:contain;animation:scale .8s ease-in-out infinite}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loader{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #5d5d5d;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-create-user-container{background-color:#282828;color:#f1f1f1;padding:1.3rem;margin:1rem;border-radius:18px;flex:1}.admin-create-user-container small{color:#bab400;font-size:.8rem}.admin-create-user-container .access-terms{list-style:disc;margin-left:20px;font-size:.8rem;margin-bottom:10px}.admin-create-user-container h2{margin-bottom:.4rem;color:#fff;font-size:18px;text-align:center}.admin-create-user-container form{display:flex;flex-direction:column}.admin-create-user-container input,.admin-create-user-container select{margin-bottom:.4rem;padding:.75rem;border:1px solid #333;background-color:#1e1e1e;color:#f1f1f1;border-radius:4px}.admin-create-user-container input::placeholder{color:#888}.admin-create-user-container button{color:#fff;border:none;cursor:pointer;padding:8px 20px;border-radius:25px;background-color:#333}.admin-create-user-container button:hover{background-color:#606060}.admin-create-user-container p{margin-bottom:1rem;color:#00e676}.admin-tools-container{display:flex;gap:20px;flex-wrap:wrap}.view-users-container h3{margin-bottom:10px;font-size:1.2rem;color:#fff;text-align:center}.table-responsive{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table thead{background-color:#434343;color:#fff}.user-table th,.user-table td{text-align:left;border-bottom:1px solid #3d3d3d;padding:2px 12px}.user-table th{padding:8px 12px}.user-table tr:hover{background-color:#2e2e2e}.user-table .actions{display:flex;gap:20px}.user-table .actions div{padding:4px 12px;font-size:.9rem;cursor:pointer;border:1px solid rgb(91,91,91)}.user-table button{padding:4px 12px;font-size:.9rem;font-weight:400;cursor:pointer;border:1px solid rgb(91,91,91);background-color:transparent;color:#fff;border-radius:25px}.user-table button:hover{background-color:#ffffff1a}.edit-user-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-user-form{background-color:#282828;padding:1rem;border-radius:8px;box-shadow:0 0 10px #00000080}.edit-user-form h3{color:#fff;text-align:center}.edit-user-form label{display:block;margin-bottom:.5rem;color:#f1f1f1}.edit-user-form input,.edit-user-form select{width:100%;padding:.5rem;margin-bottom:.2rem;border:1px solid #333;border-radius:4px;background-color:#1e1e1e;color:#f1f1f1}.edit-user-form .button-container{display:flex;justify-content:space-between}.edit-user-form .button-container button{width:48%;padding:.5rem;border:none;border-radius:4px;background-color:#333;color:#f1f1f1;cursor:pointer}.edit-user-form .button-container button:hover{background-color:#606060}.edit-btn,.delete-btn{color:#fff}.user-image-icon{height:40px;width:40px;border-radius:50%;overflow:hidden}.user-image-icon img{height:100%;width:100%;object-fit:cover;font-size:8px}.switch{width:30px;height:10px;background-color:#07de00;border-radius:30px;position:relative;cursor:pointer;transition:background-color .3s;overflow:visible}.switch.on{background-color:red}.slider{width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;top:-2px;left:-2px;transition:left .3s;box-shadow:1px 1px 5px #000000d2}.switch.on .slider{left:20px}.transaction-history-link{width:100%;text-align:right;color:#fff;padding:10px}.transaction-history-link a{color:#000;transition:color .3s;background-color:#fff;padding:5px 10px;border-radius:5px}.transaction-table{width:100%;border-collapse:collapse;background-color:#1e1e2f;color:#fff;overflow:hidden}.transaction-table thead{background-color:#2c2c3c}.transaction-table th,.transaction-table td{padding:6px 10px;text-align:left;border-bottom:1px solid #444}.transaction-table th{font-weight:500;color:#ffe699;padding:6px 10px}.transaction-table tr:hover{background-color:#29293d}.transaction-table .transaction-link{color:#4fc3f7;text-decoration:underline}.transaction-table .transaction-link:hover{color:#81d4fa}.skeleton-loader{height:24px;background-color:#3f3f3f;border-radius:4px;animation:pulse 1.5s infinite;width:100%}@keyframes pulse{0%{background-color:#3f3f3f}50%{background-color:#898989}to{background-color:#3f3f3f}}.image-uploader{max-width:350px;margin:auto;font-family:Arial,sans-serif}.image-uploader .image-uploader h2{text-align:center}.image-uploader .profile-picture{width:180px;height:180px;border-radius:50%;background-color:#333;position:relative;cursor:pointer;margin:0 auto;box-shadow:0 0 8px #0000004d}.image-uploader .profile-picture img{width:100%;height:100%;border-radius:50%;object-fit:cover}.image-uploader .no-image{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px}.image-uploader .edit-icon{position:absolute;bottom:8px;right:8px;background-color:#0009;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;-webkit-user-select:none;user-select:none}.image-uploader .button-row{display:flex;justify-content:center;gap:16px}.image-uploader .btn{cursor:pointer;font-size:20px;padding:10px;color:#fff;-webkit-user-select:none;user-select:none;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.image-uploader .cropper-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:9999;padding:20px}.image-uploader .cropper-container{position:relative;width:360px;height:360px;background:#333}.image-uploader .cropped-preview{text-align:center;margin-top:20px}.image-uploader .cropped-preview img{width:180px;height:180px;border-radius:50%;object-fit:cover}.image-uploader .cropped-preview .btn+.btn{margin-left:10px}.overlay-display-pic-options{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000000a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.overlay-display-pic-options .button-section-profile{padding:25px;background-color:#000;border-radius:8px}.boq-wrapper{background-color:#000;border-radius:10px;color:#fff;font-family:Arial,sans-serif}.sheet-list{display:flex;flex-wrap:wrap;gap:10px}.sheet-list select{padding:8px;font-size:14px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc}.table-wrapper{max-height:88vh;overflow-x:auto;overflow-y:auto;border:1px solid #3d3d3d;background-color:#1c1c1c;border-radius:6px;scrollbar-width:thin;scrollbar-color:#888 #1a1a1a}.table-wrapper::-webkit-scrollbar{width:12px;height:12px}.table-wrapper::-webkit-scrollbar-thumb{background:#888}.table-wrapper::-webkit-scrollbar-track{background:#1a1a1a}.boq-table{width:100%;border-collapse:collapse;background-color:#1c1c1c;color:#fff}.boq-table th,.boq-table td{border:1px solid #747474;padding:8px;text-align:left;font-size:13px}.boq-table tr:hover{background-color:#000;color:#fff}.boq-table th{background-color:#008509;font-weight:700;position:sticky;top:-1px;z-index:1}.highlight-row{background-color:#00ad0c;font-weight:700;color:#fff;position:sticky;top:-1px;z-index:1}.boq-upload-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#1e1e2f;padding:15px 10px;gap:10px}.boq-upload-container .boq-upload-form{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.boq-upload-container .boq-upload-form input{width:100%;background-color:transparent;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:1.1rem;transition:border-color .3s ease}.boq-upload-container .boq-upload-form input:focus{border-color:#008509;outline:none}.boq-upload-container .boq-upload-form button{background-color:#434369;border:1px solid #444;padding:8px 35px;border-radius:4px;color:#f1f1f1;font-size:1.1rem;transition:border-color .3s ease}.boq-upload-container .boq-upload-form button:hover{background-color:#5c5cc9}.boq-project-list{padding:15px 10px;background-color:#2f1e1e;color:#fff;margin-top:10px}.boq-project-list h2{text-align:center;margin-bottom:20px}.boq-project-list ol li{margin-left:40px;margin-bottom:10px;font-size:25px;color:#4fc3f7}.boq-project-list ol li a{color:#4fc3f7}.site-contractor-section{padding:10px;position:relative}.site-contractor-section .empty-card{height:60vh;width:100%;display:flex;align-items:center;justify-content:center;opacity:.5}.site-contractor-section .overlay-contractorform{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#93939389}.site-contractor-section .contractor-heading{display:flex;justify-content:space-between;margin-bottom:10px}.site-contractor-section .contractor-heading h2{font-size:21px;font-weight:500}.site-contractor-section .contractor-heading button{border-radius:4px;color:#cfc500;background-color:#cfc5001c;padding:6px 20px;border:1px solid rgb(207,197,0);cursor:pointer;animation:pulse 1.5s infinite}.site-contractor-section .editing-section{display:flex;align-items:center;gap:10px}.site-contractor-section .editing-section input,.site-contractor-section .editing-section select{display:block;width:100%;padding:10px;border-radius:4px;border:1px solid #696969}.site-contractor-section .contractor-container{margin-bottom:2rem;padding:1rem;border-radius:6px;background-color:#29293d;border:1px solid #003270;box-shadow:0 4px 8px #ffffff1a,0 2px 4px #ffffff0f}.site-contractor-section .contractor-container h4{margin-top:7px}.site-contractor-section .contractor-container .status-tag{width:max-content;padding:2px 12px;border-radius:5px;text-transform:capitalize;font-weight:500}.site-contractor-section .contractor-container .status-tag.active{background-color:#00800055;color:#00cb00}.site-contractor-section .contractor-container .status-tag.closed{background-color:#80808055;color:gray}.site-contractor-section .contractor-container .status-tag.cancelled{background-color:#f005;color:red}.site-contractor-section .contractor-titles{display:flex;justify-content:space-between;align-items:center;border-radius:6px}.site-contractor-section .contractor-titles h3{font-size:18px;color:#909090}.site-contractor-section .contractor-titles h3 strong{font-style:italic;color:#fff}.site-contractor-section .contractor-titles .edit-box1{display:flex;justify-content:space-between;align-items:center;gap:10px}.site-contractor-section .contractor-titles .edit-box1 button{background-color:green;margin-left:15px;padding:4px 12px}.site-contractor-section .contractor-titles .edit-box{height:35px;width:35px;border-radius:50%;background-color:#525252;display:flex;justify-content:center;align-items:center;cursor:pointer}.site-contractor-section .contractor-titles .edit-box2{background-color:#1b9a01}.site-contractor-section .work-items-table{background:#151628;width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden}.site-contractor-section .work-items-table th,.site-contractor-section .work-items-table td{border-bottom:1px solid #313131;padding:8px 12px;text-align:left}.site-contractor-section .work-items-table th{background:#040742}.contract-form-container{width:80%;padding:15px 25px;border-radius:8px;background-color:#0d0e18;transition:background-color .3s,color .3s;margin-bottom:20px;position:relative}.contract-form-container .close-button{position:absolute;top:10px;right:10px;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#2e3150;cursor:pointer;transition:background-color .4s ease}.contract-form-container .close-button:hover{transition:background-color .4s ease;background-color:#ff00007b}.contract-form-container h2{text-align:center}.contract-form-container input,.contract-form-container select,.contract-form-container button{display:block;width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border-radius:4px;border:1px solid #ccc}.contract-form-container input:focus{outline:none;border-color:#66f}.contract-form-container button{background-color:#4caf50;color:#fff;border:none;cursor:pointer}.contract-form-container button:hover{opacity:.9}.contract-form-container .work-item{border:1px solid #ccc;padding:15px;margin-bottom:15px;border-radius:5px;display:flex}.contract-form-container .contractor-item{display:flex;gap:20px}.contract-form-container .contractor-item fieldset{padding:0 10px;width:300px;height:60px}.contract-form-container .contractor-item fieldset legend{font-size:14px;font-weight:300;letter-spacing:1px;color:#d8d8d8}.contract-form-container .contractor-item fieldset input{all:unset;width:100%;height:30px;padding-left:10px}.contract-form-container .work-items{background:#151628;width:100%;border-collapse:collapse;border-spacing:0}.contract-form-container .work-items th,.contract-form-container .work-items td{border:1px solid #003b898a;text-align:left;padding:8px}.contract-form-container .work-items th{background:#040742;padding:8px}.contract-form-container .work-items input{all:unset;width:100%;height:30px}.contract-form-container .work-items select{width:100%;height:30px;padding:0;margin:0;border:none;background-color:#151628}.contract-form-container .work-items .remove-btn{color:red;background-color:#ff00002e;height:30px;width:30px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid red;cursor:pointer;transition:border-radius .3s ease}.contract-form-container .work-items .remove-btn:hover{border-radius:50%;transition:border-radius .3s ease}.contract-form-container .add-work-btn{width:100%;text-align:end;margin-top:15px}.contract-form-container .add-work-btn span{border-radius:4px;color:#0794ff;background-color:#64defa1c;padding:6px 10px;margin:0 auto;border:1px solid rgb(7,148,255);cursor:pointer}.contract-form-container .submit-btn{width:max-content;margin:0 auto;display:flex;gap:15px}.contract-form-container .submit-btn button{width:max-content;color:#00cf18;background-color:#66fa641c;padding:6px 20px;margin:0 auto;border:1px solid rgb(7,255,36);cursor:pointer}.contract-form-container .submit-btn button[type=button]{width:max-content;color:#cf0000;background-color:#fa64641c;padding:6px 20px;margin:0 auto;border:1px solid rgb(255,7,7);cursor:pointer}.material-master{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.material-master h2{font-size:20px}.material-master .material-form{padding:10px 0;width:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:100%}.material-master .material-form-devider{display:flex;justify-content:center;align-items:center;gap:20px}.material-master .material-form-section{display:flex;flex-direction:column;gap:5px;background-color:#303030;padding:10px 25px;border-radius:5px}.material-master .material-master-input1,.material-master .material-master-input2{display:flex;gap:10px}.material-master .material-master-input1 label,.material-master .material-master-input2 label{width:110px;font-weight:500;font-size:14px;color:#fdfdfd}.material-master .material-master-input1 label span,.material-master .material-master-input2 label span{color:#f10}.material-master .material-master-input1 button,.material-master .material-master-input2 button{margin:0;all:unset}.material-master .material-master-input1 input,.material-master .material-master-input1 textarea,.material-master .material-master-input1 select,.material-master .material-master-input1 option,.material-master .material-master-input2 input,.material-master .material-master-input2 textarea,.material-master .material-master-input2 select,.material-master .material-master-input2 option{width:370px;background-color:#2c2c3e;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.material-master .material-master-input1 input:hover,.material-master .material-master-input1 textarea:hover,.material-master .material-master-input1 select:hover,.material-master .material-master-input1 option:hover,.material-master .material-master-input2 input:hover,.material-master .material-master-input2 textarea:hover,.material-master .material-master-input2 select:hover,.material-master .material-master-input2 option:hover{border-color:#4da8ff;outline:none;background-color:#353552}.material-master .material-master-input1 textarea,.material-master .material-master-input2 textarea{height:80px}.material-master .material-master-input1 .btn-btn,.material-master .material-master-input2 .btn-btn{color:#00c300;cursor:pointer;transition:color .2s ease-in}.material-master .material-master-input1 .btn-btn:hover,.material-master .material-master-input2 .btn-btn:hover{color:#ff6f00}.material-entries-table{width:100%;margin-bottom:5px}.material-entries-table table{border-spacing:0}.material-entries-table tr:nth-child(2n){background-color:#353e58b5}.material-entries-table tr:nth-child(odd){background-color:#385173c7}.material-entries-table th{background-color:#434343;font-weight:500;font-size:14px;padding:15px 5px;text-align:start}.material-entries-table td{font-size:14px;padding:8px 5px}.material-entries-table tr:hover{background-color:#0f0535}.filter-section{width:100%;display:flex;justify-content:space-between;margin-bottom:5px;gap:5px}.filter-section label{display:flex;justify-content:center;gap:5px;align-items:center}.filter-section input,.filter-section select,.filter-section option{padding:8px 7px;width:150px;background-color:#2c2c3e;border:1px solid #444;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.filter-section input:hover,.filter-section select:hover,.filter-section option:hover{border-color:#4da8ff;outline:none;background-color:#353552}.filter-section .search-input-main{width:280px}.overlay-vendor-form{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#00000071;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99999}.overlay-vendor-form .overlay-vendor-form-section{border-radius:8px;padding:20px;position:relative;animation:fadeIn .5s ease-out;background-color:#2c2c3e}.overlay-vendor-form .overlay-vendor-form-section .close-btn-btn{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.overlay-vendor-form .overlay-vendor-form-section form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.overlay-vendor-form .overlay-vendor-form-section form input{padding:8px 7px;width:280px;background-color:#2c2c3e;border:1px solid #444;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.overlay-vendor-form .overlay-vendor-form-section form input:hover{border-color:#4da8ff;outline:none;background-color:#353552}.overlay-vendor-form .overlay-vendor-form-section form input h4{font-size:17px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:5px}.pagination-controls button{background-color:#545454;cursor:pointer;border-radius:50%;padding:2px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:28px}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.view-more{position:relative;overflow:visible}.view-more .view-more-options{position:absolute;left:-10px;display:flex;flex-direction:column}.material-detail-container{max-width:1000px;margin:2rem auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.material-detail-container h2{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;color:#fff}.material-detail-container p{margin:.5rem 0;font-size:1rem;color:#fff;line-height:1.5;display:flex;gap:5px}.material-detail-container strong{color:#7d7d7d;min-width:150px;display:inline-block}.price-summary{margin-top:2rem;padding:.5rem;background-color:#303030;border-radius:8px}.price-summary .total-price{font-weight:700;font-size:1.3rem;color:#0f1}.price-summary h3{margin-bottom:1rem;color:#e65100;font-size:1.4rem;text-align:center}.price-summary p{font-size:1.1rem;color:#fff;margin:.5rem 0}.vendor-management-page{width:100%;display:flex;flex-direction:column;gap:10px}.vendor-management-page .vender-sorting-section{width:100%;display:flex;justify-content:space-between;align-items:center}.vendor-management-page .vender-sorting-section .search-bar-input-section{display:flex;justify-content:center;align-items:center;gap:10px}.vendor-management-page .vender-sorting-section input,.vendor-management-page .vender-sorting-section textarea,.vendor-management-page .vender-sorting-section select,.vendor-management-page .vender-sorting-section option,.vendor-management-page .vender-sorting-section button{width:max-content;background-color:#2c2c3e;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.vendor-management-page .vender-sorting-section input:hover,.vendor-management-page .vender-sorting-section textarea:hover,.vendor-management-page .vender-sorting-section select:hover,.vendor-management-page .vender-sorting-section option:hover,.vendor-management-page .vender-sorting-section button:hover{border-color:#4da8ff;outline:none;background-color:#353552}.vendor-management-page .vender-sorting-section .vendor-sorting-controls{display:flex;justify-content:center;align-items:center;gap:15px}.vendor-management-page .vender-sorting-section h2{text-align:center;font-size:18px;font-weight:500;color:#fff}.vendor-management-page .vendor-details-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.vendor-management-page .vendor-details-card .vendor-table{width:100%}.vendor-management-page .vendor-details-card .vendor-table tr:nth-child(2n){background-color:#3e3f42b5}.vendor-management-page .vendor-details-card .vendor-table tr:nth-child(odd){background-color:#3c424bc7}.vendor-management-page .vendor-details-card th{text-align:start;background-color:#003791;font-size:15px;font-weight:500;padding:8px}.vendor-management-page .vendor-details-card td{font-size:14px;padding:5px 8px}.vendor-management-page .vendor-details-card span{height:30px;width:1px;background-color:#b3b3b3}.vendor-management-page .vendor-details-card p{color:#4f4f4f}.vendor-management-page .vendor-details-card strong{font-weight:500;color:#1d1d1d}.vendor-management-page .vendor-details-card .vendor-actions{display:flex;align-items:center;justify-content:center;font-size:20px;color:#174ea6}.vendor-management-page .vendor-details-card .vendor-actions .vendor-actions-icon{cursor:pointer;transition:.2s;height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#7c7c7c;font-size:15px}.vendor-management-page .vendor-details-card .vendor-actions .vendor-actions-icon:hover{background-color:#ffdb99;color:#505050}.vendor-form-container{padding:10px}.vendor-form-container h2{font-weight:500;margin-bottom:10px}.vendor-form-container .vendor-form-section form input,.vendor-form-container .vendor-form-section form textarea,.vendor-form-container .vendor-form-section form select,.vendor-form-container .vendor-form-section form option,.vendor-form-container .vendor-form-section form button{width:max-content;background-color:#2c2c3e;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.vendor-form-container .vendor-form-section form input:hover,.vendor-form-container .vendor-form-section form textarea:hover,.vendor-form-container .vendor-form-section form select:hover,.vendor-form-container .vendor-form-section form option:hover,.vendor-form-container .vendor-form-section form button:hover{border-color:#4da8ff;outline:none;background-color:#353552}.vendor-form-container .vendor-form-section form .vendor-form-vendor-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.vendor-form-container .vendor-form-section form .vendor-form-vendor-details .form-group{display:flex}.vendor-form-container .vendor-form-section form .vendor-form-vendor-details label{margin-right:10px}.vendor-form-container .vendor-form-section form .vendor-form-vendor-details textarea{width:320px;height:30px;overflow:hidden;font-size:14px}.vendor-form-container .vendor-form-section form .vendor-form-item-section{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:10px}.vendor-form-container .vendor-form-section form .vendor-form-item-section table{width:100%}.vendor-form-container .vendor-form-section form .vendor-form-item-section table tr:nth-child(2n){background-color:#3e3f42b5}.vendor-form-container .vendor-form-section form .vendor-form-item-section table tr:nth-child(odd){background-color:#3c424bc7}.vendor-form-container .vendor-form-section form .vendor-form-item-section th{text-align:start;background-color:#545b41;font-size:15px;font-weight:500;padding:8px}.vendor-form-container .vendor-form-section form .vendor-form-item-section td{font-size:14px}.vendor-form-container .vendor-form-section form .vendor-form-item-section input,.vendor-form-container .vendor-form-section form .vendor-form-item-section textarea{all:unset;margin:0;width:100%;height:30px;overflow:hidden;font-size:14px}.vendor-form-container .vendor-form-section form .vendor-form-item-section textarea{resize:vertical}.delete-item-btn{display:flex;justify-content:center;align-items:center;color:#797979}.delete-item-btn:hover{color:#f10}.expanded-vendor-table{width:100%;padding:10px}.expanded-vendor-table .vendor-data-box-table{background-color:#353535;margin-bottom:15px}.expanded-vendor-table .vendor-data-box-table th{text-align:start;padding:8px 12px;color:#ffa319;border-bottom:1px solid rgb(79,79,79);font-size:20px;font-weight:500}.expanded-vendor-table .vendor-data-box-table td{padding:8px 12px;color:#fff}.expanded-vendor-table .vendor-items-filter-section{display:flex;gap:15px;margin-bottom:10px}.expanded-vendor-table .vendor-items-filter-section input,.expanded-vendor-table .vendor-items-filter-section select,.expanded-vendor-table .vendor-items-filter-section option{width:max-content;background-color:#2c2c3e;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.expanded-vendor-table .vendor-items-filter-section input:hover,.expanded-vendor-table .vendor-items-filter-section select:hover,.expanded-vendor-table .vendor-items-filter-section option:hover{border-color:#4da8ff;outline:none;background-color:#353552}.expanded-vendor-table .material-table{width:100%}.expanded-vendor-table .material-table tr:nth-child(2n){background-color:#3e3f42b5}.expanded-vendor-table .material-table tr:nth-child(odd){background-color:#50555cc7}.expanded-vendor-table .material-table th{text-align:start;background-color:#2d2865;font-size:15px;font-weight:500;padding:8px}.expanded-vendor-table .material-table td{padding:8px;font-size:14px}.expanded-vendor-table .no-data-message{margin:50px auto;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:20px;color:#c6c6c6;opacity:.5}.boq-form-main-section{padding:10px}.boq-form-main-section form{display:flex;flex-direction:column}.boq-form-main-section input,.boq-form-main-section textarea,.boq-form-main-section select,.boq-form-main-section option,.boq-form-main-section button{width:max-content;background-color:#2c2c3e;border:1px solid #444;padding:8px 7px;border-radius:4px;color:#f1f1f1;font-size:.9rem;transition:border-color .3s ease}.boq-form-main-section input:hover,.boq-form-main-section textarea:hover,.boq-form-main-section select:hover,.boq-form-main-section option:hover,.boq-form-main-section button:hover{border-color:#4da8ff;outline:none;background-color:#353552}.boq-form-main-section .boq-form-title-section{display:flex;gap:20px;margin:15px 0}.boq-form-main-section .boq-card-body-section{width:100%;border:1px solid rgb(0,128,0);background-color:#07142c;padding:5px;margin:20px 0}.boq-form-main-section .boq-card-body-section table{width:100%}.boq-form-main-section .boq-card-body-section table tr:nth-child(2n){background-color:#3e3f42b5}.boq-form-main-section .boq-card-body-section table tr:nth-child(odd){background-color:#50555cc7}.boq-form-main-section .boq-card-body-section table th{text-align:start;background-color:#2d2865;font-size:15px;font-weight:500;padding:8px 3px}.boq-form-main-section .boq-card-body-section table td{font-size:14px;padding:4px 3px}.boq-form-main-section .boq-card-body-section table input,.boq-form-main-section .boq-card-body-section table textarea{all:unset;margin:0;width:100%;height:30px;overflow:hidden;font-size:15px;padding:0}.boq-form-main-section .boq-card-body-section table textarea{resize:vertical}.boq-form-main-section .boq-card-body-section h4{width:100%;padding:7px 0;background-color:#1c8d00;text-align:center}.boq-form-main-section .card-body-section-phase-section{display:flex;gap:20px;margin:10px 0}.boq-form-main-section .card-body-section-phase-section textarea{width:45%;height:36px}.boq-form-main-section .btn-btn-btn{padding:5px 0;display:flex;justify-content:space-between}.boq-form-main-section .btn-btn-btn button{background-color:#174ea6}.boq-form-main-section .card-body-section-phase-work-section{gap:10px;display:flex;width:100%;padding:3px 3px 3px 20px}.boq-form-main-section .card-body-section-phase-work-section textarea{width:50%;height:36px}.boq-form-main-section .card-body-section-phase-work-section span{height:33px;width:33px;background-color:#5c0000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.boq-form-main-section .item-input-suggestion-container{position:relative;overflow:visible}.boq-form-main-section .vendor-suggestions{position:absolute;top:100%;left:0;width:max-content;max-height:200px;background-color:#242424;overflow-y:scroll;border:1px solid rgb(80,80,80);z-index:22}.boq-form-main-section .vendor-suggestions tbody tr:hover{background-color:#0095df}.boq-project-container{display:flex;flex-direction:column;gap:15px}.boq-project-container h1{font-size:25px;text-align:center;padding-top:5px}.boq-project-container .boq-project-titles-bar{display:flex;padding:10px 20px;justify-content:space-between;background-color:#003d43;box-shadow:1px 1px 10px #0000007b;cursor:pointer}.boq-project-container .boq-project-titles-bar h2{font-size:20px;font-weight:600;color:#fff}.boq-project-container .boq-project-sub-titles-bar{display:flex;justify-content:space-between;padding:0 16px;gap:50px}.boq-project-container .boq-project-sub-titles-bar p{color:#fff}.purchase-order-container{padding:40px;font-family:Segoe UI,sans-serif;background-color:#c3c3c3;color:#333;margin:auto;border-radius:8px;box-shadow:0 0 10px #0000001a}.purchase-order-container .section{margin-bottom:30px}.purchase-order-container .input,.purchase-order-container textarea,.purchase-order-container select{padding:8px;width:100%;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.purchase-order-container .vendor-input{width:100%}.purchase-order-container .items-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff}.purchase-order-container .items-table th,.purchase-order-container .items-table td{border:1px solid #ccc;text-align:center}.purchase-order-container .button-add{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.purchase-order-container .button-add:hover{background-color:#0056b3}.purchase-order-container .summary{text-align:right;margin-top:30px}.purchase-order-container .summary input{width:100px;display:inline-block;margin-left:5px}.purchase-order-container .footer{display:flex;justify-content:space-between;margin-top:40px}.purchase-order-container .footer-left{width:60%}.purchase-order-container .footer-right{width:30%;text-align:right}.purchase-order-container .signature-line{border-top:1px solid #000;margin-top:60px}@media print{.button-add{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}fieldset{border:1px solid #444;padding:10px;border-radius:5px}fieldset legend{font-size:18px;font-weight:600;color:#fff;padding:0 10px}.phase-tracker{display:flex;gap:30px;padding:20px;overflow-x:auto;background-color:#2c2c3e;border-radius:5px}.phase-circle{width:120px;text-align:center}.add-phase{color:#138dd9;transition:all .3s ease-in-out;cursor:pointer}.add-phase-active{transform:rotate(45deg);transition:all .3s ease-in-out;color:red;cursor:pointer}.phase-circle.active{filter:drop-shadow(0 0 8px #46c033);color:#fff}.phase-name{margin-top:10px}.work-progress-bar{text-align:center;color:#60cfff;font-weight:400;font-size:12px}.phase-details-button{background-color:#174ea6;color:#fff;border:none;padding:4px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.phase-details-button:hover{background-color:#0f3a6b}.phase-details-button.active{background-color:#1ca520;color:#fff}.boq-project-title-header{padding:0 20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.boq-project-title-header h1{font-size:35px;font-weight:600;color:#fff;margin-bottom:5px}.boq-project-title-header .boq-project-sub-titles{display:flex;justify-content:center;align-items:center;gap:70px;color:#a4a4a4;font-size:16px}.boq-project-details{border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:10px 5px}.boq-project-details p,.boq-project-details h1,.boq-project-details h2,.boq-project-details h3,.boq-project-details h4,.boq-project-details h5,.boq-project-details h6,.boq-project-details td,.boq-project-details th{color:#fff}.boq-project-details th{background-color:#b84a00;font-weight:500}.boq-project-details .boq-work-table-header th{background-color:#890000}.boq-project-details .boq-work-table-row:nth-child(2n){background-color:#4e4e4e;width:50px}.boq-project-details .boq-work-table-row:nth-child(odd){background-color:#2c2c2c}.boq-project-details table{background-color:#2d2865}.boq-project-details table th,.boq-project-details table td{border:1px solid rgb(108,108,108);text-align:start;padding:5px 8px}.boq-project-details .boq-project-details-container{border-radius:7px;display:flex;flex-direction:column}.boq-project-details .boq-project-details-container h1{font-size:25px;font-weight:600;color:#fff;text-align:center}.boq-project-details .boq-project-details-container .phase-title-and-update-button{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.boq-project-details .boq-project-details-container .phase-title-and-update-button h4{font-size:18px;font-weight:500;color:#fff700}.boq-project-details .boq-project-details-container .phase-title-and-update-button div{height:35px;width:35px;border-radius:50%;background-color:#525252;display:flex;justify-content:center;align-items:center;margin:0 5px 5px 0;cursor:pointer}.boq-project-details .boq-project-details-container .phase-title-and-update-button .uploader-xl{padding:5px 10px;border:1px solid rgb(155,155,155);border-radius:4px;margin-bottom:3px}.boq-project-details .boq-project-details-container .phase-title-and-update-button .uploader-xl button,.boq-project-details .boq-project-details-container .phase-title-and-update-button .uploader-xl input{all:unset}.boq-project-details .boq-project-details-container .phase-title-and-update-button .uploader-xl button{padding:3px 10px;background-color:#0563c2;border-radius:4px}.boq-project-details .boq-project-details-phase-info{display:flex;flex-direction:column;gap:5px;border-radius:5px}.boq-project-details .boq-project-details-phase-info p{font-size:16px;color:#fff}.boq-project-details .boq-project-details-phase-info p strong{color:#22b2ff;width:100px;display:inline-block}.requisition-section{width:100%}.requisition-section .pagination-controls-requisition{display:flex;justify-content:center;align-items:center;gap:5px}.requisition-section .pagination-controls-requisition button{background-color:#545454;cursor:pointer;border-radius:50%;padding:2px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:15px}.requisition-section .pagination-controls-requisition button:disabled{opacity:.5;cursor:not-allowed}.requisition-section h2{margin-bottom:10px;text-align:center}.requisition-section .requisition-search-section{display:flex;justify-content:space-between;gap:30px}.requisition-section input,.requisition-section select,.requisition-section a{display:block;width:250px;margin-bottom:10px;padding:8px;font-size:14px;border:1px solid #868686;border-radius:4px}.requisition-section input:hover,.requisition-section select:hover,.requisition-section a:hover{border:1px solid #5a19ff}.requisition-section a{width:150px;margin-bottom:10px;padding:8px;font-size:14px;border:1px solid #868686;border-radius:4px;text-align:center}.requisition-section a:hover{border:1px solid #5a19ff}.requisition-section input{width:40%}.requisition-section table{width:100%;border-collapse:collapse;margin-bottom:10px;border:1px solid grey}.requisition-section table .row-closed{opacity:.6;background-color:#492e2e;text-decoration:line-through}.requisition-section table th{background-color:#5f2100;color:#fff;padding:8px;text-align:center;border:1px solid rgb(102,102,102)}.requisition-section table td{padding:8px;border:1px solid rgb(47,47,47);font-size:15px;color:#d5d5d5;text-align:center}.phase-container{padding:10px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 15px #ffffff0d;color:#e0e0e0;border:1px solid rgb(255,255,255);animation:fadeUp .6s ease-out forwards}.phase-container .phase-titles-section .phase-title-1{display:flex;gap:25px}.phase-container .phase-titles-section input[type=text],.phase-container .phase-titles-section input[type=date],.phase-container .phase-titles-section textarea{width:100%;padding:10px;margin:5px 0;background-color:#2c2c2c;color:#fff;border:1px solid #444;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease}.phase-container .phase-titles-section label{display:flex;align-items:center;justify-content:center;width:50%;gap:10px}.phase-container .phase-titles-section input[type=date]{width:150px}.phase-container .phase-work-section{display:flex;gap:15px}.phase-container h2,.phase-container h4{text-align:center;color:#fff}.phase-container .work-item{background-color:#292929;border:1px solid #444;padding:15px;border-radius:8px;margin-bottom:15px}.phase-container button{background-color:#0a84ff;color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.phase-container button:hover{background-color:#06c}.phase-container button[type=submit]{width:300px;background-color:green}.phase-container .submit-box{width:100%;display:flex;align-items:center;justify-content:center}.phase-container .phase-table{width:100%;border-collapse:collapse;margin-bottom:10px}.phase-container .phase-table th{background-color:#363636;color:#fff;padding:8px;text-align:left;border:1px solid rgb(77,77,77)}.phase-container .phase-table td{text-align:left;border:1px solid rgb(78,78,78);font-size:15px;color:#d5d5d5;padding:0}.phase-container .phase-table td input[type=text],.phase-container .phase-table td input[type=number],.phase-container .phase-table td select{width:100%;padding:10px;color:#fff;border:none;font-size:14px;background-color:transparent}.phase-container .phase-table td option{background-color:#1e1e1e}.phase-container .phase-table .delete-button{text-align:center;font-size:20px;cursor:pointer}.phase-container .phase-table .delete-button:hover{background-color:red}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.requisition.closed{opacity:.6;pointer-events:none}.status-banner{background:#e53935;color:#fff;padding:10px;margin-bottom:15px;border-radius:4px;text-align:center}.requisition-form-section h2{text-align:center;margin-bottom:10px;font-size:20px;font-weight:500}.requisition-form-section .form-selection-section{display:flex;align-items:center;margin-bottom:10px}.requisition-form-section .form-selection-section select,.requisition-form-section .form-selection-section input{width:250px;padding:10px;background-color:#2c2c2c;color:#fff;border:1px solid #444;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease}.requisition-form-section .form-selection-section label{padding:0 10px;width:170px}.requisition-form-section table th{background-color:#363636;color:#fff;padding:8px;text-align:left;border:1px solid rgb(77,77,77)}.requisition-form-section table td{text-align:left;border:1px solid rgb(78,78,78);font-size:15px;color:#d5d5d5;padding:0 3px}.requisition-form-section table td input[type=text],.requisition-form-section table td input[type=number],.requisition-form-section table td select{width:100%;padding:10px;color:#fff;border:none;font-size:14px;background-color:transparent}.requisition-form-section table td option{background-color:#1e1e1e}.requisition-form-section .form-submit-btn{display:flex;justify-content:center;align-items:center;gap:15px}.requisition-form-section .form-submit-btn button{background-color:#038a03;margin-top:10px}.requisition-form-section .edit-section,.requisition-form-section .edit-section .edit-box1{display:flex;justify-content:space-between;align-items:center}.requisition-form-section .edit-section .edit-box1 button{background-color:green;margin-left:15px;padding:4px 12px}.requisition-form-section .edit-section .edit-box{height:35px;width:35px;border-radius:50%;background-color:#525252;display:flex;justify-content:center;align-items:center;margin:0 5px 5px 0;cursor:pointer}.requisition-form-section .edit-section .edit-box2{background-color:#1b9a01}.create-project-form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:15px;animation:fadeUp .6s ease-out forwards}.create-project-form .project-inputs{width:100%;display:flex;justify-content:center;align-items:center;gap:15px}.create-project-form input{width:100%;padding:10px;background-color:#2c2c2c;color:#fff;border:1px solid #444;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease}.create-project-form button{background-color:#0a0}.adding-items-to-requisition{flex-direction:column}.adding-items-to-requisition .requisition-filters{width:100%;padding:20px 15px 5px;display:flex;gap:25px;align-items:center}.adding-items-to-requisition .requisition-filters label{display:flex;justify-content:center;align-items:center;width:300px;gap:5px}.adding-items-to-requisition button{background-color:#0a0;margin-top:10px}.adding-items-to-requisition table th{background-color:#363636;color:#fff;padding:8px;text-align:left;border:1px solid rgb(77,77,77)}.adding-items-to-requisition table td{text-align:left;border:1px solid rgb(78,78,78);font-size:15px;color:#d5d5d5;padding:0 3px}.adding-items-to-requisition table td input[type=text],.adding-items-to-requisition table td input[type=number],.adding-items-to-requisition table td select{all:unset;width:93%;color:#fff;border:none;font-size:14px;margin:3px 0;padding:3px 5px;background-color:#282828}.delivery-form-container{background-color:#020039;padding:15px 10px}.delivery-form-container h2{text-align:center}.delivery-form-container .delivery-submit-btn{width:100%;text-align:center}.delivery-form-container .delivery-submit-btn button{all:unset;padding:8px 20px;border-radius:6px;background-color:#00a05b;font-weight:500}.delivery-form-container .delivery-po-fetch-container{display:flex;justify-content:flex-start;align-items:center;gap:15px;padding:10px 0;margin:10px auto;border-bottom:2px solid rgb(97,97,97)}.delivery-form-container .delivery-po-fetch-container input{display:block;width:400px;padding:8px;font-size:14px;border:1px solid #868686;border-radius:4px}.delivery-form-container .delivery-po-fetch-container input:hover{border:1px solid #5a19ff}.delivery-form-container .delivery-po-fetch-container button{all:unset;padding:7px 20px;border-radius:6px;background-color:#00a05b;font-weight:500}.delivery-items-table{width:100%;border-collapse:collapse}.delivery-items-table thead{background-color:#0a2779}.delivery-items-table th,.delivery-items-table td{padding:10px;border:none;text-align:left;vertical-align:top}.delivery-items-table td{background-color:#100e4d;border-bottom:1px solid rgb(105,105,105)}.delivery-items-table input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;width:18px;background-color:transparent;border:2px solid white;cursor:pointer;border-radius:4px;position:relative;display:inline-block;vertical-align:middle;transition:background-color .3s ease}.delivery-items-table input[type=checkbox]:checked{background-color:#28a745;border-color:#28a745}.delivery-items-table input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delivery-items-table input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:20px;width:20px;background-color:transparent;border:2px solid white;border-radius:50%;cursor:pointer;position:relative;margin-right:8px;vertical-align:middle;transition:background-color .3s ease,border-color .3s ease}.delivery-items-table input[type=radio]:checked{background-color:#fff;border-color:#28a745}.delivery-items-table input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:13px;height:13px;background:#3fd200;border-radius:50%;transform:translate(-50%) translateY(-50%)}.delivery-items-table label{color:#fff;margin-right:16px;font-size:14px;cursor:pointer}.delivery-items-table input[type=number]{width:80px;padding:6px 8px;background-color:transparent;border:2px solid white;color:#fff;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s ease,background-color .3s ease}.delivery-items-table input[type=number]:focus{border-color:#28a745;background-color:#28a7451a}.delivery-items-table input[type=number]:disabled{border-color:gray;color:gray;background-color:transparent;cursor:not-allowed}.status-container{width:max-content;display:flex;align-items:center;justify-content:start;background-color:#022559;border-radius:10px;gap:15px;margin:10px 0;padding:15px}.status-container h4{font-weight:500;font-size:20px}.status-container select{padding:10px 15px;font-size:16px;background-color:#001d49;color:#fff;border-radius:4px;outline:none;border:none;cursor:pointer}.status-container option{background-color:#001d49;color:#fff;cursor:pointer}.inspection-remarks textarea{padding:10px 13px;border:none;width:80%;border-radius:10px;background-color:#022559}.delivery-details{color:#fff;font-size:15px}.delivery-details .delivery-from-title-card{display:flex;justify-content:space-between;padding:5px 0}.delivery-details .delivery-from-title-card button{all:unset;padding:5px 15px;border-radius:6px;background-color:#00a05b;font-weight:500}.delivery-details h2{color:#fff}.delivery-details p{margin:4px 0}.delivery-details p strong{color:#909090}.delivery-details h4{margin-top:16px;margin-bottom:8px;color:#d5d5d5}.delivery-details table{width:100%;border-collapse:collapse;margin-top:5px}.delivery-details th,.delivery-details td{border:1px solid #636363;padding:5px 10px;text-align:left}.delivery-details th{font-weight:600;background-color:#4f4f4f}.inventory-container{padding:10px}.inventory-container h2{text-align:center}.item-history-table{width:100%;border-spacing:0}.item-history-table tr:nth-child(2n){background-color:#353e58b5}.item-history-table tr:nth-child(odd){background-color:#385173c7}.item-history-table th{background-color:#434343;font-weight:500;font-size:14px;padding:15px 5px;text-align:start;border:1px solid rgba(128,128,128,.162)}.item-history-table td{font-size:14px;padding:8px 5px;border:1px solid rgb(82,82,82)}.item-history-table tr:hover{background-color:#0f0535}.pdf-work-sheet{color:#000;font-size:13px}.pdf-work-sheet h2{text-align:center;padding-bottom:5px;border-bottom:1px solid grey;margin-bottom:5px}.pdf-work-sheet h3{margin-top:8px}.pdf-work-sheet table{border:1px solid rgb(113,113,113);border-collapse:collapse}.pdf-work-sheet table th,.pdf-work-sheet table td{padding:3px 5px;text-align:center}.pdf-work-sheet table th{background-color:#ccc}.pdf-work-sheet .title-details{border:none}.pdf-work-sheet .title-details td{border:none;padding:3px 5px;text-align:start}.pdf-work-sheet .print-button{display:none}.daily-work-report{padding:10px;background-color:#0c0a25}.daily-work-report h1{margin:10px auto;text-align:center;font-size:20px;font-weight:500}.daily-work-report .worker-container{border-radius:10px;margin-bottom:20px}.daily-work-report .worker-container button{border-radius:4px;color:#dfdfdf;background-color:#4d8aa756;padding:6px 20px;cursor:pointer;font-weight:400}.daily-work-report .worker-container input,.daily-work-report .worker-container select{display:block;width:300px;padding:8px;font-size:14px;border:1px solid #676767;border-radius:4px;background-color:transparent}.daily-work-report .worker-container input:hover,.daily-work-report .worker-container select:hover{border:1px solid #5a19ff}.daily-work-report .worker-container label{display:flex;justify-content:center;align-items:center;gap:10px}.daily-work-report .worker-container option{background-color:#1d1c34}.daily-work-report .worker-container .add-worker-btn{text-align:start}.daily-work-report .worker-container .add-worker-btn button{border-radius:4px;color:#dfdfdf;background-color:#007e11;padding:6px 20px;cursor:pointer;font-weight:400}.daily-work-report .worker-container .worker-main-container{padding:10px;background-color:#32305f;margin-bottom:20px;border-radius:6px;position:relative}.daily-work-report .worker-container .worker-main-container .add-work-item-btn-box{margin-top:10px;text-align:center}.daily-work-report .worker-container .worker-main-container .delete-worker-type-btn{position:absolute;top:-5px;right:-5px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;background-color:red;cursor:pointer}.daily-work-report .worker-container .worker-type-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.daily-work-report .worker-container .work-add-section{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#1d1c34}.daily-work-report .worker-container .work-add-section label{display:flex;justify-content:center;align-items:center;gap:10px}.daily-work-report .worker-container .work-add-section .close-btn{height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#999be8;background-color:#413c61;cursor:pointer}.entry-container .date-filters{display:flex;align-items:center;gap:15px;padding:10px}.entry-container .date-filters div{display:flex;align-items:center;gap:5px}.entry-container .date-filters div input{display:block;padding:8px;font-size:14px;border:1px solid #3d3d3d;border-radius:4px;background-color:transparent}.entry-container h2{text-align:center;color:#fff;margin-bottom:10px}.entry-table{width:100%;border-collapse:collapse}.entry-table th{background-color:#2a2a2a;padding:10px}.entry-table td{background-color:#222;padding:10px}.entry-table tbody tr:hover{background-color:#212628}.entry-table .rate-icon{height:30px;width:30px;padding:5px;border-radius:50%;background-color:#007e11}.work-report-container{font-size:14px}.report-actions{display:flex;justify-content:flex-end;padding:5px 5px 10px 0;gap:10px}.report-actions button{all:unset;margin:0;height:30px;width:30px;font-size:16px;border-radius:50%;background-color:#4f4f4f;display:flex;justify-content:center;align-items:center;transition:background-color .15s ease}.report-actions button:hover{background-color:#0074d9;transition:background-color .15s ease;cursor:pointer}.download-pdf-section{display:flex;justify-content:center;align-items:center;gap:15px;background-color:#110c25;padding:10px 18px}.download-pdf-section label{display:flex;justify-content:center;align-items:center;gap:10px}.download-pdf-section label input{display:block;padding:8px;font-size:14px;border:1px solid #3d3d3d;border-radius:4px;background-color:transparent}.download-pdf-section button{width:max-content}.daily-work-report-form{width:900px;padding:25px;color:#eaeaea}.daily-work-report-form option{background:#013a73}.daily-work-report-form h1{font-size:1.7rem;margin-bottom:10px;color:#fff;border-bottom:2px solid #2f2f2f;padding-bottom:10px}.daily-work-report-form h3{font-size:1.2rem;margin-top:10px;margin-bottom:12px;color:#b0c4de}.worker-container{background:#2a2a2a;border:1px solid #333;border-radius:10px;padding:15px;margin-bottom:20px}.worker-main-container{background:#242424;border:1px solid #3a3a3a;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0006}.worker-type-container{background:linear-gradient(90deg,#3a3a3a,#2d2d2d);padding:8px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444}.worker-type-container label{font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.worker-type-container select{padding:6px 8px;border-radius:6px;border:1px solid #555;min-width:180px;background:#1e1e1e;color:#fff;font-size:.9rem}.delete-worker-type-btn{cursor:pointer;font-size:1.4rem;color:#ff5c5c;transition:color .2s}.delete-worker-type-btn:hover{color:#ff3b3b}.work-add-section{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:#1f1f1f;padding:8px;border:1px solid #333}.work-add-section select,.work-add-section input{padding:6px 8px;border:1px solid #555;background:#1f1f1f;color:#eaeaea;font-size:.85rem;min-width:110px;margin-left:5px}.close-btn{cursor:pointer;font-size:1.1rem;color:#ff5c5c;margin-left:auto}.close-btn:hover{color:#ff3b3b}.add-work-item-btn-box{text-align:right;margin:5px}.add-work-item-btn-box button{background:#3d91c9;padding:5px 10px;font-size:.85rem;border-radius:6px}.add-work-item-btn-box button:hover{background:#379ed1}.add-worker-btn{margin-top:10px}.add-worker-btn button{background:#4caf50}.add-worker-btn button:hover{background:#3f8f44}.worker-machinery>div{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.worker-machinery input{flex:1;border:1px solid #555;color:#fff;padding:6px 8px}button{background:#3f8efc;color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:.2s ease}button:hover{background:#3375d6}.work-submit-btn{width:max-content;margin-top:15px;background:#3f8efc;font-weight:500}.work-submit-btn:disabled{background:#4a5a76;cursor:not-allowed}.salary-page{max-width:600px;margin:20px auto;padding:10px;background:#000;border-radius:10px;box-shadow:0 4px 12px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.salary-page h2{text-align:center;color:#bebebe;margin-bottom:5px}.salary-page__navigation{height:30px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:5px}.salary-page__navigation button{all:unset;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:28px;color:#565656}.salary-page__navigation span{width:120px;text-align:center;margin-bottom:3px}.salary-page__inputs{display:flex;flex-direction:column;gap:5px}.salary-page__inputs label{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#d1d1d1}.salary-page__inputs input{width:160px;padding:6px 8px;font-size:14px;border:1px solid #8e8e8e;border-radius:4px}.salary-page__table{width:100%;border-collapse:collapse;margin-top:10px}.salary-page__table td{padding:7px 8px;border-bottom:1px solid #4f4f4f;font-size:14px}.salary-page__table tr:last-child td{font-weight:700;font-size:16px;color:#2e7d32}.salary-page__no-data{text-align:center;color:#bababa;margin-top:24px}.employee-profile-page{display:flex;gap:5px;position:relative;height:calc(100vh - 70px)}.employee-profile-page h2{text-align:center;font-size:18px;margin-bottom:10px}.employee-profile-section{width:230px;height:100%;padding-top:5px}.employee-profile-section .employee-card{width:230px;color:#dadada;background-color:#291d32;padding:15px;border-radius:8px}.employee-profile-section .employee-image{width:100%;height:140px;display:flex;justify-content:center;align-items:center}.employee-profile-section .employee-image img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.employee-profile-section .employee-info{all:unset;text-align:center}.employee-profile-section .employee-name{font-size:18px;font-weight:600}.employee-profile-section .employee-role{font-size:14px;color:#c5c5c5}.employee-profile-section .employee-info p{font-size:13px}.employee-profile-section .action-button-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:5px}.employee-profile-section .action-button-list li{background-color:#3b2637;padding:10px;border-radius:4px;cursor:pointer;text-align:center}.employee-profile-section .action-button-list li:hover{background-color:#5f5f5f}.employee-profile-section .action-button-list .active-button{background-color:#1d4e31;color:#fff}.employee-profile-details{width:230px;flex:1;padding:5px;overflow-y:scroll}.personal-details-view table{border:1px solid #2f2f2f;font-size:13px}.personal-details-view table td,.personal-details-view th{padding:5px 10px;vertical-align:top;text-align:start}.personal-details-view table th{color:#ffc396}.personal-details-view table td:first-child{font-weight:700;width:200px;font-weight:300;color:#ffc396}.personal-details-view input,.personal-details-view select,.personal-details-view option{padding:5px 10px;border:1px solid #3f3f3f;border-radius:4px;width:calc(100% - 22px);box-sizing:border-box}.personal-details-container{position:relative}.personal-details-container .action-btn{position:absolute;top:-40px;right:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.personal-details-container .action-btn span{height:35px;width:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#3f3f3f;font-size:22px}.employee-attendance{color:#f0f0f0}.employee-attendance h2{font-size:21px;margin-bottom:20px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.employee-attendance .attendance-id-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:10px;gap:20px}.employee-attendance .att-total-count-container-box{padding:10px 20px;background:#ffffff0d;border-radius:10px;flex:1;text-align:center}.employee-attendance .att-total-count-container-box h4{color:#aaa;margin-bottom:5px}.employee-attendance .att-total-count-hours{display:flex;justify-content:center;align-items:baseline;gap:8px}.employee-attendance .att-total-count-hours h1{font-size:32px;color:#1cd300;margin:0}.employee-attendance .month-navigation{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease}.employee-attendance .month-navigation p{margin:0;font-weight:700;color:#f0f0f0}.employee-attendance .month-navigation svg{color:#1cd300;font-size:24px;cursor:pointer;transition:color .2s ease}.employee-attendance .month-navigation svg:hover{color:#00ff95}.employee-attendance .attendance-card-container{background:#0006;border-radius:12px;padding:20px;overflow-x:auto}.employee-attendance .attendance-card-container table{width:100%;border-collapse:collapse;color:#ddd}.employee-attendance .attendance-card-container th,.employee-attendance .attendance-card-container td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;font-size:14px}.employee-attendance .attendance-card-container th{background-color:#ffffff1a;color:#00ff95}.employee-attendance .attendance-card-container tr:nth-child(2n){background-color:#ffffff08}.employee-attendance .attendance-card-container tr:hover{background-color:#ffffff1a}.employee-attendance .attendance-card-container p{text-align:center;margin-top:20px;font-size:18px}@media (max-width: 768px){.attendance-id-nav{flex-direction:column;align-items:flex-start}.att-total-count-container{width:100%}.month-navigation{align-self:center}}.user-leave-details{color:#f0f0f5;width:100%}.user-leave-details h2{color:#f5f5f5;text-align:center}.user-leave-details table{width:100%;border-collapse:collapse;background-color:#2c2c3b;overflow:hidden}.user-leave-details th,.user-leave-details td{padding:10px;text-align:center;border:none;border-bottom:1px solid #444}.user-leave-details th{background-color:#3c3c4e;color:#fff;font-size:15px;font-weight:600;text-transform:uppercase}.user-leave-details td{color:#d1d1e0;font-size:14px}.user-leave-details tr:hover{background-color:#3b3b50}.user-leave-details p{text-align:center;margin-top:20px;font-size:16px;color:#ccc}.user-leave-details p[style]{color:#ff4c4c!important}.salary-calculator{background-color:#1e1e1e;color:#fff;padding:20px;width:500px;margin:10px auto;border:1px solid #444;position:relative}.salary-calculator h2{margin-bottom:10px;border-bottom:1px solid #303030}.salary-calculator .salary-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.salary-calculator h2,.salary-calculator h3{color:#fff}.salary-calculator input[type=number],.salary-calculator input[type=text]{background-color:#2c2c2c;color:#fff;border:1px solid #444;padding:5px;border-radius:4px}.salary-calculator input[type=radio],.salary-calculator input[type=checkbox]{accent-color:#007bff}.salary-calculator label{margin-bottom:10px}.salary-calculator button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;margin-top:15px;border-radius:4px;cursor:pointer;font-weight:700}.salary-calculator button:hover{background-color:#0056b3}.salary-calculator p{margin:5px 0}.salary-calculator hr{border:1px solid #444;margin:20px 0}.salary-calculator input{padding:5px 10px;border:1px solid #3f3f3f;border-radius:4px;box-sizing:border-box}.monthly-breakdown{background-color:#2a2a2a;color:#f0f0f0;padding:20px 25px;margin-top:20px;line-height:1.6}.monthly-breakdown h3{color:#fff;margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:5px;font-size:1.2rem}.monthly-breakdown p{margin:8px 0;font-size:.8rem}.monthly-breakdown p b{color:#90caf9;font-weight:600;display:inline-block;width:190px}.monthly-breakdown hr{border:none;border-top:1px solid #444;margin:20px 0}.monthly-breakdown .highlight{color:#fff;font-weight:700;font-size:1.1rem;background-color:#333;padding:6px 10px;border-radius:5px;display:inline-block;margin-top:10px}.fixed-salary-container{max-width:600px;margin:.7rem auto;padding:1.5rem;background-color:#303030}.fixed-salary-container .salary-container h2{margin-bottom:1.2rem;font-size:1.8rem;color:#333}.fixed-salary-container .salary-table{width:100%;border-collapse:collapse}.fixed-salary-container .salary-table td{padding:.4rem 1rem;border-bottom:1px solid #5a5a5a}.fixed-salary-container .salary-table .label{color:#41d3ff;width:40%}.fixed-salary-container .salary-table .value{text-align:right;color:#e8e8e8}.fixed-salary-container .status-msg{text-align:center;padding:2rem;font-size:1.2rem;color:#555}.fixed-salary-container .status-msg.error{color:#d00}.assign-buttons{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.assign-buttons button{all:unset;padding:6px 16px;background-color:#3a3a3a;color:#fff;border-radius:25px;cursor:pointer;font-size:13px}.assign-buttons button:hover{background-color:#555}.all-salaries-container .user-list-container{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;color:#f1f1f1}.all-salaries-container .user-list-container select,.all-salaries-container .user-list-container option{width:max-content;padding:8px;background-color:#2c2c2c;border:1px solid #444;border-radius:5px;color:#eaeaea;font-size:14px}.all-salaries-container .header{display:flex;align-items:center;gap:10px}.all-salaries-container .header input{width:210px;padding:8px;background-color:#444;color:#eaeaea;border:1px solid #333;border-radius:6px;resize:vertical;font-size:14px}.all-salaries-container .header-title{color:#ff9800;text-align:center;font-size:22px;border-bottom:1px solid #333;padding-bottom:5px;margin-bottom:10px}.all-salaries-container .month-navigation{display:flex;justify-content:center;align-items:center;border-radius:8px;gap:5px}.all-salaries-container .month-button{all:unset;height:30px;width:30px;background-color:transparent;color:#fff;border:1px solid #555;border-radius:50%;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}.all-salaries-container .month-button:hover{background-color:#3d3d3d}.all-salaries-container .month-display{width:85px;font-size:18px;text-align:center}.all-salaries-container .salary-table{width:100%;margin:10px auto;border-collapse:collapse;background-color:#1e1e1e;box-shadow:1px 1px 8px #0002;font-size:13px}.all-salaries-container .salary-table th,.all-salaries-container .salary-table td{padding:8px 5px;text-align:center;border:1px solid #49494963}.all-salaries-container .salary-table th{background-color:#201313;color:#ffcb62}.all-salaries-container .salary-table td{background-color:#333;color:#eaeaea}.all-salaries-container .salary-table tr:hover{background-color:#444}.all-salaries-container .action-button{background-color:#6200ea;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;margin:0 8px;font-size:14px;transition:background-color .3s ease}.all-salaries-container .action-button:hover{background-color:#3700b3}.all-salaries-container .rejection-textarea{width:90%;padding:10px;background-color:#444;color:#eaeaea;border:1px solid #333;border-radius:6px;resize:vertical;margin-top:8px;font-size:14px}.all-salaries-container .rejection-textarea:focus{outline-color:#6200ea}.all-salaries-container .action-button-group{display:flex;justify-content:center;align-items:center;gap:10px}.all-salaries-container .save-drft-button-active{all:unset;height:30px;width:30px;background-color:#fff;color:#000;border-radius:50%;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}.all-salaries-container .save-drft-button-active:hover{background-color:#4d4d4d;color:#eaeaea}.all-salaries-container .holiday-button-container{width:max-content;padding:7px 15px;color:#eaeaea;border:1px solid #333;border-radius:6px;font-size:14px;cursor:pointer}.all-salaries-container .holiday-button-container:hover{background-color:#4d4d4d}.all-salaries-container .save-drft-button{all:unset;height:30px;width:30px;background-color:transparent;color:#fff;border:1px solid #555;border-radius:50%;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}.all-salaries-container .save-drft-button:hover{background-color:#4d4d4d}.all-salaries-container .reset-icon:hover{color:#ff5252}.all-salaries-container .active-reset{animation:onespin 1s linear forwards}.all-salaries-container .editable-cell{width:60px;padding:2px;border:1px solid #707070}@keyframes onespin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payslip-container{color:#e0e0e0;max-width:720px;margin:2rem 0;padding:1rem;border:1px solid #333}.payslip-container h2{font-size:1.2rem;font-weight:500;text-align:center}.payslip-container h3{font-size:1rem;font-weight:500}.payslip-info{display:flex;gap:.5rem;margin:5px 0}.payslip-info p{font-size:.95rem;color:#b0b0b0}.user-selection{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:5px 0}.select-all-button{background-color:#1f1f1f;color:#fff;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.select-all-button:hover{background-color:#2c2c2c}.user-list{background-color:#1a1a1a;border:1px solid #333;padding:1rem;border-radius:8px;margin-top:.5rem;max-height:300px;overflow-y:auto}.user-list label{display:flex;align-items:center;margin-bottom:.75rem;cursor:pointer;font-size:.95rem}input[type=checkbox]{accent-color:#03dac6;margin-right:.6rem;width:18px;height:18px}.send-button{margin-top:1rem;background-color:#03dac6;color:#000;border:none;padding:.7rem 1.8rem;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.send-button:hover{background-color:#00bfa5}.send-button:disabled{background-color:#444;color:#999;cursor:not-allowed}.status-message{margin-top:1.2rem;font-size:.95rem;color:#80cbc4;font-style:italic}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-modal-overlay .confirm-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;padding:2rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 25px #00000026;text-align:center}.confirm-modal-overlay .confirm-modal h2{margin-bottom:.75rem;color:#fff}.confirm-modal-overlay .confirm-modal p{font-size:1rem;color:#b8b8b8;margin-bottom:1.5rem}.confirm-modal-overlay .confirm-buttons{display:flex;justify-content:space-around;gap:1rem}.confirm-modal-overlay .btn{padding:.6rem 1.2rem;font-size:.95rem;border:none;border-radius:25px;cursor:pointer;transition:background-color .25s ease}.confirm-modal-overlay .btn-confirm{background-color:#757575;color:#fff}.confirm-modal-overlay .btn-confirm:hover{background-color:#388700}.confirm-modal-overlay .btn-cancel{background-color:#e5e7eb;color:#374151}.confirm-modal-overlay .btn-cancel:hover{background-color:#d1d5db}.holiday-manager{padding:20px;width:600px;margin:0 auto;background-color:#3c3a37}.holiday-manager h2{text-align:center}.holiday-table{width:100%;margin:0 auto;border-collapse:collapse;font-family:Arial,sans-serif}.holiday-table th,.holiday-table td{padding:8px;text-align:center}.holiday-table th{background-color:#4a2316;font-weight:700}.holiday-table tr{border-bottom:1px solid grey}.holiday-table tr:hover{background-color:#0d1e26}.holiday-table caption{margin-bottom:10px;font-size:1.2em;font-weight:700}.holiday-form{max-width:300px;margin:10px auto;padding:20px;background:#091312;border:1px solid #424242;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 2px 6px #0000001a}.holiday-form h3{margin-bottom:20px;text-align:center;color:#fff}.holiday-form>div{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.holiday-form label{flex:1;font-weight:600;color:#e1e1e1}.holiday-form input[type=number]{flex:1;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;max-width:100px;text-align:center;transition:border-color .3s ease}.holiday-form input[type=number]:focus{border-color:#3f51b5;outline:none}.holiday-form span{flex:1;padding-left:10px;font-weight:600;color:#333;text-align:center}.holiday-form button{width:100%;padding:10px;background-color:#1d4e31;border:none;border-radius:6px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.holiday-form button:hover{background-color:#0eae4e}.holiday-btns{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.holiday-btns .create-btn{all:unset;background-color:#291b02;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.overlay-content{background-color:#1c1c1c;padding:20px;width:500px;max-height:90vh;overflow-y:auto;position:relative}.overlay-content .close-btn{all:unset;background-color:#a06602;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}