@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);:root{--staart-yellow:#fdd34d}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif!important;scrollbar-color:#e7e7e7 transparant}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparant}::-webkit-scrollbar-thumb{background:#7e7e7e;border-radius:10px}#root,body,html{height:100%;margin:0;padding:0}#root,body{display:flex;flex-direction:column;min-height:0}.app-main-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#DashboardPage #dpmain #projectsHeader>:nth-child(n){flex:1 1;text-align:center}.headerBtnsContainer{width:40%;display:flex;flex-direction:row;justify-content:space-around}.headerBtnsContainer div{width:40%}.appsContainer{display:flex;flex-direction:row;height:100%}.LinkedApps{width:60%}.FreemiumAppsContainer,.LinkedAppsContainer{display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:2em}.FreemiumAppsContainer{width:40%;background-color:var(--staart-yellow)}.LinkedAppsContainer{width:60%}.app-features-container{padding-top:2em}.apps-list{justify-content:space-around}.apps-list,.input{display:flex;flex-direction:row}.input{height:50px;align-items:center;position:relative}.wrapInput{padding:0 4px}.divider{display:flex;flex-direction:row;align-items:center;opacity:.3;grid-gap:10px;gap:10px}.divider>div{flex:1 1;height:2px;border-radius:4px;background-color:grey}.brands-container{position:absolute;width:100%;z-index:1000;border-radius:4px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#eee;border-radius:5px;max-height:200px;list-style:none;margin:0;padding:8px;max-height:40vh;overflow:auto}.brands-container .item-of-brands{width:100%;font-weight:400;font-size:1rem;line-height:1;letter-spacing:.00938em;padding-top:6px}.brands-container .item-of-brands:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.button{border:2px solid #fff;background-color:var(--staart-yellow)}.invert{border:1px solid #fdd34d;background-color:#fff}.commonBtn{width:100%;display:flex;flex:.75 1;flex-direction:column;justify-content:center;color:#353535;align-items:center;padding:10px;box-sizing:border-box;border-radius:3px;max-height:50px;font-weight:700}.commonBtn:hover{cursor:pointer}.commonBtn:disabled{cursor:not-allowed;opacity:.7}.button1{background-color:#2f4858;color:#fff}.invert1{background-color:#fff;color:#2f4858;font-weight:700;border:1px solid #2f4858}.commonBtn1{height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 1px grey;font-size:small;padding:0 17px}.commonBtn1:hover{box-shadow:none;cursor:pointer}.financeCard{grid-gap:10px;gap:10px}.financeCard,.newOrderCard{display:flex;flex-direction:column;align-items:center}.newOrderCard{width:260px;justify-content:center;box-shadow:3px 4px 20px 3px rgba(0,0,0,.1);background-color:#fff;border-radius:10px}.dropDown{min-height:50px;max-height:50px;background-color:#d1d1d1;border-radius:8px;display:flex;flex-direction:row;align-items:center}.dropDown>select{height:100%;width:100%;background-color:transparent;border:none;outline-color:#a7a7a7;border-radius:8px;padding:0 10px;font-weight:500}#modal{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}#modal>div{box-shadow:0 0 3px #ccc;background-color:#fff;flex-direction:column;padding:20px;overflow-y:auto}#modal>div,#scrollingTabs{display:flex;grid-gap:20px;gap:20px}#scrollingTabs{flex-direction:column;flex:1 1}#scrollingTabs>div:first-child{display:flex;flex-direction:row;overflow-x:auto;grid-gap:20px;gap:20px;padding-bottom:10px}#scrollingTabs>div:first-child>div{border:1px solid #1890ff;color:#1890ff;font-weight:"500";padding:6px 20px;border-radius:20px;cursor:pointer}#scrollingTabs>div:first-child .active,#scrollingTabs>div:first-child>div:hover{background-color:#1890ff;color:#fff}#tabs{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px}#tabs>:first-child{margin-left:2em;display:flex;flex-direction:row;grid-gap:5%;gap:5%}#tabs>:first-child>div{font-size:22px}#tabs>:first-child>div:hover{cursor:pointer}#tabs>:first-child .activeTabHighlight{font-weight:600;border-bottom:4px solid #ffd34d;cursor:pointer}#tabs>:nth-child(2){display:flex;flex:1 1;flex-direction:column}#table{border-collapse:collapse;width:100%}#table td,#table th{border:1px solid #ddd;padding:8px}#table tr:nth-child(2n){background-color:#f2f2f2}#table tr:hover{background-color:#ddd}#table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#ffd34d;color:#000;text-align:center}#searchBar{box-sizing:border-box;width:400px;border-radius:5px;display:flex;justify-content:flex-start;align-items:center;background-color:#ebebeb;height:40px;padding:0 10px}#searchBar>:first-child{font-size:small;flex:1 1;border:none;outline:none;background-color:transparent}#searchBar>:nth-child(2){opacity:.8}.contractor-document-upload{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;max-width:none;margin:0 0 24px;position:relative;overflow:hidden;transition:all .3s ease}.contractor-document-upload.collapsed .document-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0}.contractor-document-upload.collapsed .progress-summary{display:none}.contractor-document-upload.all-documents-uploaded{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 1px 3px rgba(16,185,129,.2)}.contractor-document-upload.all-documents-uploaded:hover{border-color:#059669;box-shadow:0 4px 12px rgba(16,185,129,.25)}.contractor-document-upload:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.1)}.contractor-document-upload .section-header{margin-bottom:24px;padding:20px 24px 0;background:#fff;border-radius:12px 12px 0 0;position:relative}.contractor-document-upload .section-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contractor-document-upload .section-header .header-content .header-left{display:flex;align-items:center;grid-gap:16px;gap:16px;flex:1 1}.contractor-document-upload .section-header .header-content .header-left h3{margin:0;color:#111827;font-size:20px;font-weight:600}.contractor-document-upload .section-header .header-content .header-left .header-controls{display:flex;grid-gap:8px;gap:8px}.contractor-document-upload .section-header .header-content .header-left .header-controls .control-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.contractor-document-upload .section-header .header-content .header-left .header-controls .control-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.contractor-document-upload .section-header .header-content .header-left .header-controls .control-btn:active{background:#e5e7eb}.contractor-document-upload .section-header .header-content .upload-summary{display:flex;align-items:center;grid-gap:12px;gap:12px}.contractor-document-upload .section-header .header-content .upload-summary .summary-badge{display:flex;align-items:center;grid-gap:6px;gap:6px;background:#f0fdf4;color:#16a34a;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #bbf7d0}.contractor-document-upload .section-header .header-content .upload-summary .summary-badge .success-icon{color:#16a34a;width:16px;height:16px}.contractor-document-upload .section-header .header-content .upload-summary .uploading-badge{display:flex;align-items:center;grid-gap:6px;gap:6px;background:#eff6ff;color:#2563eb;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #bfdbfe}.contractor-document-upload .section-header .progress-summary{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.contractor-document-upload .section-header .progress-summary .validation-status{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:14px}.contractor-document-upload .section-header .progress-summary .validation-status.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.contractor-document-upload .section-header .progress-summary .validation-status.uploading{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.contractor-document-upload .section-header .progress-summary .validation-status.pending{background:#fefbeb;color:#d97706;border:1px solid #fed7aa}.contractor-document-upload.collapsed .section-header,.contractor-document-upload.collapsed .section-header .progress-summary{border-bottom:none}.contractor-document-upload .document-content{max-height:2000px;opacity:1;transition:all .3s ease;overflow:hidden;padding:0 10px 10px;background:#fff}.contractor-document-upload .document-content.hidden{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.contractor-document-upload .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px;gap:16px;z-index:1000;border-radius:12px}.contractor-document-upload .loading-overlay .spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.contractor-document-upload .loading-overlay span{font-weight:500;color:#6b7280;font-size:14px}.contractor-document-upload .documents-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}@media(max-width:1200px){.contractor-document-upload .documents-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}}.contractor-document-upload .document-field{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease;position:relative;overflow:hidden;min-height:350px;display:flex;flex-direction:column}.contractor-document-upload .document-field:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.1)}.contractor-document-upload .document-field .field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contractor-document-upload .document-field .field-header .document-label{font-size:16px;font-weight:600;color:#111827;margin:0}.contractor-document-upload .document-field .field-header .document-label .required{color:#ef4444;margin-left:4px}.contractor-document-upload .document-field .field-header .upload-status .files-count{display:flex;align-items:center;grid-gap:6px;gap:6px;color:#16a34a;font-size:12px;font-weight:500;background:#f0fdf4;padding:4px 8px;border-radius:4px;border:1px solid #bbf7d0}.contractor-document-upload .document-field .field-header .upload-status .files-count .success-icon{color:#16a34a;width:14px;height:14px}.contractor-document-upload .document-field .document-upload-area{flex:1 1;display:flex;flex-direction:column}.contractor-document-upload .document-field .document-upload-area .upload-section{margin-bottom:16px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn{display:flex;align-items:center;grid-gap:12px;gap:12px;width:100%;padding:16px;border:2px dashed #d1d5db;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .2s ease;position:relative;min-height:80px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn:hover{border-color:#3b82f6;background:#f8fafc}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn:hover .upload-icon,.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn:hover .upload-text .upload-title{color:#3b82f6}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-icon{color:#6b7280;transition:color .2s ease}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text{flex:1 1;text-align:left}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text .upload-title{display:block;font-size:15px;font-weight:600;color:#374151;margin-bottom:4px;transition:color .2s ease}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text .upload-subtitle{display:block;font-size:13px;color:#6b7280}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-info{text-align:center;margin-top:8px;font-size:12px;color:#6b7280}.contractor-document-upload .document-field .document-upload-area .upload-progress-section{margin-bottom:12px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:8px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .file-name{flex:1 1;font-weight:500;color:#374151;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .progress-status .uploading{color:#3b82f6;font-weight:600;font-size:12px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .progress-status .success-icon{color:#16a34a}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .progress-status .error-icon{color:#ef4444}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar{width:100%;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar .progress-fill{height:100%;transition:width .3s ease;border-radius:2px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar .progress-fill.uploading{background:#3b82f6}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar .progress-fill.completed{background:#16a34a}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar .progress-fill.error{background:#ef4444}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .error-text{margin-top:8px;font-size:12px;color:#ef4444}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header .section-title{font-size:14px;font-weight:600;color:#374151;margin:0}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header .files-badge{background:#3b82f6;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid{display:grid;grid-gap:10px;gap:10px;max-height:200px;overflow-y:auto;padding-top:8px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;align-items:center;grid-gap:12px;gap:12px;transition:all .2s ease;position:relative}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.1)}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card:hover .file-actions .action-btn{opacity:1}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e5e7eb}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .image-preview{width:100%;height:100%;object-fit:cover}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .file-icon-fallback,.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .pdf-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .file-icon-fallback span,.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .pdf-icon span{font-size:10px;font-weight:600;margin-top:2px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-info{flex:1 1;min-width:0}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-info .file-name{display:block;font-weight:500;color:#374151;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-info .file-size,.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-info .upload-date{display:block;font-size:12px;color:#6b7280;line-height:1.4}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions{display:flex;grid-gap:6px;gap:6px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f9fafb;opacity:.7}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn.view-btn{color:#3b82f6}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn.view-btn:hover{background:#eff6ff;color:#1d4ed8}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn.remove-btn{color:#ef4444}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn.remove-btn:hover{background:#fef2f2;color:#dc2626}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .success-indicator{position:absolute;top:8px;right:8px;color:#16a34a;background:#f0fdf4;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.contractor-document-upload .document-field .document-upload-area .empty-state{text-align:center;padding:40px 20px;color:#6b7280}.contractor-document-upload .document-field .document-upload-area .empty-state svg{margin-bottom:16px;opacity:.6}.contractor-document-upload .document-field .document-upload-area .empty-state p{font-size:14px;font-weight:500;margin:0 0 8px;color:#374151}.contractor-document-upload .document-field .document-upload-area .empty-state span{font-size:13px;color:#6b7280}.contractor-document-upload .document-field .error-message{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-top:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.contractor-document-upload .spinner-small{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1200px){.contractor-document-upload .documents-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.contractor-document-upload .section-header .header-content .header-left{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.contractor-document-upload .section-header .header-content .header-left .header-controls{align-self:flex-end}}@media(max-width:768px){.contractor-document-upload{margin:0 0 16px;border-radius:8px}.contractor-document-upload .section-header{padding:16px 20px 0;border-radius:8px 8px 0 0}.contractor-document-upload .section-header .header-content{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.contractor-document-upload .section-header .header-content .header-left{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.contractor-document-upload .section-header .header-content .header-left h3{font-size:18px}.contractor-document-upload .section-header .header-content .header-left .header-controls .control-btn{width:32px;height:32px}.contractor-document-upload .section-header .header-content .upload-summary{width:100%;justify-content:flex-start}.contractor-document-upload .document-content{padding:0 20px 20px}.contractor-document-upload .document-field{padding:16px;border-radius:6px;min-height:300px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn{padding:14px;min-height:60px;border-radius:6px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid{max-height:150px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card{padding:10px;border-radius:6px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview{width:40px;height:40px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn{width:28px;height:28px}}@media(max-width:480px){.contractor-document-upload .section-header .header-content .header-left{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.contractor-document-upload .section-header .header-content .header-left .header-controls{align-self:flex-end}.contractor-document-upload .documents-grid{grid-gap:16px;gap:16px}.contractor-document-upload .document-field{min-height:280px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn{min-height:60px;padding:12px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text .upload-title{font-size:14px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text .upload-subtitle{font-size:12px}}#drawerTemplate{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}#drawerTemplate #dpDrawer{background:linear-gradient(145deg,#2f4858,#1a2730);display:flex;flex-direction:column;position:relative;padding:0;z-index:100;box-shadow:0 0 20px rgba(0,0,0,.3);transition:width .3s cubic-bezier(.33,1,.68,1);will-change:width,transform;height:100vh;overflow:hidden;min-width:4.5rem;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}#drawerTemplate #dpDrawer.expanded{width:16rem;min-width:16rem}#drawerTemplate #dpDrawer.collapsed{width:4.5rem;min-width:4.5rem}#drawerTemplate #dpDrawer .drawer-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateZ(0);scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent;-ms-overflow-style:none}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar{width:3px}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}#drawerTemplate #dpDrawer .drawer-header{padding:1.5rem 0 1rem;display:flex;flex-direction:column;align-items:center;position:relative;min-height:auto;flex-shrink:0;transform:translateZ(0)}#drawerTemplate #dpDrawer .drawer-header #dpdpic{width:5rem;height:5rem;min-width:3rem;min-height:3rem;max-width:5rem;max-height:5rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid hsla(0,0%,100%,.08);transition:width .3s cubic-bezier(.33,1,.68,1),height .3s cubic-bezier(.33,1,.68,1);will-change:width,height;transform:translateZ(0)}#drawerTemplate #dpDrawer .drawer-header #dpdpic.compact{width:3rem;height:3rem;min-width:2.25rem;min-height:2.25rem}#drawerTemplate #dpDrawer .drawer-header .firmInitialCircle{color:#2f4858;font-size:1.3rem;font-weight:700;transform:scale(1);transform-origin:center}#drawerTemplate #dpDrawer .drawer-header .user-info{width:100%;padding:.75rem 0;opacity:1;transition:opacity .2s ease;overflow:hidden;text-align:center}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName{margin:.5rem auto .15rem;color:#fff;font-size:.95rem;text-align:center;font-weight:600;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem;box-sizing:border-box}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName div,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName label,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName span{width:100%;text-align:center!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding:0 .25rem}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail{margin:0 auto .5rem;color:hsla(0,0%,100%,.6);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem;width:100%;box-sizing:border-box}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail div,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail label,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail span{width:100%;text-align:center!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding:0 .25rem}#drawerTemplate #dpDrawer .menu-items-container{display:flex;flex-direction:column;flex:1 1;padding:.5rem;box-sizing:border-box;transform:translateZ(0)}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem{display:flex;flex-direction:row;grid-gap:.75rem;gap:.75rem;color:#fff;height:2.75rem;min-height:2.75rem;align-items:center;padding:0 .75rem;margin-bottom:.5rem;cursor:pointer;border-radius:.5rem;transition:background-color .2s ease;position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;transform:translateZ(0)}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem>:nth-child(n){color:hsla(0,0%,100%,.85);transition:color .2s ease}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem svg{min-width:20px;width:20px;height:20px;flex-shrink:0}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem:hover{background-color:hsla(0,0%,100%,.1)}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem:hover>:nth-child(n){color:#fff}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive{background-color:hsla(0,0%,100%,.15)}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive>:nth-child(n){color:#fff;font-weight:500}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive:before{content:"";position:absolute;left:0;top:15%;width:3px;height:70%;background-color:#fff;border-radius:0 2px 2px 0}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly{justify-content:center;height:auto;min-height:3.5rem;padding:.5rem 0;margin-bottom:.3rem;flex-direction:column;width:100%}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly svg{margin:0 auto;font-size:1.15rem}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly p{font-size:.65rem;margin-top:.2rem;font-weight:400;text-align:center;width:100%;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .25rem;box-sizing:border-box}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly div{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly:hover p{opacity:1}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly.dpdMenuItemActive:before{left:0;top:0;width:3px;height:100%}#drawerTemplate #dpDrawer .menu-items-container .logout-item{margin-top:auto;margin-bottom:.5rem;border-top:1px solid hsla(0,0%,100%,.1);padding-top:.5rem}#drawerTemplate #drawerContent{display:flex;flex:1 1;overflow:auto;transition:all .3s cubic-bezier(.33,1,.68,1);background-color:#f8f9fa;will-change:margin-left,width;transform:translateZ(0)}#drawerTemplate #drawerContent>*{width:100%;height:100%}.drawer-template-content{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;padding:1.25rem!important;margin:0!important;flex:1 1 auto!important}.drawer-template-content::-webkit-scrollbar{width:6px;height:6px}.drawer-template-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:10px}.drawer-template-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.drawer-template-content::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){#drawerTemplate #dpDrawer{position:fixed;height:100vh;z-index:1000}#drawerTemplate #dpDrawer.collapsed{transform:translateX(-100%);transition:transform .3s cubic-bezier(.33,1,.68,1),width .3s cubic-bezier(.33,1,.68,1);will-change:transform,width}#drawerTemplate #dpDrawer.collapsed:hover{transform:translateX(0)}}@media(max-height:600px),(max-width:400px){#drawerTemplate #dpDrawer .drawer-header{padding:.75rem 0 .5rem}#drawerTemplate #dpDrawer .drawer-header #dpdpic{width:3.5rem;height:3.5rem}#drawerTemplate #dpDrawer .drawer-header #dpdpic.compact{width:2.25rem;height:2.25rem}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem{height:2.25rem;min-height:2.25rem;margin-bottom:.3rem}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly{height:auto;min-height:3rem;padding:.35rem 0}}@media screen and (max-width:1200px)and (min-width:769px)and (max-width:992px){#drawerTemplate #dpDrawer.expanded{width:14rem;min-width:14rem}}@media screen and (max-width:1200px)and (min-width:769px)and (max-width:850px){#drawerTemplate #dpDrawer.expanded{width:12rem;min-width:12rem}}.projectRow .projectHeader{border-radius:10px}.projectRow .projectHeader:hover{cursor:pointer}#content{flex-grow:1;display:flex;flex-direction:column;grid-gap:20px;gap:20px;overflow-x:hidden}#content>:first-child{min-height:50px;display:flex;flex-direction:row;justify-content:center}#content>:first-child>div>div:first-child{cursor:pointer}#content>:first-child>div .boqTab{background-color:#f6f6f6;color:#353535}#content>:first-child>div .boqTab:hover{opacity:.6}#content>:first-child>div .indentTab{background-color:var(--staart-yellow);color:#353535}#content>:first-child>div .indentTab:hover{cursor:pointer;opacity:.6}#content>:first-child>div .active{height:5px;background-color:#ffd34d;margin:5px 0;border-radius:2px}#content>.boqPage{flex-grow:1;display:grid;grid-template-columns:1fr 2fr 2fr;width:95%;height:90%;position:fixed;margin:80px 10px}#content>.boqPage>div{margin:10px 0;display:flex;flex-direction:column;background-color:#eee;overflow-y:hidden}#content>.boqPage>div>:first-child{min-height:50px;background-color:#2f4858;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:small}#content>.boqPage>div>:nth-child(2){flex-grow:1;display:flex;flex-direction:column;overflow-y:scroll;position:-webkit-sticky;position:sticky}#content>.boqPage>:first-child{position:relative}#content>.boqPage>:first-child>:nth-child(2)>div>:first-child{display:flex;flex-direction:row;grid-gap:10px;gap:10px;align-items:center;padding:0 10px;height:40px;background-color:#d0d0d0}#content>.boqPage>:first-child>:nth-child(2)>div>:first-child>:first-child{font-size:small;flex-grow:1}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2),#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div{position:relative;background-color:#f5f5f5}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div>:first-child{display:flex;justify-content:space-between}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div>:first-child>:first-child,#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div>:nth-child(2){font-size:small}#content>.boqPage>:nth-child(2){position:relative}#content>.boqPage>:nth-child(2)>:first-child:before{content:"";height:35px;width:35px;border-right:3px solid #fff;border-bottom:3px solid #fff;position:absolute;left:-20px;transform:rotate(-45deg)}#content>.boqPage>:nth-child(2)>:nth-child(2){border-color:#fff;border-style:solid;border-width:0 3px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.heading{display:flex;flex-direction:row;grid-gap:10px;gap:10px;align-items:center;padding:0 10px;height:40px;background-color:#d0d0d0}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.heading>:first-child{font-size:small;flex-grow:1}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding-top:10px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component{display:flex;flex-direction:column;background-color:#f5f5f5;margin:0 10px;padding:10px;grid-gap:20px;gap:20px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:first-child{display:flex;justify-content:space-between}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:first-child>:first-child,#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(2){font-size:small}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(3){display:flex;justify-content:space-between;grid-gap:10px;gap:10px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(3)>:nth-child(n){font-size:small}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(4){display:flex;justify-content:space-between;cursor:pointer;font-weight:700;align-items:center}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(4)>:first-child{font-size:small}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(4)>:nth-child(2){display:flex;grid-gap:2px;gap:2px;align-items:center}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(4)>:nth-child(2)>:first-child{font-size:20}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component>:nth-child(4)>:nth-child(3){color:#275571;font-size:12px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.drawings{padding:10px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;font-size:small}#content>.boqPage>:nth-child(3){position:relative}#content>.boqPage>:nth-child(3)>:first-child{background-color:#d5d5d5;color:#2f4858}#content>.boqPage>:nth-child(3)>:first-child:before{content:"";height:34px;width:34px;border-right:3px solid #2f4858;border-bottom:3px solid #2f4858;position:absolute;left:-20px;transform:rotate(-45deg);background-color:#2f4858}#content>.boqPage>:nth-child(3)>:nth-child(2){overflow-y:auto}#content>.boqPage>:nth-child(3)>:nth-child(2)>div{display:flex;flex-direction:column}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.heading{display:flex;flex-direction:row;grid-gap:10px;gap:10px;align-items:center;padding:0 10px;min-height:40px;background-color:#ffd34d}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.heading>:nth-child(-n+2){font-size:small;flex-grow:1}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial{display:flex;flex-direction:column;background-color:#f5f5f5;padding:10px;grid-gap:20px;gap:20px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:first-child{display:flex;justify-content:space-between}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:first-child>:first-child{font-size:small}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(2){font-size:small;padding-right:10px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(3){font-size:small}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(4){display:flex;justify-content:space-between;grid-gap:10px;gap:10px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(4)>:nth-child(n){font-size:small}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(5){display:flex;justify-content:space-between;font-size:small}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial>:nth-child(5)>:first-child{font-weight:700}#content>.boqPage .menuItem{color:#1b1b1b}#content>.boqPage .menuItem:hover{color:#c6c6c6;text-decoration:underline}#content .menuItem{color:#1b1b1b}#content .menuItem:hover{color:#c6c6c6;text-decoration:underline}.clientName{min-width:497px;color:#2f4858;font-size:16px;font-weight:400;margin-top:20px;margin-right:5px;margin-left:10px}.tabs-container{display:flex;flex-direction:row;font-size:small}.tabs-container .boqTab,.tabs-container .indentTab{display:flex;flex-direction:column;grid-gap:5px;gap:5px;justify-content:center;align-items:center;padding:10px 40px}.search-container{display:flex;flex-direction:row;max-width:600px;flex-grow:3;padding:8px 5px 8px 10px}.search-container .search-field{flex-grow:2}.search-container .search-filter{flex-grow:.5}.search-container .MuiAutocomplete-endAdornment{top:0}.FiChevron:hover{cursor:pointer}.headingStyle{color:#ffd34d d;transition:color #ffd34d ase .3s}.headingStyle,.headingStyleOff{min-height:70px}#drawerTemplate1{display:flex;flex-direction:row;width:99vw;min-height:100vh;height:100%}#drawerTemplate1 #drawer{display:flex;flex-direction:column;align-items:center;min-width:60px;background-color:#2f4858;padding:30px 0;grid-gap:30px;gap:30px}#drawerTemplate1 #drawer>:nth-child(n){color:#fff8e1}#drawerTemplate1 #drawer>:nth-child(n):hover{opacity:.6;cursor:pointer}#drawerTemplate1 #drawer>:first-child{margin-bottom:40px;border:3px solid #fff8e1;border-radius:20px;font-size:x-small;font-weight:700;width:35px;height:35px;display:flex;justify-content:center;align-items:center}#AnalyticsPage{width:100%;zoom:.75;overflow:auto;padding:20px;display:flex;flex-direction:column;grid-gap:20px;gap:20px;text-align:center}.vendor-search-category{width:50%;box-sizing:border-box;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}.vendor-search-category>:first-child{margin:10px;opacity:.2}.vendor-search-category>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}#searchVendor{width:50%;box-sizing:border-box;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#searchVendor>:first-child{margin:10px;opacity:.2}#searchVendor>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}#searchSE{box-sizing:border-box;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#searchSE>:first-child{margin:10px;opacity:.2}#searchSE>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}#searchBoxView{box-sizing:border-box;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#searchBoxView>:first-child{margin:10px;opacity:.2}#searchBoxView>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}#searchAdmin{box-sizing:border-box;width:75vw;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#searchAdmin>:first-child{margin:10px;opacity:.2}#searchAdmin>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}#Categories{box-sizing:border-box;min-width:50vw;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#Categories>:first-child{margin:10px;opacity:.2}#Categories>:nth-child(2){font-size:24px;width:400px;border:none;outline:none;background-color:#fff}.assign-projects-btn{padding:.5em;width:120px;height:30px;background-color:#ffd34e;color:#000;border:none;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.assign-projects-btn:hover{cursor:pointer}.vendor-table-container{overflow-y:scroll;width:100%;height:90vh;margin:2em 0}.vendor-table-container .vendor-table-individual-category{margin:2em 0}.vendor-table-container .vendor-table-category-heading{position:-webkit-sticky;position:sticky;text-align:left;top:0;padding:.4em 0}.vendor-table-container table{width:100%}.vendor-table-container table,.vendor-table-container td,.vendor-table-container th,.vendor-table-container tr{border-collapse:collapse;border:1px solid #ddd}.vendor-table-container tr:nth-child(2n){background-color:#f2f2f2}.vendor-table-container .vendor-table-category-header-items{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#ffd34d;color:#000;text-align:center}.vendor-table-container td,.vendor-table-container th{padding:8px}.vendor-table-container .vItem-sNo{min-width:26px;max-width:26px}.vendor-table-container .vItem-name{min-width:140px;max-width:145px}.vendor-table-container .vItem-mobile{min-width:100px;max-width:100px}.vendor-table-container .vItem-email{max-width:210px;min-width:170px}.vendor-table-container .vItem-acc-statement{max-width:75px}.assign-projects-modal{display:flex;margin:4em 0;flex-direction:column;align-items:center;grid-gap:1em;gap:1em}.assign-projects-modal h3{position:absolute;top:0;margin-top:.5em}.assign-projects-modal .user-details{display:flex;flex-direction:column;grid-gap:.75em;gap:.75em}.assign-projects-modal .user-details .user-details-heading{font-weight:700}.assign-projects-modal .user-details .user-details-contact{height:2em;font-size:1rem;padding:3px}.assign-projects-modal .assign-modal-update-btn{padding:.5em;width:120px;height:30px;background-color:#ffd34e;color:#000;border:none;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.assign-projects-modal .assign-modal-update-btn:hover{cursor:pointer}.vendor-statement-order{border:1px solid #6770bc;width:100%;margin:2em 0;position:relative}.vendor-statement-order .vendor-statement-order-head-details{font-weight:700;display:flex;justify-content:space-between;margin:1em 0}.vendor-statement-order .vendor-statement-order-head-details .order-head-details-left-container,.vendor-statement-order .vendor-statement-order-head-details .order-head-details-right-container{width:40%;display:table}.vendor-statement-order .vendor-statement-order-head-details .order-head-details-left-container p,.vendor-statement-order .vendor-statement-order-head-details .order-head-details-right-container p{display:table-row}.vendor-statement-order .vendor-statement-order-head-details .order-head-details-left-container p b,.vendor-statement-order .vendor-statement-order-head-details .order-head-details-right-container p b{display:table-cell}.vendor-statement-order .vendor-statement-order-payments table{width:100%;border-collapse:collapse;border:1px solid #ddd}.vendor-statement-order .vendor-statement-order-payments table tbody,.vendor-statement-order .vendor-statement-order-payments table td,.vendor-statement-order .vendor-statement-order-payments table th,.vendor-statement-order .vendor-statement-order-payments table tr{text-align:center;border-collapse:collapse;border:1px solid #ddd}.vendor-statement-order .vendor-statement-order-payments tr:nth-child(2n){background:#f2f2f2}.vendor-statement-order .vendor-statement-order-payments tr td:nth-child(3){width:55%}.vendor-statement-order .vendor-statement-order-payments tr td:nth-child(2){width:20%}.vendor-statement-order .vendor-statement-order-payments tr td:first-child{width:15%}.vendor-statement-order .vendor-statement-order-payments tr td:nth-child(4){width:10%}.vendor-statement-details-container{margin-top:1em;display:flex;align-items:center;justify-content:space-between}.vendor-statement-details-container .vendor-statement-project-acc-summary{width:35%;font-weight:700;margin-bottom:2em}.vendor-statement-details-container .vendor-statement-project-acc-summary .project-acc-summary-header{text-align:center}.detail-pair{display:flex;line-height:1.5rem}.detail-pair dt{position:relative;width:55%}.detail-pair dt:after{content:":";position:absolute;right:10px}.brands-edit-container{display:flex;flex-direction:column;width:100%}.brands-edit-container .brands-edit-heading{text-align:center}.brands-edit-container .brands-edit-brandslist{padding:.75em 0}.brands-edit-container .brands-edit-brand-input{display:flex;width:100%;flex-direction:row;height:2em}.brands-edit-container .brands-edit-brand-input input{width:80%;font-size:1em}.brands-edit-container .brands-edit-brand-input button{width:20%;display:flex;justify-content:center;align-items:center;border:none;border-radius:3px;color:#353535;font-weight:700;background-color:var(--staart-yellow)}.brands-edit-container .brands-edit-bottom{margin-top:1em}.brands-edit-container .brands-edit-bottom .brands-update-button{display:flex;font-weight:700;background-color:#fdd34d;width:100%;justify-content:center;padding:14px;border-radius:5px;cursor:pointer;border:none}#userNameForm{width:100%;height:100vh;display:flex;align-items:center;grid-gap:15%;gap:15%;flex-direction:column}#background-video{position:absolute;width:100%;height:100vh;object-fit:cover}.mainHeading{font-size:100px;color:#fff;font-weight:700;z-index:1;margin-bottom:16px}.overlay-video{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7)}.formFeilds{position:relative;z-index:100;width:48%;display:flex;flex-direction:row;box-shadow:0 0 5px 5px;border-radius:16px}.formFeilds .formFeild_leftside{width:50%;display:flex;grid-gap:13%;gap:13%;flex-direction:column;align-items:center;border:6px solid #fdd34d;border-top-left-radius:16px;border-bottom-left-radius:16px;padding:30px}.formFeilds .formFeild_leftside div{width:100%}.formFeilds .formFeild_Rightside{width:50%;display:flex;flex-direction:column;align-items:center;background-color:var(--staart-yellow);padding-top:6px;border-top-right-radius:16px;border-bottom-right-radius:16px}@media screen and (max-width:1600px){#userNameForm{grid-gap:5%;gap:5%}}@media screen and (max-width:1500px){#userNameForm{grid-gap:5%;gap:5%}}@media screen and (max-width:1250px){#userNameForm{grid-gap:5%;gap:5%}.formFeilds{width:65%}}@media screen and (max-width:950px){#userNameForm{grid-gap:5%;gap:5%}.formFeilds{width:75%}}@media screen and (max-width:750px){#userNameForm{grid-gap:15%;gap:15%}.formFeilds{flex-direction:column;align-items:center;width:75%;grid-gap:16em;gap:16em;box-shadow:none}.formFeilds .formFeild_leftside,.formFeilds .formFeild_Rightside{width:100%;border-radius:16px}}.newUserSignUpContainer{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;height:100%}.container{display:flex;flex:1 1;flex-direction:column;padding:20px;grid-gap:40px;gap:40px}.container .release-date-info-header{text-align:center;font-size:small}.container .divs-container:not(:last-child){margin-bottom:18em}.container .divs-container{display:flex;flex-direction:column;align-items:center;position:relative}.container .divs-container .heading-container{width:80%;display:inline-flex;flex-direction:row;justify-content:space-between;height:5%;margin-top:20px}.container .divs-container .heading-container .header{padding-top:.75em;justify-content:center;align-items:center;font-weight:700;text-decoration:underline;font-size:28px;margin-left:20px}.container .divs-container .heading-container .firmLogo{flex-direction:column;flex-direction:row;width:100px;height:100px;border:.25px solid #000;border-radius:50%;margin-top:.75em}.container .divs-container .order-details-container{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;width:80%;line-height:2em;border-radius:10px}.container .divs-container .order-details-container .left-pan-container{padding:.75em;width:50%}.container .divs-container .order-details-container .left-pan-container .details{display:flex;flex-direction:row;width:100%}.container .divs-container .order-details-container .right-pan-container-order{display:flex;flex-direction:column;padding:.75em 5px .75em .75em;justify-content:flex-start}.container .divs-container .order-details-container .right-pan-container-order .details-order{justify-content:space-between;grid-gap:20px;gap:20px;display:flex;flex-direction:row;width:100%}.container .divs-container .order-details-container .right-pan-container{display:flex;flex-direction:column;padding:.75em 5px .75em .75em;justify-content:center}.container .divs-container .order-details-container .right-pan-container .details{display:flex;flex-direction:row;width:100%}.vendor-sign-btn{padding:.5em;width:120px;height:30px;background-color:#ffd34e;color:#000;border:none;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.vendor-sign-btn:hover{cursor:pointer}.vendor-sign-btn.sign-accept{margin:2em .5em}.sign-modal-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;border-radius:6px}.sign-modal-container .sign-modal-header{margin:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn{position:absolute;right:0;width:45px;height:18px;top:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn:hover{cursor:pointer}.sign-modal-container .sign-modal-canvaspad{align-items:center;margin:.5em;border:1px solid #d9d9d9;width:97%;height:100%;overflow:hidden}.sign-modal-btn-container{margin:.5em;display:flex;flex-direction:row;justify-content:space-around;grid-gap:70px;gap:70px}.mobile-items-container{margin-top:20px;width:100%}.mobile-items-container .items-heading{display:inline-flex;width:100%;height:41px;background-color:#ffd34e;align-items:center;font-weight:700;color:#000;padding:.25em .25em .25em .75em;border-radius:10px}.mobile-items-container .mobile-item{background-color:#f1f1f1;border-radius:10px;margin-top:10px;width:100%;padding:.75em;line-height:1.75em}.mobile-items-container .mobile-item .mob-item-description{width:100%;min-height:auto;background-color:#fff;border-radius:10px}.mobile-items-container .mobile-item .mob-item-image{display:flex;width:100%;background-color:#fff;border-radius:10px;height:auto;text-align:center;justify-content:center}.mobile-common-milestones{width:100%;background-color:#f1f1f1;border-radius:10px}.common-milestones-container{display:flex;flex-direction:column;width:80%;margin-top:20px}.common-milestones-container .common-milestones-header{display:flex;flex-direction:row;width:100%;background-color:#fff6db;padding:10px}.total-details{width:80%}.terms-condition{margin-top:20px;display:flex;flex-direction:column;width:80%;padding:10;background-color:#fff;border-radius:10px}.terms-condition p{text-align:justify;text-justify:inter-word;font-size:15px}.sign-container{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.watermark{position:absolute;text-align:center;margin-top:5em;font-size:6em;font-weight:700;color:red;opacity:.3;width:100%;text-transform:uppercase;transform:rotate(-45deg)}@media screen and (max-width:550px){*{font-size:14px}.container{padding:0;height:100vh;overflow-x:hidden;background-color:#fff}.container .divs-container{display:flex;flex-direction:column}.container .divs-container .heading-container{width:100%;position:relative;left:0;display:flex;justify-content:space-between;align-items:center}.container .divs-container .heading-container .header{left:0;font-size:17px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#000}.container .divs-container .heading-container .firmLogo{width:70px;height:70px;margin-right:20px;border:none}.container .divs-container .order-details-container{margin-top:20px;display:flex;justify-content:space-between;width:100%;border-radius:10px;grid-gap:20px;gap:20px}.container .divs-container .order-details-container .left-pan-container{width:40%;width:42%;padding:.75em}.container .divs-container .order-details-container .left-pan-container .details{display:flex;flex-direction:column}.container .divs-container .order-details-container .right-pan-container-order{display:flex;flex-direction:column;width:30%;justify-content:flex-start}.container .divs-container .order-details-container .right-pan-container-order .details-order{grid-gap:0;gap:0;display:flex;flex-direction:column}.container .divs-container .order-details-container .right-pan-container{display:flex;flex-direction:column;justify-content:center}.container .divs-container .order-details-container .right-pan-container .details{display:flex;flex-direction:column}.container .divs-container .common-milestones-container{width:100%;background-color:#f1f1f1}.container .divs-container .terms-condition{display:flex;flex-direction:column;padding:.75em;width:100%;background-color:#f1f1f1;border-radius:10px}.container .divs-container .terms-condition p{font-size:15px}.container .divs-container .total-details{width:100%}.sign-modal-container{width:100%;height:300px}.sign-modal-container .sign-modal-header{margin:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn{position:absolute;right:0;width:45px;height:18px;top:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn:hover{cursor:pointer}.sign-container{width:95%;flex-direction:row;align-items:flex-end;margin-bottom:2em}.approval_container,.sign-container{display:flex;justify-content:space-between}.approval_container{width:92%}}#search{box-sizing:border-box;height:50px;margin-bottom:20px;overflow:visible;border-radius:10px;border:1px solid rgba(53,53,53,.3019607843);display:flex;justify-content:flex-start;align-items:center;background-color:#fff}#search>:first-child{margin:10px;opacity:.2}#search>:nth-child(2){font-size:20px;width:400px;border:none;outline:none;background-color:#fff}#notification{position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:row;z-index:1001}#notification #notification_icon{z-index:1004;position:absolute;right:0;margin-top:50px;background-color:#2f4858;height:42px;width:40px;border-top-left-radius:20px;border-bottom-left-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}#notification #notification_container{background-color:#fff;border-left:1px solid #dadada;transition:width .15s;overflow-x:hidden;display:flex;flex-direction:column;grid-gap:20px;gap:20px}#notification #notification_container>:nth-child(2){font-weight:600;display:flex;justify-content:space-between;border-bottom:1px solid grey;padding-bottom:10px}#notification #notification_container>:nth-child(2)>:nth-child(n){display:flex;grid-gap:5px;gap:5px;cursor:pointer;color:#bababa;font-size:small}#notification #notification_container>:nth-child(2)>:nth-child(n)>:nth-child(2){width:20px;height:20px;border-radius:10px;background-color:#bababa;display:flex;justify-content:center;align-items:center;color:#fff;font-size:10px}#notification #notification_container>:nth-child(2) .active{color:#272727;font-weight:700}#notification #notification_container>:nth-child(2) .active>:nth-child(2){background-color:#2f4858}#notification #notification_container>:nth-child(3){display:flex;flex-direction:column;grid-gap:20px;gap:20px}#notification #notification_container>:nth-child(3)>.title{font-size:small;font-weight:600}#notification #notification_container>:nth-child(3)>.notification_card{border-radius:10px;border:1px solid grey;display:flex;flex-direction:column;padding:10px;grid-gap:12px;gap:12px;font-size:11px}#notification #notification_container>:nth-child(3)>.notification_card:hover{cursor:pointer}#notification #notification_container>:nth-child(3)>.notification_card>:first-child{display:flex;grid-gap:5px;gap:5px;align-items:center}#notification #notification_container>:nth-child(3)>.notification_card>:first-child>:nth-child(3){font-weight:600}#notification #notification_container>:nth-child(3)>.notification_card>:nth-child(3){display:flex;grid-gap:10px;gap:10px}#notification #notification_container>:nth-child(3)>.notification_card>:nth-child(3)>:first-child{margin-right:auto}#notification #notification_container>:nth-child(3)>.notification_card>:nth-child(3)>:nth-child(2){font-weight:600;color:green;cursor:pointer}#notification #notification_container>:nth-child(3)>.notification_card>:nth-child(3)>:nth-child(3){font-weight:600;color:red;cursor:pointer}#displayNone{display:none}#project-analytics{width:100vw;height:100vh;display:grid;grid-template-columns:250px 200px 1fr 300px 1fr;grid-template-rows:60px 1fr 1fr;background-color:#f3f3f3}#project-analytics #project-analytics-header{grid-column:1/6;display:flex;flex-direction:row;align-items:center;grid-gap:20px;gap:20px;background-color:#fff}#project-analytics>:first-child{padding:0 20px}#project-analytics>:nth-last-child(-n+9){margin:10px;border-radius:10px}#project-analytics>:nth-child(2){padding:20px;display:grid;grid-template-columns:30px 1fr;background-color:#fff;box-shadow:0 0 3px grey}#project-analytics>:nth-child(2)>:first-child{grid-column:1/3;text-align:center;font-weight:700}#project-analytics>:nth-child(2)>div{font-size:small}#project-analytics>:nth-child(3),#project-analytics>:nth-child(9){display:flex;flex-direction:column;grid-gap:20px;gap:20px}#project-analytics>:nth-child(3)>div,#project-analytics>:nth-child(9)>div{flex:1 1;background-color:#fff;border-radius:10px;box-shadow:0 0 3px grey;display:flex;flex-direction:column;padding:20px;grid-gap:10px;gap:10px;justify-content:space-between;align-items:center}#project-analytics>:nth-child(3)>div>div,#project-analytics>:nth-child(9)>div>div{text-align:center;font-size:small}#project-analytics>:nth-child(3)>div>div:first-child,#project-analytics>:nth-child(9)>div>div:first-child{font-weight:700}#project-analytics>:nth-child(3)>div>div:nth-child(2),#project-analytics>:nth-child(9)>div>div:nth-child(2){display:flex;flex-direction:row;align-items:flex-end;color:#feb161;font-weight:700;grid-gap:6px;gap:6px}#project-analytics>:nth-child(3)>div>div:nth-child(2)>p,#project-analytics>:nth-child(9)>div>div:nth-child(2)>p{font-size:45px}#project-analytics>:nth-child(3)>div>div:nth-child(2)>small,#project-analytics>:nth-child(9)>div>div:nth-child(2)>small{font-size:medium}#project-analytics>:nth-child(3)>div>div:nth-child(3),#project-analytics>:nth-child(9)>div>div:nth-child(3){text-decoration:underline;color:#00f}#project-analytics>:nth-child(4){background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 0 3px grey}#project-analytics>:nth-child(4)>div{text-align:center;font-size:small}#project-analytics>:nth-child(4)>div:first-child{font-weight:700}#project-analytics>:nth-child(4)>:nth-child(2){position:relative;left:-20px}#project-analytics>:nth-child(5){background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 0 3px grey}#project-analytics>:nth-child(5)>div{text-align:center;font-size:small}#project-analytics>:nth-child(5)>div:first-child{font-weight:700}#project-analytics>:nth-child(6){background-color:#fff;padding:20px;box-shadow:0 0 3px grey;font-size:small;display:grid;grid-template-columns:50px 1fr;grid-gap:20px;gap:20px}#project-analytics>:nth-child(6)>:first-child{grid-column:1/3;font-weight:700;text-align:center}#project-analytics>:nth-child(6)>:last-child{grid-column:1/3;text-align:center;color:#00f;text-decoration:underline}#project-analytics>:nth-child(6) :nth-child(5),#project-analytics>:nth-child(6) :nth-child(7),#project-analytics>:nth-child(6) :nth-child(9),#project-analytics>:nth-child(6) :nth-child(11),#project-analytics>:nth-child(6)>:nth-child(3){height:20px;border:.5px solid rgba(254,178,97,.5450980392);border-radius:5px;display:flex}#project-analytics>:nth-child(6) :nth-child(5)>div,#project-analytics>:nth-child(6) :nth-child(7)>div,#project-analytics>:nth-child(6) :nth-child(9)>div,#project-analytics>:nth-child(6) :nth-child(11)>div,#project-analytics>:nth-child(6)>:nth-child(3)>div{background-color:#feb161;border-radius:5px}#project-analytics>:nth-child(7){grid-column:1/3;background-color:#fff;padding:20px;box-shadow:0 0 3px grey;font-size:small;grid-gap:20px;gap:20px;display:grid;grid-template-columns:20px 1fr}#project-analytics>:nth-child(7)>:first-child{font-weight:700;text-align:center;grid-column:1/3}#project-analytics>:nth-child(7)>:nth-child(2){grid-column:1/3;height:30px;display:flex;border:.5px solid rgba(0,0,0,.1);border-radius:5px}#project-analytics>:nth-child(7)>:nth-child(2)>div{display:flex;align-items:center;justify-content:center}#project-analytics>:nth-child(7)>:nth-child(3),#project-analytics>:nth-child(7)>:nth-child(5),#project-analytics>:nth-child(7)>:nth-child(7){background-color:#feb161;width:20px;height:20px;border-radius:20px}#project-analytics>:nth-child(8){background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 0 3px grey}#project-analytics>:nth-child(8)>div{text-align:center;font-size:small}#project-analytics>:nth-child(8)>div:first-child{font-weight:700}#project-analytics>:nth-child(9)>div{box-shadow:none;background-color:#e0e0e0;color:#c2c2c2;-webkit-text-decoration:solid;text-decoration:solid;grid-gap:0;gap:0}#project-analytics>:nth-child(9)>div div,#project-analytics>:nth-child(9)>div p,#project-analytics>:nth-child(9)>div small{color:#c2c2c2}#project-analytics>:nth-child(10){box-shadow:none;background-color:#e0e0e0;padding:20px;font-size:small;grid-gap:20px;gap:20px;display:grid;grid-template-columns:20px 1fr}#project-analytics>:nth-child(10)>:first-child{font-weight:700;text-align:center;grid-column:1/3;color:#c2c2c2}#project-analytics>:nth-child(10)>:nth-child(2){grid-column:1/3;height:30px;display:flex;border:.5px solid rgba(0,0,0,.1);border-radius:5px}#project-analytics>:nth-child(10)>:nth-child(2)>div{display:flex;align-items:center;justify-content:center}#project-analytics>:nth-child(10)>:nth-child(3),#project-analytics>:nth-child(10)>:nth-child(5){width:20px;height:20px;border-radius:20px}.highlightdiv{animation:hightlightitemdiv 10s 1}.request-button{margin-left:-1.2em;display:inline-block;padding:7px;font-size:14px;font-weight:700;border:none;border-radius:30px;background-color:#f0f0f0;color:#333;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.request-button:hover{background-color:#ddd}.request-button:focus{outline:none;box-shadow:0 0 0 4px rgba(40,40,226,.3)}.request-button:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.share-modal-container{width:99%;padding:1em;display:flex;flex-direction:column;align-items:center}.share-modal-container .share-modal-heading-container p{font-weight:700;text-align:center}.share-modal-container .share-modal-bottom-container{margin-top:3em;margin-bottom:.65em}.share-modal-container .share-modal-bottom-container .share-modal-bottom-container-send-btn{padding:.5em;width:120px;height:30px;background-color:#ffd34e;color:#000;border:none;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.share-modal-container .share-modal-bottom-container .share-modal-bottom-container-send-btn:hover{cursor:pointer}.share-modal-container .share-modal-bottom-container .loading-state-btn{display:flex;justify-content:center;opacity:.4}.share-modal-container .share-modal-send-to{width:94%;margin-bottom:1.5em}.card-container{margin:.6rem 0;border-radius:10px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s ease;border:1px solid #f0f0f0;overflow:hidden;width:100%;box-sizing:border-box}.card-container:focus{outline:none;box-shadow:0 0 0 2px #fdd34d,0 4px 12px rgba(0,0,0,.1)}.card-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-container.highlightdiv{background-color:#fffdf5;border:1px solid #fdd34d;box-shadow:0 0 0 2px #fdd34d,0 4px 12px rgba(0,0,0,.1)}.req-card-mainDetailsContainer{display:flex;align-items:center;padding:.9rem 1.2rem;position:relative;width:100%;box-sizing:border-box}.checkbox-container{margin-right:1rem;display:flex;align-items:center}.checkbox-container input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#fdd34d;cursor:pointer;border-radius:4px}.checkbox-container input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.req-card-visibleContainer{flex:1 1;display:flex;flex-direction:column;justify-content:center;width:100%}.req-card-header{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4.5fr) minmax(0,3fr) minmax(0,3fr) minmax(0,2.5fr);margin-bottom:.4rem;width:100%}.req-card-header p{font-size:.7rem;color:#666;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.5px}.req-card-mainDetails{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4.5fr) minmax(0,3fr) minmax(0,3fr) minmax(0,2.5fr);width:100%}.req-card-mainDetails p{margin:0;font-size:.9rem;color:#333;display:flex;align-items:flex-start;line-height:1.4;flex-direction:column}.req-card-mainDetails p:first-child{font-weight:600;color:#26428b}.req-card-mainDetails p:nth-child(3){display:flex;flex-direction:column}.req-card-mainDetails p:nth-child(3) span{display:flex;align-items:center}.req-card-mainDetails p:nth-child(6){font-weight:700;color:#ffa000}.status-req-order{display:flex;flex-direction:column;align-items:flex-start;grid-gap:.3rem;gap:.3rem}.req-card-main-actionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 1.5rem;min-width:120px}.req-card-main-actionContainer .req-card-btn{padding:.5rem 1.4rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;min-width:100px;text-align:center}.req-card-main-actionContainer .req-card-btn:disabled{opacity:.5;cursor:not-allowed}.req-card-main-actionContainer .req-card-update-btn{background-color:#5a8dee;color:#fff}.req-card-main-actionContainer .req-card-update-btn:hover:not(:disabled){background-color:#4a7edf;box-shadow:0 2px 6px rgba(90,141,238,.3)}.req-card-main-actionContainer .req-card-approve-btn{background-color:#28c76f;color:#fff}.req-card-main-actionContainer .req-card-approve-btn:hover:not(:disabled){background-color:#20b263;box-shadow:0 2px 6px rgba(40,199,111,.3)}.req-card-main-actionContainer p{margin-top:.3rem;font-size:.7rem}.reqeust-menu-items{display:flex;align-items:center;margin-left:auto;min-width:80px;justify-content:center}.reqeust-menu-items .MuiIconButton-root{padding:.4rem;margin:0 .2rem;transition:all .2s}.reqeust-menu-items .MuiIconButton-root:hover{background-color:rgba(0,0,0,.04)}.req-card-toggle{cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:.5rem;min-width:40px}.req-card-toggle .MuiIconButton-root{padding:.4rem;color:#666;transition:all .2s}.req-card-toggle .MuiIconButton-root:hover{background-color:rgba(0,0,0,.04);color:#333}.req-card-extraDetailsContainer{padding:.5rem 1.2rem 1rem;background-color:#f9f9f9;border-top:1px solid #f0f0f0;width:100%;box-sizing:border-box}.mainExtraDetailsDiv{width:100%!important}.req-card-commentDetailsContainer{display:flex;justify-content:space-between;padding:1rem 1.5rem;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;width:100%;box-sizing:border-box}.req-card-commentDetailsContainer>div:first-child{display:flex;flex-direction:column;width:50%}.req-card-commentDetailsContainer>div:first-child h4{margin:0 0 .5rem;font-size:.9rem;color:#444}.req-card-commentDetailsContainer>div:first-child p{margin:.3rem 0;font-size:.9rem}.req-card-commentDetailsContainer>div:first-child p span{font-weight:600;margin-right:.4rem}.req-card-action-btns-container{display:flex;justify-content:flex-end;grid-gap:.8rem;gap:.8rem;align-items:center}.req-card-action-btns-container .req-card-btn{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;border:none}.req-card-action-btns-container .req-card-btn:hover{transform:translateY(-1px)}.req-card-action-btns-container .req-card-hold-btn{background-color:#f2c94c;color:#333}.req-card-action-btns-container .req-card-hold-btn:hover{background-color:#edbe3b;box-shadow:0 2px 6px rgba(242,201,76,.3)}.req-card-action-btns-container .req-card-decline-btn{background-color:#ff5c75;color:#fff}.req-card-action-btns-container .req-card-decline-btn:hover{background-color:#f24c66;box-shadow:0 2px 6px rgba(255,92,117,.3)}.request-history-item{background-color:#f9f9f9}.request-history-item.same-user .request-history-item-details{margin-left:auto;margin-right:0;background-color:#f0f6ff}.request-history-item.diff-user .request-history-item-details{margin-right:auto;margin-left:0;background-color:#fff}.request-history-item .request-history-item-details{width:70%;padding:.8rem 1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.request-history-item .request-history-item-details p{margin:.3rem 0;font-size:.85rem;line-height:1.4}.request-history-item .request-history-item-details p:first-child span{font-weight:600}.request-history-item .request-history-item-details p:last-child{color:#666;font-size:.75rem}.chat-box-approval h3,.no-vendor-sign h3{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;color:#333;text-align:center}.chat-box-approval .fin-req-comment-decline-body,.no-vendor-sign .fin-req-comment-decline-body{margin-bottom:1.5rem}.chat-box-approval .comment-decline-bottom,.no-vendor-sign .comment-decline-bottom{display:flex;justify-content:center}.chat-box-approval .comment-decline-bottom button,.no-vendor-sign .comment-decline-bottom button{padding:.7rem 2rem;background-color:#5a8dee;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.chat-box-approval .comment-decline-bottom button:hover,.no-vendor-sign .comment-decline-bottom button:hover{background-color:#4a7edf;box-shadow:0 2px 6px rgba(90,141,238,.3)}.vendor-nosign-btns-container{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.vendor-nosign-btns-container .vendor-nosign-Btn{padding:.6rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;background-color:#f0f0f0;border:none;color:#333}.vendor-nosign-btns-container .vendor-nosign-Btn:hover{background-color:#e5e5e5}.vendor-nosign-btns-container .vendor-nosign-Btn.proceedBtn{background-color:#fdd34d;color:#333}.vendor-nosign-btns-container .vendor-nosign-Btn.proceedBtn:hover{background-color:#fcc92e}.view-po-link-fin-req{color:#5a8dee!important}.view-po-link-fin-req:hover{text-decoration:underline}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(253,211,77,.4)}70%{box-shadow:0 0 0 6px rgba(253,211,77,0)}to{box-shadow:0 0 0 0 rgba(253,211,77,0)}}.vendor-company-name{display:block;font-size:.75rem;margin-top:.2rem;color:#666;font-style:italic}.status-badge{padding:3px 8px;font-size:.85rem;letter-spacing:.3px}.status-details-container{display:flex;flex-direction:column;grid-gap:.3rem;gap:.3rem;margin-top:.3rem}.priority-tag{display:inline-block;padding:2px 6px;background-color:rgba(0,0,0,.05);border-radius:3px}.date-tag,.priority-tag{font-size:.7rem;color:#666}.date-tag{display:block;font-weight:400}.amount-requested span{font-weight:700;color:#ffa000}.order-unreleased-warning{color:#c90000;font-size:.7rem;font-weight:700;margin-top:.3rem}.days-count{font-weight:600;color:#f59e0b;margin-left:.3rem}.paid-amount{font-weight:600;color:#117539}.comment-content{background-color:#f9f9f9;padding:.8rem;border-radius:6px;margin-top:.5rem;border-left:3px solid #e0e0e0}.commenter-name{font-weight:600;color:#26428b;margin-right:.6rem}.comment-text{font-weight:400;white-space:pre-line}.status-details{margin-top:1rem}.date-label,.status-label{font-weight:500;color:#555}.status-author{font-weight:400;color:#666}.status-date{font-weight:500}.record-dates{margin-top:.5rem}.record-dates p{display:flex;flex-direction:column;margin-bottom:.5rem}.record-dates p .date-value{margin-top:.2rem;font-size:.8rem;color:#666}.history-toggle{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;padding:.8rem;background-color:#f5f5f5;border-top:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s}.history-toggle:hover{background-color:#eee}.history-toggle .history-icon{color:#666;font-size:.9rem}.history-toggle span{font-size:.9rem;font-weight:500;color:#444}.history-toggle .chevron-icon{margin-left:.3rem;transition:transform .2s}.history-container{max-height:350px;overflow-y:auto;padding:.5rem 0;background-color:#f9f9f9;border-top:1px solid #f0f0f0}.history-container::-webkit-scrollbar{width:6px}.history-container::-webkit-scrollbar-track{background:#f1f1f1}.history-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.history-container::-webkit-scrollbar-thumb:hover{background:#aaa}.request-history-item{padding:.5rem 1.5rem}.request-history-item .history-status{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.request-history-item .history-status span{font-weight:600}.request-history-item .history-remarks{margin:.8rem 0;white-space:pre-line;line-height:1.5}.request-history-item .history-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.05);padding-top:.5rem;margin-top:.5rem}.request-history-item .history-footer .history-author{font-weight:600;font-size:.8rem}.request-history-item .history-footer .history-date{font-size:.75rem;color:#888}.requests-filtersContainer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#drawerContent{width:100%!important}.time-range-bubbles{display:flex;align-items:center;justify-content:center;background-color:#eaeaea;padding:3px;width:280px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto}.time-range-bubbles,.time-range-bubbles .time-bubble{border-radius:50px;transition:all .3s ease;position:relative}.time-range-bubbles .time-bubble{padding:8px 0;font-size:.9rem;font-weight:500;cursor:pointer;color:#555;overflow:hidden;flex:1 1;text-align:center;z-index:1}.time-range-bubbles .time-bubble:hover:not(.active){color:#333}.time-range-bubbles .time-bubble.active{color:#333;font-weight:600}.time-range-bubbles:before{content:"";position:absolute;width:33.33%;height:calc(100% - 6px);top:3px;left:3px;background-color:#fff;border-radius:50px;z-index:0;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.time-range-bubbles[data-active=weekly]:before{transform:translateX(100%)}.time-range-bubbles[data-active=monthly]:before{transform:translateX(200%)}.time-group-header{background-color:#f9f9f9;border-radius:8px;margin:16px 0 8px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.05);border-left:4px solid #fdd34d;transition:all .2s ease;cursor:pointer}.time-group-header:hover{box-shadow:0 2px 6px rgba(0,0,0,.08);background-color:#f5f5f5}.time-group-header .time-group-title{font-weight:600;font-size:1rem;color:#333;margin:0;display:flex;align-items:center}.time-group-header .time-group-title .date-range{display:flex;align-items:center;min-width:200px}.time-group-header .time-group-title .date-range .calendar-icon{margin-right:8px;color:#999}.time-group-header .time-group-title .date-range .toggle-indicator{margin-left:8px;color:#777;display:flex;align-items:center}.time-group-header .time-group-title .amount-summary{display:flex;align-items:center;flex-grow:1;padding:0;justify-content:flex-end;grid-gap:20px;gap:20px}.time-group-header .time-group-title .amount-summary .amount-badge{padding:5px 10px;border-radius:16px;font-size:.85rem;display:flex;align-items:center;min-width:160px;justify-content:space-between}.time-group-header .time-group-title .amount-summary .amount-badge span:first-child{font-weight:500}.time-group-header .time-group-title .amount-summary .amount-badge span:last-child{font-weight:700;font-size:.95rem}.time-group-header .time-group-title .amount-summary .amount-badge.total{background-color:#fdd34d;color:#333}.time-group-header .time-group-title .amount-summary .amount-badge.approved{background-color:rgba(40,199,111,.1);color:#117539;border:1px solid rgba(40,199,111,.2)}.time-group-header .time-group-title .amount-summary .amount-badge.pending{background-color:rgba(20,133,174,.1);color:#1485ae;border:1px solid rgba(20,133,174,.2)}.time-group-header .time-period-stats{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-top:10px}.time-group-header .time-period-stats .stat-item{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:.75rem;color:#666;margin-right:16px}.time-group-header .time-period-stats .stat-item .stat-dot{width:8px;height:8px;border-radius:50%}.time-group-header .time-period-stats .stat-item.requests .stat-dot{background-color:#555}.time-group-header .time-period-stats .stat-item.approved .stat-dot{background-color:#28c76f}.time-group-header .time-period-stats .stat-item.pending .stat-dot{background-color:#1485ae}.time-group-header .time-period-stats .stat-item.declined .stat-dot{background-color:#c90000}.time-group-header .project-list{display:flex;flex-wrap:wrap;margin-top:10px;grid-gap:6px;gap:6px}.time-group-header .project-list .project-tag{background-color:rgba(38,66,139,.08);border-radius:4px;padding:3px 8px;font-size:.75rem;color:#26428b;display:flex;align-items:center;grid-gap:5px;gap:5px}.time-group-header .project-list .project-tag .project-dot{width:6px;height:6px;border-radius:50%;background-color:#26428b}.project-group{background-color:#fff;border-radius:6px;margin:8px 0;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid #f0f0f0}.project-group .project-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f5f9ff;border-bottom:1px solid #e6f0ff;cursor:pointer}.project-group .project-group-header:hover{background-color:#edf4ff}.project-group .project-group-header .project-title{font-weight:600;font-size:.9rem;color:#26428b;display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:200px}.project-group .project-group-header .project-title .toggle-icon{color:#999;transition:transform .2s ease}.project-group .project-group-header .project-title .toggle-icon.expanded{transform:rotate(90deg)}.project-group .project-group-header .project-amount-summary{display:flex;align-items:center;flex-grow:1;padding:0;justify-content:flex-end;grid-gap:20px;gap:20px}.project-group .project-group-header .project-amount-summary .project-amount-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;display:flex;align-items:center;min-width:140px;justify-content:space-between}.project-group .project-group-header .project-amount-summary .project-amount-badge span:first-child{font-weight:500}.project-group .project-group-header .project-amount-summary .project-amount-badge span:last-child{font-weight:700;font-size:.85rem}.project-group .project-group-header .project-amount-summary .project-amount-badge.total{background-color:rgba(253,211,77,.2);color:#b38c0d}.project-group .project-group-header .project-amount-summary .project-amount-badge.approved{background-color:rgba(40,199,111,.1);color:#117539}.project-group .project-group-header .project-amount-summary .project-amount-badge.pending{background-color:rgba(20,133,174,.1);color:#1485ae}.project-group .project-requests{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.project-group .project-requests.expanded{max-height:10000px}.project-group .project-requests .card-container{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:none}.project-group .project-requests .card-container:last-child{border-bottom:none}.animate-slide-down{animation:slideDown .3s ease forwards}.nested-card{border-radius:0!important;margin:0!important;border-left:#f0f0f0!important;border-bottom-color:#f0f0f0!important;border-right:#f0f0f0!important;border-top-color:#f0f0f0!important}.nested-card:last-child{border-bottom:none!important}.nested-card:hover{background-color:#fafbfc!important}.filters-with-bubbles{display:flex;flex-direction:column;width:100%;grid-gap:16px;gap:16px}.filters-with-bubbles .filters-row{display:flex;justify-content:space-between;align-items:center;width:100%}.filters-with-bubbles .time-bubbles-row{display:flex;justify-content:center;width:100%}.time-period-stats{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-top:10px}.time-period-stats .stat-item{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:.75rem;color:#666}.time-period-stats .stat-item .stat-dot{width:8px;height:8px;border-radius:50%}.time-period-stats .stat-item.requests .stat-dot{background-color:#555}.time-period-stats .stat-item.approved .stat-dot{background-color:#28c76f}.time-period-stats .stat-item.pending .stat-dot{background-color:#1485ae}.time-period-stats .stat-item.declined .stat-dot{background-color:#c90000}.date-range-badge{background-color:#fffdf5;border:1px solid #fdd34d;border-radius:4px;padding:3px 8px;font-size:.8rem;font-weight:500;color:#333;margin-left:8px}.project-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background-color:#26428b}.weekday-badge{background-color:#e9ecef;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;color:#555;margin-left:8px}.records-container{display:flex;flex-direction:column;height:100%;position:relative}.records-container .date-range-picker{display:flex;flex-direction:column;align-items:flex-end;margin-right:2em;margin-bottom:1em}.records-container .date-range-picker p{margin:0 5em .5em 0;color:#4a5568;font-size:.9em}.records-container .refresh-indicator{position:absolute;top:1em;left:50%;transform:translateX(-50%);display:flex;align-items:center;grid-gap:.5em;gap:.5em;background:hsla(0,0%,100%,.9);padding:.5em 1em;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10}.records-container .refresh-indicator span{color:#4a5568;font-size:.9em}.records-container .records-content{height:75vh;overflow:auto;padding:0 1em}.records-container .records-content::-webkit-scrollbar{width:8px}.records-container .records-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.records-container .records-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.records-container .records-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.records-container .loading-container{display:flex;justify-content:center;align-items:center;height:100%}.records-container .no-records{text-align:center;color:#4a5568;margin-top:2em}.time-based-view .time-group{margin-bottom:1em;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.time-based-view .time-group-header{padding:1em;background:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.time-based-view .time-group-header:hover{background:#edf2f7}.time-based-view .time-group-header .time-group-info{display:flex;align-items:center;grid-gap:1em;gap:1em}.time-based-view .time-group-header .time-group-info .time-group-date{display:flex;align-items:center;grid-gap:.5em;gap:.5em}.time-based-view .time-group-header .time-group-info .time-group-date .calendar-icon{color:#4a5568}.time-based-view .time-group-header .time-group-info .time-group-date span{font-weight:500;color:#2d3748}.time-based-view .time-group-header .time-group-summary{display:flex;align-items:center;grid-gap:2em;gap:2em}.time-based-view .time-group-header .time-group-summary .project-bubbles{display:flex;grid-gap:.5em;gap:.5em}.time-based-view .time-group-header .time-group-summary .project-bubbles .project-bubble{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:600;color:rgba(0,0,0,.7)}.time-based-view .time-group-header .time-group-summary .total-amount{font-weight:600;color:#2d3748;min-width:100px;text-align:right}.time-based-view .project-groups{padding:.5em}.time-based-view .project-group{margin:.5em 0;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}.time-based-view .project-group .project-header{padding:.75em 1em;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.time-based-view .project-group .project-header:hover{background:#f7fafc}.time-based-view .project-group .project-header .project-title{display:flex;align-items:center;grid-gap:.75em;gap:.75em}.time-based-view .project-group .project-header .project-title .project-color-dot{width:12px;height:12px;border-radius:50%}.time-based-view .project-group .project-header .project-summary,.time-based-view .project-group .project-header .project-title span{font-weight:500;color:#2d3748}.time-based-view .project-group .project-records{padding:.5em;background:#f8fafc}.chat-modal-container,.chat-modal-container .chat-modal-body{height:100%}.chat-modal-container .chat-modal-body .body-chat-container{height:85%;display:flex;flex-direction:column;overflow-y:scroll;grid-gap:.4em}.chat-modal-container .chat-modal-body .body-chat-container::-webkit-scrollbar-track{background:transparant}.chat-modal-container .chat-modal-body .body-chat-container::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.chat-modal-container .chat-modal-body .body-chat-container::-webkit-scrollbar-thumb:hover{background:#969696}.chat-modal-container .chat-modal-body .body-chat-container .chat-bubble{display:flex;flex-direction:column}.chat-modal-container .chat-modal-body .body-chat-container .same-user{color:#fff;align-items:end}.chat-modal-container .chat-modal-body .body-chat-container .diff-user{color:#000;align-items:start}.chat-modal-container .chat-modal-bottom-container{display:flex}.messageImage{min-width:250px;height:300px;object-fit:contain}.activeText{font-weight:700}.mainTabs{min-height:80px;display:flex;flex-direction:row;justify-content:center}.mainTabs>div>div:first-child{padding:10px 45px;font-size:small;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:5px;gap:5px;cursor:pointer}.mainTabs>div>div:first-child>:first-child{font-weight:700}.mainTabs>div .boqTab{background-color:#f6f6f6;color:#353535}.mainTabs>div .boqTab:hover{opacity:.6}.mainTabs>div .indentTab{background-color:var(--staart-yellow);color:#353535}.mainTabs>div .indentTab:hover{opacity:.6}.mainTabs>div .active{height:3px}.activeTab,.mainTabs>div .active{background-color:#ffd34d;margin:5px 0;border-radius:2px}.activeTab{height:5px}.boqTab{background-color:#f6f6f6;color:#353535}.boqTab:hover{opacity:.6}.indentTab{background-color:var(--staart-yellow);color:#353535}.indentTab:hover{opacity:.6}.active{height:5px;background-color:#ffd34d;margin:5px 0;border-radius:2px}mark{background:none;font-weight:700}.highlightdiv{animation:hightlightitemdiv 3s 1}@keyframes hightlightitemdiv{0%{background-color:#ffd34d}to{background-color:""}}#indentSection{margin:40px}#indentSection>:nth-child(2){margin-top:-80px;padding:10px 10px 10px 30px;min-height:60px;display:flex;flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;grid-gap:20px;gap:20px}#indentSection>:nth-child(2)>:nth-child(n){border:1px solid #ffd34d;padding:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:30px;color:#000;text-align:center;min-width:180px;cursor:pointer}#indentSection>:nth-child(2)>:nth-child(n):hover{color:#fff}#indentSection>:nth-child(2)>.active,#indentSection>:nth-child(2)>:nth-child(n):hover{border:1px solid #ffd34d;padding:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:30px;background-color:#ffd34d}#indentSection>:nth-child(2)>.active{color:#000}#indentSection>:nth-child(2)::-webkit-scrollbar{display:none}#indentSection>:nth-child(3){overflow-y:scroll;padding-top:20px;-ms-overflow-style:none}#indentSection>:nth-child(3)::-webkit-scrollbar{display:none}.menuItem{color:#1b1b1b;font-weight:500}.menuItem:hover{color:#c6c6c6;text-decoration:underline}.approval-bottom-container{background:#fff8e1;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:20px}.approval-bottom-container button:hover{cursor:pointer}.approval-bottom-container .approval-edit-btn{padding-left:30px;border:none;background:none;text-decoration:underline;font-weight:600;text-transform:capitalize;color:#4685d4}.approval-bottom-container .approval-bottom-buttons{width:45%;display:flex;flex-direction:row;justify-content:space-between;padding-right:20px;grid-gap:10%;gap:10%}.approval-bottom-container .approval-bottom-buttons .approval-chat-btn,.approval-bottom-container .approval-bottom-buttons .approval-onhold-btn{background:#fff;font-weight:900;border:1px solid #616161;color:#616161;padding:10px 20px;border-radius:10px}.approval-bottom-container .approval-bottom-buttons .approval-decline-btn{border:1px solid #e74646;background:none;font-size:17px;line-height:22px;letter-spacing:.0015em;border-radius:10px;padding:10px 20px;color:#e74646;font-weight:500}.approval-bottom-container .approval-bottom-buttons .approval-approve-btn{font-size:18px;line-height:22px;letter-spacing:.0015em;background:#56b04e;border:none;padding:10px 20px;font-weight:700;font-size:17px;color:#fff;border-radius:10px}.no-orders{position:absolute;top:50%;left:40%}.comment-decline-header{display:flex;justify-content:center;margin:.75em 0}.comment-decline-body{display:flex;margin:1.4em}.comment-decline-bottom{display:flex;justify-content:center}.approval_container{display:flex;justify-content:space-between;width:80%}.request-history-modal-container .request-history-header{color:#5570f1;text-align:center}.request-history-modal-container .request-history-item{display:flex;width:100%;flex-direction:column;margin:2em .5em}.request-history-modal-container .request-history-item .request-history-item-details{border:"1px solid";border-radius:5px;width:40%;text-align:center;padding:6px}.request-history-modal-container .request-history-item .request-history-item-details p{padding:3px}.request-history-modal-container .same-user{align-items:flex-end}.request-history-modal-container .diff-user{align-items:flex-start}#time-line{display:flex;flex-direction:column;grid-gap:20px;gap:20px;flex-grow:1;padding:20px;overflow-x:auto}#time-line #time-line-header{display:flex;flex-direction:row}#time-line #time-line-header #time-line-header-left{max-width:300px;min-width:200px}#time-line #time-line-header #time-line-header-right{display:flex;flex-direction:row}#time-line #time-line-header #time-line-header-right .time-line-date{min-width:40px;max-width:40px}#time-line #time-line-body{display:flex;flex-direction:column;grid-gap:20px;gap:20px;overflow-x:hidden}#time-line #time-line-body .time-line-row{display:flex;flex-direction:row;height:50px;align-items:center;border-bottom:1px solid #ebebeb}#time-line #time-line-body .time-line-row .time-line-left{max-width:300px;min-width:200px}#time-line #time-line-body .time-line-row .time-line-left>:first-child{font-weight:700}#time-line #time-line-body .time-line-row .time-line-left>:nth-child(2){font-size:small}#time-line #time-line-body .time-line-row .time-line-right{background-color:#adc0a7;height:50px;color:#fff;padding:6px;position:relative;width:300px;border-radius:6px;display:flex;transform:translateX(-40px)}#time-line #time-line-body .time-line-row .time-line-right>:first-child{position:absolute;left:0;top:0;bottom:0;width:80%;background-color:#77966d;border-radius:6px}#time-line #time-line-body .time-line-row .time-line-right>:nth-child(2){position:absolute;top:0;left:0;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 10px}#time-line #time-line-body .time-line-row .time-line-right>:nth-child(2)>:first-child{font-weight:700;margin-bottom:2px;z-index:10}#time-line #time-line-body .time-line-row .time-line-right>:nth-child(2)>:nth-child(2){font-size:small;z-index:10}#time-line #time-line-body .time-line-row .time-line-right>:nth-child(3){position:absolute;right:0;bottom:0;top:0;display:flex;align-items:center;padding:0 10px}#time-line #time-line-body .time-line-row .time-line-right-quotation{background-color:#f7aaaa;height:50px;color:#fff;padding:6px;position:relative;width:300px;border-radius:6px;display:flex;transform:translateX(-40px)}#time-line #time-line-body .time-line-row .time-line-right-quotation>:first-child{position:absolute;left:0;top:0;bottom:0;width:80%;background-color:#e45c5c;border-radius:6px}#time-line #time-line-body .time-line-row .time-line-right-quotation>:nth-child(2){position:absolute;top:0;left:0;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 10px}#time-line #time-line-body .time-line-row .time-line-right-quotation>:nth-child(2)>:first-child{font-weight:700;margin-bottom:2px;z-index:10}#time-line #time-line-body .time-line-row .time-line-right-quotation>:nth-child(2)>:nth-child(2){font-size:small;z-index:10}#time-line #time-line-body .time-line-row .time-line-right-quotation>:nth-child(3){position:absolute;right:0;bottom:0;top:0;display:flex;align-items:center;padding:0 10px}.workerIcon path{stroke:#ebebeb}#table2{border-collapse:collapse;width:100%}#table2 td,#table2 th{border:0 solid #ddd;padding:8px}#table2 tr{border:1px solid #ddd;padding:8px}#table2 tr:nth-child(2n){background-color:#f2f2f2}#table2 tr:hover{background-color:#ddd}#table2 th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:"white";color:#000;text-align:center}#table1{border-collapse:collapse;width:100%}#table1 td,#table1 th{border:0 solid #ddd;padding:8px}#table1 tr{border:1px solid #ddd;padding:8px}#table1 tr:nth-child(2n){background-color:#f2f2f2}#table1 tr:hover{background-color:#ddd}#table1 th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:"white";color:#000;text-align:center}.order-heading-container{background-color:#fff8e1;display:flex;flex-direction:row;justify-content:space-between;padding:10px;border-radius:4px}.order-details{display:flex;width:88%;grid-gap:10px;gap:10px;flex-direction:column}.order-details .order-details-vendor{display:flex;flex-direction:row;grid-gap:10px;gap:10px}.order-details .order-details-vendor .order-details-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:30px;width:30px;border-radius:50%;border:1px solid #fdd34d}.order-details .order-heading-dates{display:flex;grid-gap:30px;gap:30px}.order-heading-amount{width:20%}.order-heading-amount,.order-heading-util{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.order-no-milestones{display:flex;flex-direction:column;align-items:center}.order-no-milestones .order-no-milestones-fetchmilestones-btn{font-size:1rem;border:none;background:#ffd34d;color:#000;padding:.75em;font-weight:600;border-radius:5px}.order-no-milestones .order-no-milestones-fetchmilestones-btn:hover{cursor:pointer}.milestone-pay-btn{display:inline-block;padding:7px;font-size:14px;font-weight:700;border:none;border-radius:30px;background-color:#5cb85c;color:#fff;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.milestone-pay-btn:hover{background-color:#4cae4c}.milestone-pay-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(92,184,92,.3)}.milestone-pay-btn:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.milestone-request-btn{display:inline-block;padding:7px;font-size:14px;font-weight:700;border:none;border-radius:30px;background-color:#f0f0f0;color:#333;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.milestone-request-btn:hover{background-color:#ddd}.milestone-request-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(40,40,226,.3)}.milestone-request-btn:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.slide-out-list{position:fixed;top:50%;left:50%;width:10px;height:10px;background-color:#fff;border:2px solid #4b4b4b;transform:translateY(-20%);transition:top .5s ease,left .5s ease}.slide-out-list.visible{top:25%;left:110%;width:300px;height:100%;z-index:10000}.slide-out-list ul{list-style:none;padding:0;margin:0}.slide-out-list li{padding:10px;border-bottom:1px solid #ddd}.chat-input-container{padding:16px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.input-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.message-input{flex-grow:1;min-height:40px;padding:8px 12px;border:1px solid #d1d5db;border-radius:20px;font-size:14px;resize:none}.message-input::placeholder{color:#9ca3af}.attach-button,.send-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:none;border-radius:50%;background-color:#e5e7eb;cursor:pointer;transition:background-color .2s}.attach-button:hover,.send-button:hover{background-color:#d1d5db}.attach-icon{font-size:24px;color:#6b7280;transform:rotate(45deg)}.send-icon{font-size:24px;color:#3b82f6}.collapse-button{display:block;width:100%;margin-top:12px;padding:8px;border:none;border-radius:4px;background-color:#e5e7eb;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.collapse-button:hover{background-color:#d1d5db}.mark-as-paid-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.mark-as-paid-btn:hover{background-color:#218838}.mark-as-paid-btn:active{transform:scale(.95)}.mark-as-paid-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(72,180,97,.5)}.modal-overlay{background-color:rgba(0,0,0,.5);z-index:100}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);height:90vh;max-width:90%;min-width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:auto}.modal-close{position:absolute;top:10px;right:10px;background:#f5f5f5;border:none;border-radius:50%;font-size:24px;cursor:pointer;color:#333;transition:color .3s ease,transform .3s ease,background .3s ease;z-index:1;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-close:hover{color:red;background:#e0e0e0;transform:scale(1.2)}.modal-close:active{transform:scale(1.1);background:#d0d0d0}.modal-title{padding:20px 30px;margin:0;color:#333;font-size:24px;border-bottom:1px solid #eee}.modal-body{flex-grow:1;overflow-y:auto;padding:20px 30px}.modal-body h3{margin-top:30px;margin-bottom:15px;color:#4caf50;font-size:20px}@media (max-width:768px){.modal-content{width:95%;height:95vh}.modal-title{font-size:20px}.modal-body,.modal-title{padding:15px 20px}.modal-body h3{font-size:18px}}.horizontal-form{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:15px;background-color:#fff;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.horizontal-form.header{background-color:#f0f0f0;font-weight:700;box-shadow:none}.form-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1 1;transition:border-color .3s ease}.date-input{width:180px}.date-input,.percentage-icon{flex:0 0 auto;padding-right:30px}.percentage-icon{width:150px}.invoice-button{flex:0 0 auto;width:90px;padding-right:30px}.date-input-name{flex:0 0 auto;width:300px;padding-right:30px}.form-input:focus{outline:none;border-color:#4caf50}.add-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.add-button:hover{background-color:#45a049}.sub-item{background-color:#f0f4f8;padding:10px 15px}.item-number{width:30px;text-align:center;font-weight:700}.status-indicator{display:flex;align-items:center;justify-content:center;width:50px}.status-icon{font-size:18px}.status-icon.completed{color:#4caf50}.status-icon.not-completed{color:#f44336}@media (max-width:768px){.horizontal-form{flex-direction:column;align-items:stretch}.add-button,.form-input{width:100%;margin-bottom:10px}}*{font-family:"Montserrat",sans-serif}#DashboardPage{display:flex;flex-direction:row;overflow:hidden;flex:1 1}#DashboardPage #dpmain{flex:1 1;display:flex;flex-direction:column;padding:40px 60px;grid-gap:20px;gap:20px}#DashboardPage #dpmain #dpmHeading{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#DashboardPage #dpmain #dpmHeading #dpmhTitle{font-weight:600;font-size:x-large;color:#353535;font-family:"Montserrat",sans-serif;text-decoration:underline;-webkit-text-decoration-color:#fdd34d;text-decoration-color:#fdd34d}#DashboardPage #dpmain #dpmFilterArea{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#DashboardPage #dpmain #dpmFilterArea #dpmFilter{display:flex;flex-direction:row;align-items:center;grid-gap:5px;gap:5px}#DashboardPage #dpmain #projectsHeader{height:45px;background-color:var(--staart-yellow);display:flex;flex-direction:row;align-items:center;font-size:small;font-weight:600;justify-content:space-between}#DashboardPage #dpmain ::-webkit-scrollbar{width:0}#DashboardPage #dpmain #projectsRow{flex:1 1;overflow-y:scroll;display:flex;flex-direction:column;grid-gap:20px;gap:20px}#DashboardPage #dpmain #projectsPagination{display:flex;justify-content:center}.activeItem:hover{opacity:.6}.projectRow{display:flex;flex-direction:column;border:.2px solid #c4c4c4;border-radius:10px}.projectRow .projectHeader{display:flex;flex-direction:row;font-size:small;font-weight:600;height:45px;align-items:center;justify-content:space-between}.projectRow .projectHeader>:nth-child(n){flex:1 1;text-align:center}.projectRow .projectHeader:hover{background-color:#ebecf0}.projectRow .projectDetails{padding:20px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{color:#000;padding:10px;border:1px solid #ccc;cursor:pointer;border-radius:4px;width:200px;height:50px;min-width:200px;font-size:16px}.dropdown-toggle,.dropdown-toggle:hover{background-color:#ebebf0}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;margin-top:5px;list-style:none;padding:0;min-width:200px}.dropdown-item{padding:10px;cursor:pointer}.dropdown-item:hover{background-color:#f1f1f1}.vehicles-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:20px;background-color:#fff;box-sizing:border-box;width:100%}.header-tabs-container{display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fff;margin-bottom:10px;padding:8px 0}.header-tabs{display:flex;grid-gap:0;gap:0;background:#f5f5f5;padding:6px;border-radius:12px;position:relative;min-height:44px}.header-tabs>div{position:relative;z-index:1;padding:10px 28px;border-radius:22px;font-weight:500;font-size:15px;color:#888;background:transparent;cursor:pointer;transition:color .2s,background .2s;outline:none;border:none;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:0 2px}.header-tabs>div.active{color:#222;font-weight:600}.header-tabs>div:focus{outline:none}.tab-indicator{position:absolute;top:6px;bottom:6px;border-radius:22px;background:#fdd34d;box-shadow:0 2px 8px rgba(253,211,77,.15);transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.header-actions{display:flex;align-items:center;grid-gap:16px;gap:16px}.more-actions-button{background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.more-actions-button:hover{background-color:rgba(0,0,0,.05)}.dropdown-menu{position:absolute;top:50px;right:0;background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.12);min-width:220px;z-index:30;overflow:hidden;animation:slideDown .2s ease-out}.dropdown-menu-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s}.dropdown-menu-item:hover{background-color:#f5f5f5}.dropdown-menu-item svg{color:#555}.dropdown-menu-item span{font-size:14px;color:#333;font-weight:500}.controls-section{display:flex;flex-direction:column;grid-gap:15px;gap:15px;margin-bottom:15px;position:-webkit-sticky;position:sticky;z-index:15;background:#fff}.search-row,.search-wrapper{width:100%}.search-wrapper input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.03)}.search-wrapper input:focus{outline:none;border-color:#fdd34d;box-shadow:0 0 0 3px rgba(253,211,77,.2)}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-right,.filters{display:flex;grid-gap:16px;gap:16px;align-items:center}.filters{flex-wrap:nowrap}.time-filter{padding:10px 32px 10px 16px;border-radius:8px;background-color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s ease;border:1px solid #e0e0e0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px;text-align:left;height:40px}.time-filter:hover{border-color:#333;background-color:#fff6da}.date-pickers{display:flex;grid-gap:12px;gap:12px;align-items:center;height:40px}.modern-date-picker{background-color:#fff;border-radius:8px;height:40px}.filters-container{position:relative}.filter-trigger,.filters-container{height:40px;display:flex;align-items:center}.filter-trigger{grid-gap:8px;gap:8px;padding:0 16px;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease;border:1px solid #e0e0e0}.filter-trigger:hover{background:#f5f5f5;border-color:#d0d0d0}.filter-trigger.active{border:2px solid #2196f3;background:rgba(33,150,243,.10196078431372549);font-weight:500;height:40px;padding:0 16px;box-shadow:0 0 0 2px rgba(33,150,243,.10196078431372549)}.action-button{background-color:#fff;color:#000;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;grid-gap:8px;gap:8px;text-transform:uppercase;letter-spacing:.5px;outline:none;height:40px}.action-button:hover{border-color:#333;background-color:#fff6da}.action-button:active{transform:scale(.98)}.filter-modal{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12);width:320px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.filter-header h3{margin:0;font-size:16px;color:#333;font-weight:500}.filter-header button{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px}.filter-header button:hover{background:#f5f5f5}.filter-content{padding:16px}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filter-section-title{font-size:14px;color:#666;font-weight:500}.select-all-btn{background:none;border:none;color:#1976d2;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.select-all-btn:hover{background:#f5f5f5}.filter-options{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:150px;overflow-y:auto;padding-right:8px}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.filter-option{display:flex;align-items:center;padding:6px 8px;border-radius:6px;transition:all .2s}.filter-option:hover{background:#f5f5f5}.filter-checkbox{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:4px;margin-right:10px;cursor:pointer;position:relative;transition:all .2s}.filter-checkbox:checked{background:#fdd34d;border-color:#fdd34d}.filter-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-label{font-size:14px;color:#333;cursor:pointer}.filter-count{margin-left:4px;color:#666;font-size:12px}.active-filters{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-top:12px;margin-bottom:12px;position:-webkit-sticky;position:sticky;top:120px;z-index:14;background:transparent;padding-bottom:10px}.filter-tag{background:rgba(253,211,77,.08235294117647059);border:1px solid #fdd34d;padding:4px 12px;border-radius:20px;font-size:13px;grid-gap:6px;gap:6px;color:#333;animation:fadeIn .2s ease-out}.filter-tag,.filter-tag button{display:flex;align-items:center}.filter-tag button{background:none;border:none;padding:0;cursor:pointer;font-size:16px;color:#666;justify-content:center}.filter-tag button:hover{color:#333}.table-wrapper{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:visible;background:#fff;width:100%}.table-scroll-container,.table-wrapper{display:block;position:relative}table{width:-webkit-max-content;width:max-content;height:auto;border-collapse:initial;border-spacing:0;position:relative}thead tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#fde8a5;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #fff;border-right:2px solid #fff;padding:12px 10px;color:#333;font-size:12px;height:36px;min-width:80px;overflow:visible}thead tr:nth-child(2) th{top:36px;z-index:9}thead tr:nth-child(2) th,thead tr:only-child th{position:-webkit-sticky;position:sticky;background-color:#f5f5f5;font-weight:600;color:#333;text-align:right;padding:12px 16px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;height:36px;min-width:80px}thead tr:only-child th{top:0;z-index:10}.group-header{background-color:#fde8a5;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #fff;border-right:2px solid #fff;height:36px}td{border-bottom:1px solid #f0f0f0;color:#333;transition:background .2s;white-space:nowrap;min-width:80px}.tdClass,td{padding:12px 16px;text-align:right;font-size:14px}.tdClass{border-bottom:1px solid #eee;max-width:500px;width:200px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}tr:nth-child(2n){background-color:#fafafa}tr:hover{background-color:#f5f5f5}.description-container{display:flex;align-items:center;justify-content:space-between}.add-vehicle-button{position:relative;overflow:hidden}.add-vehicle-button:hover{background-color:#e5b925!important}.add-vehicle-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-vehicle-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:.5s}.add-vehicle-button:hover:before{left:100%}.add-vehicle-button svg{transition:transform .3s ease}.export-button{height:40px;transition:all .3s}.export-button:hover{background-color:#e5b925!important}.export-button:active{transform:scale(.98)}.recalculate-button{height:40px;transition:all .3s}.recalculate-button:hover{background-color:#e5b925!important}.recalculate-button:active{transform:scale(.98)}.status-badge.active{background-color:#e6f4ea;color:#1e7e34}.status-badge.inactive{background-color:#feeced;color:#dc3545}.date-filter-info{margin-bottom:12px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:8px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#fdd34d;border-radius:50%;animation:spin 1s linear infinite}.table-scroll-container::-webkit-scrollbar{height:12px;width:12px;display:block}.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px;margin:0 8px 8px 0}.table-scroll-container::-webkit-scrollbar-thumb{background:#fdd34d;border-radius:6px;border:3px solid #f1f1f1}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#e5b925}.table-scroll-container table{position:relative}.table-scroll-container thead{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:#fff}@media (max-width:1200px){.header-tabs-container{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.header-actions{width:100%;justify-content:flex-end}}@media (max-width:768px){.controls-section{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.search-wrapper{max-width:100%}.controls-right{flex-wrap:wrap}.date-pickers,.filters{flex-direction:column;width:100%}.date-pickers{height:auto}.header-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.header-tabs::-webkit-scrollbar{display:none}.header-tabs>div{padding:8px 16px;font-size:13px}.table-wrapper{height:100vh}thead tr:nth-child(2) th{top:36px}.header-actions{flex-wrap:wrap;grid-gap:8px;gap:8px}.action-button{font-size:12px;padding:8px 12px}}html{scroll-behavior:smooth}.MuiDatePicker-root{background-color:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.MuiDatePicker-root,.MuiInputBase-root{border-radius:8px!important}.ReactVirtualized__Table__headerRow{font-weight:700}.ReactVirtualized__Table__headerRow,.ReactVirtualized__Table__row{display:flex;flex-direction:row;align-items:center}.ReactVirtualized__Table__headerTruncatedText{display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ReactVirtualized__Table__headerColumn,.ReactVirtualized__Table__rowColumn{margin-right:10px;min-width:0}.ReactVirtualized__Table__rowColumn{text-overflow:ellipsis;white-space:nowrap}.ReactVirtualized__Table__headerColumn:first-of-type,.ReactVirtualized__Table__rowColumn:first-of-type{margin-left:10px}.ReactVirtualized__Table__sortableHeaderColumn{cursor:pointer}.ReactVirtualized__Table__sortableHeaderIconContainer{display:flex;align-items:center}.ReactVirtualized__Table__sortableHeaderIcon{flex:0 0 24px;height:1em;width:1em;fill:currentColor}.table-scroll-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background-color:#fff}.group-header-cell{background-color:#f0f0f0;font-weight:700;text-align:center;border-bottom:1px solid #ddd}.header-cell{background-color:#f5f5f5;font-weight:700;border-bottom:2px solid #e0e0e0;padding:10px 8px}.cell-content{display:flex;align-items:center;height:100%;padding:8px;overflow:hidden;text-overflow:ellipsis}.highlighted-text{background-color:#fdd34d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.1)}.modal-header{background:#fdd34d;padding:16px 20px;border-radius:8px 8px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{font-size:16px;color:#333}.close-button{padding:6px!important}.modal-body{padding:16px}.maintenance-section{background:#fff;border:1px solid #eee;border-radius:6px;margin-bottom:16px}.maintenance-summary{padding:12px 16px;background:#fff;border-bottom:1px solid #eee}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3{margin:0;font-size:14px;font-weight:600;color:#333}.total-cost{background:#fdd34d;color:#333;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.summary-details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.summary-item{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.summary-item label{color:#666;font-size:12px;font-weight:500}.summary-item span{font-size:13px;font-weight:500;color:#333}.service-history{padding:12px 16px}.service-history h4{color:#333;margin:0 0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;grid-gap:8px;gap:8px}.service-history h4:after{content:"";flex:1 1;height:1px;background:#eee}.maintenance-table{width:100%;border-collapse:collapse;font-size:13px}.maintenance-table th{background:#fff;color:#666;font-weight:600;text-align:left;padding:8px;border-bottom:2px solid #fdd34d}.maintenance-table td{padding:8px;border-bottom:1px solid #eee;color:#333}.maintenance-table tr:last-child td{border-bottom:none}.maintenance-table tbody tr:hover{background:#fff9e6}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#fdd34d;border-radius:4px}.maintenance-table tbody tr td:nth-child(4){font-weight:600}.breakdown-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.breakdown-item{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}.breakdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f8f8}.breakdown-cost{font-weight:600;font-size:14px;color:#333}.breakdown-details{padding:16px}.breakdown-info .reason{margin:0 0 12px;font-size:14px;color:#333}.timestamps{display:flex;grid-gap:16px;gap:16px;font-size:12px;color:#666}.breakdown-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.breakdown-images img{width:100%;height:120px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s}.breakdown-table-container{overflow-x:auto}.breakdown-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.breakdown-table th{background:#f8f8f8;color:#333;font-weight:600;text-align:left;padding:12px;border-bottom:2px solid #fdd34d;white-space:nowrap}.breakdown-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:middle}.breakdown-table tr:hover{background-color:#fff9e6}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;text-align:center;min-width:80px}.image-thumbnails{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.image-thumbnail-wrapper{width:40px;height:40px;border-radius:4px;overflow:hidden;cursor:pointer}.image-thumbnail-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-thumbnail-wrapper:hover img{transform:scale(1.1)}@media (max-width:768px){.breakdown-table{font-size:12px}.breakdown-table td,.breakdown-table th{padding:8px}}.description-cell{max-width:300px}.description-content{max-height:100px;overflow-y:auto;padding-right:10px;white-space:normal!important;word-break:break-word}.description-content::-webkit-scrollbar{width:6px}.description-content::-webkit-scrollbar-track{background:#f5f5f5}.description-content::-webkit-scrollbar-thumb{background:#fdd34d;border-radius:3px}.image-count{position:absolute;top:-8px;right:-8px;background-color:#fdd34d;color:#333;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:500}.image-preview-overlay{background-color:hsla(0,0%,100%,.95)}.image-preview-content{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#f5f5f5;border-bottom:1px solid #eee}.preview-title{font-size:14px;font-weight:500;color:#333}.image-main-preview{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;position:relative}.image-main-preview img{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain}.image-thumbnails-preview{display:flex;grid-gap:10px;gap:10px;padding:20px;overflow-x:auto;background:#fff;border-top:1px solid #eee;height:120px}.thumbnail{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:all .2s ease}.modal-content-wrapper{padding:16px}.description-cost-section{background:#f5f5f5;border-radius:4px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px}.cost-section,.description-section{padding:12px 16px}.label{font-size:12px;color:#666;display:block;margin-bottom:4px}.value{font-size:14px;color:#333;margin:0;font-weight:500}.main-image-section{margin-bottom:16px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px;overflow:hidden}.main-image-section img{max-width:100%;max-height:300px;object-fit:contain}.thumbnails-section{display:flex;grid-gap:8px;gap:8px;overflow-x:auto;padding-bottom:8px}.thumbnail.active{border-color:#fdd34d}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{transform:translateY(-2px)}.thumbnails-section::-webkit-scrollbar{height:4px}.thumbnails-section::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.thumbnails-section::-webkit-scrollbar-thumb{background:#fdd34d;border-radius:2px}.nav-button{padding:4px!important;color:#666!important}.nav-button:hover{color:#333!important;background-color:rgba(0,0,0,.04)!important}.compact-preview-modal{animation:modalSlideIn .2s ease-out}@media (max-width:768px){.compact-preview-modal{width:95vw}.main-image-section img{max-height:250px}.description-cost-section{grid-template-columns:1fr;grid-gap:8px;gap:8px}.thumbnail{width:50px;height:50px}}@media (max-width:768px){.image-preview-content{padding:0}.preview-header{padding:8px 12px}.preview-title{font-size:14px}.image-main-preview{padding:12px}.image-thumbnails-preview{padding:12px;height:100px}.thumbnail{width:60px;height:60px}}.compact-preview-modal{background:#fff;border-radius:8px;width:600px;max-width:90vw;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-main-preview img{animation:imageLoad .3s ease-out}@keyframes imageLoad{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:15px;font-size:14px}.breakdown-table-container::-webkit-scrollbar{height:8px}.breakdown-table-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.breakdown-table-container::-webkit-scrollbar-thumb{background:#fdd34d;border-radius:4px}.breakdown-images img:hover{transform:scale(1.05)}.modal-content{animation:modalFadeIn .2s ease-out}@media (max-width:768px){.summary-details{grid-template-columns:repeat(2,1fr)}.maintenance-table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:480px){.summary-details{grid-template-columns:1fr}.modal-content{width:95%}}.virtualized-table-container{min-width:unset;width:100%;height:calc(100vh - 180px)!important;background:#fff;border-radius:16px;overflow-y:hidden;display:flex;flex-direction:column}.virtual-table-header{background:#f8fafc;border-bottom:2px solid #e9ecef;position:-webkit-sticky;position:sticky;top:0;z-index:10;overflow:hidden}.virtual-table-header-row{display:flex;align-items:center;min-height:60px;padding:0;margin:0;border:none;background:#fff9db;flex:0 0 auto}.virtual-table-header-cell{display:flex;align-items:center;padding:22px 24px;font-weight:700;font-size:17px;color:#22223b;text-align:left;border-right:1px solid #e9ecef;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff9db;transition:background .2s}.virtual-table-header-cell:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.virtual-table-header-cell:last-child{border-right:none;border-top-right-radius:16px;border-bottom-right-radius:16px}.virtual-table-row{display:flex;align-items:center;min-height:72px;transition:background .2s}.virtual-table-row.odd-row{background-color:#fff}.virtual-table-row.even-row{background-color:#f6f8fa}.virtual-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:18px 24px;min-height:72px;display:flex;align-items:center;box-sizing:border-box;border-right:1px solid #f0f0f0;font-size:17px;transition:background .2s,color .2s;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.virtual-table-cell:last-child{border-right:none}.virtual-table-cell.purpose-cell{white-space:normal;word-break:break-word;overflow-wrap:break-word}.virtualized-table-container::-webkit-scrollbar{height:10px;background:#f1f1f1;border-radius:8px}.virtualized-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.daily-report-table .virtual-table-header-cell{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #007bff"]{border-left:3px solid #007bff!important}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #007bff"]:before{content:"ENGINE 1";position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#007bff;padding:3px 10px;border-radius:12px;white-space:nowrap;border:1px solid #007bff;box-shadow:0 2px 4px rgba(0,123,255,.2)}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #28a745"]{border-left:3px solid #28a745!important}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #28a745"]:before{content:"ENGINE 2";position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#28a745;padding:3px 10px;border-radius:12px;white-space:nowrap;border:1px solid #28a745;box-shadow:0 2px 4px rgba(40,167,69,.2)}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #ffc107"]{border-left:3px solid #ffc107!important}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #ffc107"]:before{content:"DISTANCE";position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#856404;padding:3px 10px;border-radius:12px;white-space:nowrap;border:1px solid #ffc107;box-shadow:0 2px 4px rgba(255,193,7,.2)}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #dc3545"]{border-left:3px solid #dc3545!important}.daily-report-table .virtual-table-header-cell[style*="border-left: 2px solid #dc3545"]:before{content:"FUEL & COST";position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#dc3545;padding:3px 10px;border-radius:12px;white-space:nowrap;border:1px solid #dc3545;box-shadow:0 2px 4px rgba(220,53,69,.2)}.daily-report-table .virtual-table-header{min-height:85px;padding-top:28px;border-bottom:3px solid #e9ecef}.daily-report-table .virtual-table-cell{font-size:13px;transition:all .2s ease}.daily-report-table .virtual-table-cell:hover{background-color:rgba(0,123,255,.05);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.daily-report-table .virtual-table-cell.number-cell{font-family:"Segoe UI","Monaco","Consolas",monospace;font-weight:500}.daily-report-table .virtual-table-cell.number-cell[title^=₹]{color:#28a745;font-weight:600;border-left:2px solid #28a745;padding-left:10px}.daily-report-table .virtual-table-cell.number-cell[title="0"],.daily-report-table .virtual-table-cell.number-cell[title="-"],.daily-report-table .virtual-table-cell.number-cell[title="₹0.00"]{color:#dc3545;font-style:italic;background:rgba(220,53,69,.05)}.daily-report-table .virtual-table-cell.date-cell{font-family:"Segoe UI","Monaco","Consolas",monospace;color:#495057;font-weight:500}.daily-report-table .virtual-table-cell.purpose-cell{line-height:1.4;padding:10px 12px}.daily-report-table .virtual-table-cell.purpose-cell::-webkit-scrollbar{width:4px}.daily-report-table .virtual-table-cell.purpose-cell::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.daily-report-table .virtual-table-cell.purpose-cell::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.daily-report-table .virtual-table-cell:has-text("-"){color:#adb5bd;font-style:italic}@media(max-width:1400px){.virtualized-table-container{min-width:1200px}.virtual-table-cell,.virtual-table-header-cell{font-size:15px;padding:12px 10px}}@media(max-width:992px){.virtualized-table-container{min-width:900px}.virtual-table-cell,.virtual-table-header-cell{font-size:13px;padding:8px 6px}}@media print{.daily-report-table .virtual-table-container{box-shadow:none;border:1px solid #000}.daily-report-table .virtual-table-cell,.daily-report-table .virtual-table-header-cell{border:1px solid #000;font-size:10px;padding:4px}.daily-report-table .virtual-table-row:hover{background-color:transparent!important}}.virtual-table-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6c757d;font-size:16px}.daily-report-table .virtual-table-loading{background:#f8f9fa;border-radius:8px}.daily-report-table .virtual-table-loading:after{content:"Loading daily reports...";color:#6c757d;font-style:italic}.highlighted-text{background-color:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px;font-weight:600}.virtual-table-scroll-inner{width:100%;min-width:100%;display:flex;flex-direction:column;flex:1 1 auto;height:100%}.virtual-table-scroll-inner>div{scrollbar-width:none;-ms-overflow-style:none}.virtual-table-scroll-inner>div::-webkit-scrollbar{display:none}.virtual-table-body{flex:1 1 auto;overflow-x:auto;overflow-y:auto}.service-schedule-table .virtual-table-header-cell{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;background:#fff9db;padding:22px 24px}.service-schedule-table .virtual-table-header{min-height:85px;padding-top:28px;border-bottom:3px solid #e9ecef}.service-schedule-table .virtual-table-cell{font-size:13px;padding:18px 24px;transition:all .2s ease}.service-schedule-table .virtual-table-cell:hover{background-color:rgba(0,123,255,.05);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.service-schedule-table .virtual-table-cell.number-cell{font-family:"Segoe UI","Monaco","Consolas",monospace;font-weight:500}.service-schedule-table .virtual-table-cell.number-cell[title^=₹]{color:#28a745;font-weight:600;border-left:2px solid #28a745;padding-left:10px}.service-schedule-table .virtual-table-cell.number-cell[title="0"],.service-schedule-table .virtual-table-cell.number-cell[title="-"],.service-schedule-table .virtual-table-cell.number-cell[title="₹0.00"]{color:#dc3545;font-style:italic;background:rgba(220,53,69,.05)}.service-schedule-table .virtual-table-cell.date-cell{font-family:"Segoe UI","Monaco","Consolas",monospace;color:#495057;font-weight:500}.service-schedule-table .virtual-table-cell.purpose-cell{line-height:1.4;padding:10px 12px}.service-schedule-table .virtual-table-cell.purpose-cell::-webkit-scrollbar{width:4px}.service-schedule-table .virtual-table-cell.purpose-cell::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.service-schedule-table .virtual-table-cell.purpose-cell::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.service-schedule-table .virtual-table-row{min-height:70px}.service-schedule-table .virtual-table-cell:has-text("-"){color:#adb5bd;font-style:italic}.additional-info-wrapper{width:100%;background:linear-gradient(135deg,#fffbeb,#fef7e5);border:1px solid #fed7aa;border-radius:8px;margin:8px 0;overflow:hidden;box-shadow:0 1px 4px rgba(251,146,60,.1)}.grouped-additional-info{background:#f9fafb!important;border:none!important;border-left:var(--grouped-accent,3px solid #10b981)!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin:0!important;box-shadow:none!important;padding-top:2px!important;padding-bottom:0!important}.info-header{background:linear-gradient(135deg,#fb923c,#ea580c);padding:6px 10px;border-bottom:1px solid #fed7aa}.info-title{color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;grid-gap:4px;gap:4px}.info-content{padding:10px 12px}.info-section{margin-bottom:8px}.info-section:last-child{margin-bottom:0}.section-title{font-weight:700;color:#c2410c;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid #fed7aa}.info-row{display:flex;grid-gap:8px;gap:8px;margin-bottom:4px}.info-row:last-child{margin-bottom:0}.info-item{flex:1 1;display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background-color:hsla(0,0%,100%,.6);border-radius:4px;min-height:20px}.info-item.full-width{flex:1 1}.info-label{font-weight:600;color:#c2410c;font-size:9px;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.info-value{color:#7c2d12;font-size:10px;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.info-item.full-width .info-value{max-width:none}.dropdown-container{display:flex;flex-direction:column;grid-gap:4px;gap:4px;width:250px}.dropdown-label{font-size:14px;color:#6e6e6e;font-weight:500}.dropdown{padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;-webkit-appearance:none;appearance:none;background:#fff url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="gray" d="M2 0L0 2h4z"/></svg>') no-repeat right 12px center;background-size:12px;outline:none;cursor:pointer}.dropdown:hover{border-color:#999}.dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.dropdown option{font-size:16px;padding:8px}body,html{background-color:#f9fafb}.entry-logs-container{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.header-container{width:100%;padding:20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;z-index:100}.header-with-back-button{display:flex;align-items:center}.back-button{margin-right:16px;color:#495057;border-radius:50%}.back-icon{font-size:22px}.header-text{flex:1 1}.date-selector-container{min-width:360px}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(1turn)}}.table-container{flex:1 1;position:relative;overflow:hidden;height:calc(100vh - 100px);width:100vw;margin:0;padding:0}.table-scroll-container{height:100%;overflow:auto;margin:0;padding:0}.entry-logs-table{width:100%;border-collapse:initial;border-spacing:0;font-size:14px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.entry-logs-table td,.entry-logs-table th{padding:16px;text-align:center;border-bottom:1px solid #e5e7eb;height:60px;box-sizing:border-box}.entry-logs-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:#fff}.entry-logs-table th{background-color:#fff;color:#1f2937;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05)}.project-column{min-width:250px;width:250px;text-align:left;background-color:#fff!important;box-shadow:4px 0 8px -4px rgba(0,0,0,.1)}.entry-logs-table th.project-column,.project-column{position:-webkit-sticky;position:sticky;left:0;z-index:60}.date-column{min-width:140px;width:140px}.filler-cell,.filler-column{width:100%;min-width:50px;border-bottom:1px solid #e5e7eb}.date-header{display:flex;flex-direction:column;align-items:center}.weekday{font-weight:700;margin-bottom:4px;color:#4a6cf7}.full-date{font-size:13px;color:#6b7280}.project-name{min-width:250px;width:250px;text-align:left;font-weight:600;position:-webkit-sticky;position:sticky;left:0;z-index:40;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:4px 0 8px -4px rgba(0,0,0,.1);height:60px;box-sizing:border-box}.even-row .project-name{background-color:#fff}.odd-row .project-name{background-color:#f9fafb}.project-column:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#fff}.entry-logs-table tr{height:60px}.entry-cell{vertical-align:middle;height:60px}.entry-cell:hover .entry-value{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.entry-value{font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;height:36px;transition:all .2s ease}.even-row{background-color:#fff}.odd-row{background-color:#f9fafb}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f1f1}@media (max-width:768px){.entry-logs-container{overflow-y:auto;height:auto}.header-container{padding:16px}.table-container{height:auto;overflow:visible}.table-scroll-container{overflow-x:auto;overflow-y:visible}.entry-logs-table{font-size:13px}.entry-logs-table td,.entry-logs-table th{padding:12px 8px}.project-column,.project-name{min-width:160px;width:160px}.date-column{min-width:100px;width:100px}}.billing-container{background-color:#fff;height:100vh;font-family:"Poppins",sans-serif}.billing-container,.billing-container .billing-content{display:flex;flex-direction:column;width:100%;overflow:hidden}.billing-container .billing-content{padding:1rem;height:100%}.billing-container .billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.billing-container .billing-header .header-buttons{display:flex;grid-gap:10px;gap:10px;margin-right:30px}.billing-container .billing-header .billing-title{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.billing-container .billing-header .billing-title h1{font-size:1.5rem;font-weight:600;margin:0;color:#333}.billing-container .billing-header .billing-title .project-selector{margin-left:10px;position:relative}.billing-container .billing-header .billing-title .project-selector:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,rgba(253,211,77,.2),rgba(253,211,77,.05));border-radius:10px;z-index:0;opacity:0;transition:opacity .3s ease}.billing-container .billing-header .billing-title .project-selector:hover:before{opacity:1}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root{border-radius:8px;transition:all .2s ease;font-size:.9rem}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root{border-radius:8px;padding:0 8px}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:8px 10px;height:24px;font-weight:500;letter-spacing:.2px}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:rgba(253,211,77,.5);transition:border-color .2s ease}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fdd34d}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fdd34d;border-width:1.5px}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment{right:6px}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment .MuiAutocomplete-popupIndicator{padding:2px;color:#888;transition:transform .2s ease}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused .MuiAutocomplete-popupIndicator{transform:rotate(180deg);color:#fdd34d}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiInputLabel-outlined{color:#666;font-size:.85rem;transform:translate(14px,12px) scale(1);transition:color .2s ease,transform .2s ease}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiInputLabel-outlined.MuiInputLabel-shrink{transform:translate(14px,-6px) scale(.75);color:#555}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiInputLabel-outlined.Mui-focused{color:#333;font-weight:500}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:5px}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper .MuiAutocomplete-listbox{padding:6px 0}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option{padding:8px 14px;min-height:auto;font-size:.9rem;transition:background-color .2s ease}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true]{background-color:rgba(253,211,77,.15);color:#333;font-weight:500}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option:hover{background-color:rgba(253,211,77,.08)}.billing-container .billing-header .billing-actions{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.billing-container .billing-header .billing-actions .action-btn .icon-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem 1rem;color:#333;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.85rem}.billing-container .billing-header .billing-actions .action-btn .icon-btn:hover{background-color:#f5f5f5}.billing-container .billing-header .billing-actions .notifications{position:relative;width:24px;height:24px}.billing-container .billing-header .billing-actions .notifications .notification-badge{position:absolute;top:-5px;right:-5px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.billing-container .filter-bar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:10;grid-gap:1.25rem;gap:1.25rem;margin-bottom:1rem}.billing-container .filter-bar .filter-group{position:relative}.billing-container .filter-bar .filter-group .filter-btn{background:none;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#555;font-size:.9rem;padding:.6rem .9rem;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.billing-container .filter-bar .filter-group .filter-btn .filter-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#fdd34d;color:#333;font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;padding:6px;margin-left:4px}.billing-container .filter-bar .filter-group .filter-btn .filter-tag{display:inline-flex;align-items:center;background-color:#fffaeb;color:#333;font-size:.75rem;font-weight:500;padding:3px 10px;border-radius:4px;border:1px solid #fdd34d;margin-left:4px}.billing-container .filter-bar .filter-group .filter-btn:hover{background-color:#f8f8f8;color:#222}.billing-container .filter-bar .filter-group .filter-btn.active{color:#222;font-weight:500;background-color:#fffaeb;border-color:#fdd34d;padding:16px}.billing-container .filter-bar .filter-group .filter-btn svg{font-size:1.1rem;transition:transform .2s ease}.billing-container .filter-bar .filter-group .filter-btn:hover svg{transform:scale(1.1)}.billing-container .filter-bar .date-filter{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.billing-container .filter-bar .date-filter .date-input{display:flex;flex-direction:column}.billing-container .filter-bar .date-filter .date-input label{font-size:.75rem;color:#666;margin-bottom:.25rem;font-weight:500;padding-left:2px}.billing-container .filter-bar .date-filter .date-input .date-field{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:8px;padding:.6rem .85rem;cursor:pointer;transition:all .2s ease;background-color:#f9f9f9}.billing-container .filter-bar .date-filter .date-input .date-field:hover{border-color:#fdd34d;background-color:#fffbf0}.billing-container .filter-bar .date-filter .date-input .date-field input{border:none;outline:none;width:100px;font-size:.85rem;cursor:pointer;background:transparent}.billing-container .filter-bar .date-filter .date-input .date-field svg{color:#888;margin-left:.25rem;transition:transform .2s ease}.billing-container .filter-bar .date-filter .date-input .date-field:hover svg{transform:scale(1.1);color:#666}.billing-container .filter-bar .date-filter .clear-filter-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#888;cursor:pointer;padding:8px;margin-top:20px;border-radius:50%;transition:all .2s ease}.billing-container .filter-bar .date-filter .clear-filter-btn:hover{background-color:#f0f0f0;color:#333;transform:rotate(90deg)}.billing-container .filter-bar .search-box{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:8px;padding:.6rem .85rem;width:30vw;background-color:#f9f9f9;transition:all .2s ease;position:relative}.billing-container .filter-bar .search-box:focus-within,.billing-container .filter-bar .search-box:hover{border-color:#fdd34d;box-shadow:0 0 0 3px rgba(253,211,77,.1);background-color:#fff}.billing-container .filter-bar .search-box input{border:none;outline:none;width:100%;font-size:.9rem;padding:.25rem 0;background-color:transparent}.billing-container .filter-bar .search-box input::placeholder{color:#aaa;transition:color .2s ease}.billing-container .filter-bar .search-box input:focus::placeholder{color:#bbb}.billing-container .filter-bar .search-box svg{color:#888;font-size:1.1rem;margin-left:.5rem;transition:color .2s ease}.billing-container .filter-bar .search-box:focus-within svg{color:#fdd34d}.billing-container .bill-type-tabs{display:flex;margin-bottom:.5rem;align-items:center}.billing-container .bill-type-tabs .bill-type-label{font-size:.9rem;color:#666;margin-right:1rem;font-weight:500}.billing-container .bill-type-tabs .bill-type-tab{margin-bottom:10px;padding:.75rem 2rem;background-color:#e0e0e0;cursor:pointer;font-weight:500;border-radius:10px;margin-right:.75rem;font-size:.9rem;min-width:150px;text-align:center;height:40px}.billing-container .bill-type-tabs .bill-type-tab.active{background-color:#fdd34d;color:#333}.billing-container .no-bills{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:#666;flex-grow:1}.billing-container .no-bills p{margin-bottom:1.5rem}.billing-container .no-bills .loading-text{margin-top:15px;color:#555;font-weight:500}.billing-container .no-bills .generate-btn{background-color:#fdd34d;border:none;border-radius:4px;padding:.5rem 1.5rem;font-weight:500;cursor:pointer}.billing-container .no-bills .generate-btn:hover{background-color:#fcc52c}.billing-container .no-bills.loading-only{position:relative;padding:2rem 0}.billing-container .no-bills.loading-only p{color:#777;margin-bottom:0;font-style:italic;position:relative;padding-left:8px}.billing-container .no-bills.loading-only p:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:80%;background-color:#fdd34d;border-radius:2px}.billing-container .bills-list-container{flex-grow:1;overflow:hidden;position:relative;height:calc(100vh - 200px)}.billing-container .bills-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;overflow-y:auto;max-height:100%;padding-right:.5rem;padding-bottom:2rem;position:absolute;top:0;bottom:0;left:0;right:0}.billing-container .bills-list::-webkit-scrollbar{width:12px}.billing-container .bills-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.billing-container .bills-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.billing-container .bills-list::-webkit-scrollbar-thumb:hover{background:#666}.billing-container .bills-list .bill-card{background-color:#fff;border-radius:12px;overflow:visible;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1rem;transition:all .2s ease;border:2px solid #fcd24e}.billing-container .bills-list .bill-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.15)}.billing-container .bills-list .bill-card .bill-card-header{border-top-right-radius:10px;border-top-left-radius:10px;display:flex;align-items:stretch;background-color:#ffe9a2}.billing-container .bills-list .bill-card .bill-card-header .status-indicator{width:6px;flex-shrink:0}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-approved{background-color:#4caf50}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-declined{background-color:#f44336}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-requested{background-color:#ff9800}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-draft{background-color:#e91e63}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-pending{background-color:#ff5722}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-paid{background-color:#0c5460}.billing-container .bills-list .bill-card .bill-card-header .status-indicator.status-checked{background-color:#ff9800}.billing-container .bills-list .bill-card .bill-card-header .bill-info{padding:1rem;flex-grow:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number{font-weight:500;margin-bottom:.25rem;font-size:.9rem;display:flex;align-items:center}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number>*{flex-shrink:0}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .red-circle-indicator{background-color:#f44336}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .orange-circle-indicator,.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .red-circle-indicator{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;border-radius:50%!important;display:inline-block!important;margin-right:8px;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;position:relative;vertical-align:middle;transform:none!important;aspect-ratio:1/1!important;overflow:hidden!important;border:none!important;padding:0!important;margin-left:0!important;margin-top:0!important;margin-bottom:0!important}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .orange-circle-indicator{background-color:#ff9800}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;border-radius:50%!important;display:inline-block!important;margin-right:8px;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;position:relative;vertical-align:middle;transform:none!important;aspect-ratio:1/1!important;overflow:hidden!important;border:none!important;padding:0!important;margin-left:0!important;margin-top:0!important;margin-bottom:0!important}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-approved{background-color:#4caf50}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-declined{background-color:#f44336}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-requested{background-color:#ff9800}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-draft{background-color:#e91e63}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-pending{background-color:#ff5722}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .circle-indicator.status-paid{background-color:#0c5460}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number .po-status{font-weight:400;font-style:italic;margin-left:4px;color:#666;font-size:.85rem}.billing-container .bills-list .bill-card .bill-card-header .bill-info .bill-date{font-size:.8rem;color:#666}.billing-container .bills-list .bill-card .bill-card-header .bill-actions{display:flex;align-items:center;padding:0 1rem}.billing-container .bills-list .bill-card .bill-card-header .bill-actions .more-options{background:none;border:none;cursor:pointer;color:#666}.billing-container .bills-list .bill-card .bill-card-header .bill-actions .more-options:hover{color:#000}.billing-container .bills-list .bill-card .bill-related-info{padding:.5rem 1rem;background-color:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee}.billing-container .bills-list .bill-card .bill-related-info .related-bills{font-size:.85rem;color:#555;font-weight:500}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #eee}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item:last-child{border-bottom:none}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-id{font-weight:500}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-amount{color:#1890ff;font-weight:600}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status{padding:3px 8px;border-radius:12px;font-size:.75rem}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status.status-approved{background-color:#e8f5e9;color:#4caf50}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status.status-checked{background-color:#fff3e0;color:#ff9800}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status.status-raised{background-color:#e3f2fd;color:#2196f3}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status.status-draft{background-color:#fce4ec;color:#e91e63}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item .bill-status.status-pending{background-color:#ffebee;color:#ff5722}.billing-container .bills-list .bill-card .bill-remarks{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#555}.billing-container .bills-list .bill-card .bill-remarks .remarks-label{font-weight:500;margin-right:.5rem}.billing-container .bills-list .bill-card .bill-remarks .generate-bill-btn-inline{background-color:#223c7d;border:none;border-radius:8px;padding:.7rem 1.5rem;font-weight:500;font-size:.8rem;color:#fff;cursor:pointer;margin-left:auto}.billing-container .bills-list .bill-card .bill-remarks .generate-bill-btn-inline:hover{background-color:#cad6ff;color:#333;transform:scale(1.02);transition:all .2s ease}.billing-container .bills-list .bill-card .bill-details{padding:1rem;border-radius:10px}.billing-container .bills-list .bill-card .bill-details .bill-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.billing-container .bills-list .bill-card .bill-details .bill-section-header h3{font-size:1rem;font-weight:600;margin:0;color:#333}.billing-container .bills-list .bill-card .bill-details .table-wrapper{border-radius:10px;overflow:hidden;border:1px solid #eee;margin-bottom:15px}.billing-container .bills-list .bill-card .bill-details .bill-items-table{width:100%;border-collapse:initial;border-spacing:0;font-size:14px;background-color:#fff;position:relative;z-index:0;table-layout:fixed;margin-bottom:0;border:none}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table{table-layout:fixed!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:first-child,.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:first-child{width:10%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(2),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(2){width:8%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(3),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(3){width:9%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(4),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(5),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(4),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(5){width:12%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(6),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(6){width:8%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(7),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(7){width:15%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(8),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(8){width:10%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(9),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table td:nth-child(10),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(9),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(10){width:8%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table th{background-color:#ffe9a2;text-align:left;padding:.75rem .5rem;font-size:.8rem;font-weight:500;color:#495057;position:-webkit-sticky;position:sticky;top:0;z-index:0;border:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-container .bills-list .bill-card .bill-details .bill-items-table th:first-child{border-top-left-radius:8px}.billing-container .bills-list .bill-card .bill-details .bill-items-table th:last-child{border-top-right-radius:8px}.billing-container .bills-list .bill-card .bill-details .bill-items-table tr:last-child td:first-child{border-bottom-left-radius:8px}.billing-container .bills-list .bill-card .bill-details .bill-items-table tr:last-child td:last-child{border-bottom-right-radius:8px}.billing-container .bills-list .bill-card .bill-details .bill-items-table td{text-align:left;padding:.75rem .5rem;border:1px solid #eee;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;height:60px;max-height:60px}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name{display:flex;align-items:flex-start;grid-gap:.75rem;gap:.75rem}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name .modern-checkbox{margin-top:3px}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name>div:last-child{flex:1 1;min-width:0}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name .item-title{font-weight:600;margin-bottom:.25rem;white-space:normal;line-height:1.3;color:#333}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name .item-desc{font-size:.8rem;color:#666;white-space:normal;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.billing-container .bills-list .bill-card .bill-details .bill-items-table tbody tr.selected-row{background-color:rgba(34,60,125,.08)!important;border-left:3px solid #223c7d}.billing-container .bills-list .bill-card .bill-details .bill-items-table tbody tr.selected-row:hover{background-color:rgba(34,60,125,.12)!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table tbody tr:hover{background-color:#f9f9f9}.billing-container .bills-list .bill-card .bill-details .bill-items-table td:first-child,.billing-container .bills-list .bill-card .bill-details .bill-items-table th:first-child{width:12%}.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(2),.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(3),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(2),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(3){width:10%}.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(4),.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(5),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(4),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(5){width:15%}.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(6),.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(7),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(6),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(7){width:12%}.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(8),.billing-container .bills-list .bill-card .bill-details .bill-items-table td:nth-child(9),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(8),.billing-container .bills-list .bill-card .bill-details .bill-items-table th:nth-child(9){width:8%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table{border-radius:8px;overflow:hidden}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:first-child,.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:first-child{width:30%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(3),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(4),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(2),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(3){width:8%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(5),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(4){width:7%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(6),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(5){width:12%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(7),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(6){width:4%}.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table td:nth-child(8),.billing-container .bills-list .bill-card .bill-details .bill-items-table.po-items-table th:nth-child(7){width:15%}.billing-container .bills-list .bill-card .bill-details .no-items{padding:1.5rem;text-align:center;background-color:#f9f9f9;border-radius:4px;margin-bottom:1rem}.billing-container .bills-list .bill-card .bill-details .no-items p{color:#666;margin:0}.billing-container .bills-list .bill-card .bill-details .generate-bill-action{display:flex;justify-content:flex-end;margin-top:1rem}.billing-container .bills-list .bill-card .bill-details .generate-bill-action .generate-bill-btn{background-color:#fdd34d;border:none;border-radius:4px;padding:.5rem 1.25rem;font-weight:500;cursor:pointer}.billing-container .bills-list .bill-card .bill-details .generate-bill-action .generate-bill-btn:hover{background-color:#fcc52c}.bill-items-table td .item-checkbox{display:flex;justify-content:center}.bill-items-table td .item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#fdd34d}.action-btn .icon-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;padding:8px 16px!important;color:#333!important;cursor:pointer!important;font-size:14px!important}.action-btn .icon-btn:hover{background-color:#f5f5f5!important}@media(max-width:768px){.billing-container .billing-header{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.billing-container .billing-header .billing-actions{width:100%;justify-content:space-between}.billing-container .filter-bar{flex-wrap:wrap;grid-gap:1rem;gap:1rem}.billing-container .filter-bar .search-box{width:100%;order:0}.billing-container .filter-bar .date-filter{width:100%;justify-content:space-between}.billing-container .bill-type-tabs .bill-type-tab{min-width:0}.billing-container .table-wrapper{border-radius:8px;max-width:100%;overflow-x:auto}.billing-container .bill-items-table td,.billing-container .bill-items-table th{padding:.5rem .35rem;font-size:.75rem}.billing-container .bill-items-table th:first-child{border-top-left-radius:8px}.billing-container .bill-items-table th:last-child{border-top-right-radius:8px}}.notifications{background-color:#e0e0e0;width:36px!important;height:36px!important;position:relative}.notifications,.notifications .notification-badge{border-radius:50%;display:flex;align-items:center;justify-content:center}.notifications .notification-badge{position:absolute;top:-5px!important;right:-5px!important;background-color:#e74c3c;color:#fff;width:18px;height:18px;font-size:.7rem;font-weight:700}body,html{font-family:"Poppins",sans-serif}.filter-dropdown{position:absolute;top:100%;left:0;background-color:#d1d1d1;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-width:320px;z-index:9999;margin-top:10px;animation:dropdownFadeIn .25s cubic-bezier(.25,.46,.45,.94);border:1px solid hsla(0,0%,92.2%,.8);max-height:400px;display:flex;flex-direction:column}.filter-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fff;flex-shrink:0}.filter-dropdown .dropdown-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.filter-dropdown .dropdown-header .clear-btn{background:none;border:none;font-size:13px;color:#f46036;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s ease;font-weight:500}.filter-dropdown .dropdown-header .clear-btn:hover{background-color:rgba(244,96,54,.1)}.filter-dropdown .dropdown-header .close-btn{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-dropdown .dropdown-header .close-btn:hover{background-color:rgba(0,0,0,.05);color:#000}.filter-dropdown .dropdown-content{padding:12px 0;overflow-y:auto;flex-grow:1}.filter-dropdown .dropdown-content::-webkit-scrollbar{width:6px}.filter-dropdown .dropdown-content::-webkit-scrollbar-track{background:#f9f9f9}.filter-dropdown .dropdown-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.filter-dropdown .dropdown-content::-webkit-scrollbar-thumb:hover{background:#ccc}.filter-dropdown .dropdown-item{padding:12px 20px;cursor:pointer;font-size:14px;display:flex;align-items:center;transition:all .15s ease}.filter-dropdown .dropdown-item:hover{background-color:#f8f8f8}.filter-dropdown .dropdown-item.active{background-color:#fffaeb;font-weight:500;color:#222}.filter-dropdown .dropdown-item.active .checkbox{background-color:#fdd34d;border-color:#fcc52c}.filter-dropdown .dropdown-item.active .checkbox:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.filter-dropdown .dropdown-item .checkbox{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;margin-right:12px;position:relative;flex-shrink:0;transition:all .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.highlight-text{background-color:#fff0b3;font-weight:500;padding:0 2px;border-radius:2px}.date-picker-container{padding:16px;width:280px}.date-picker-container .MuiFormControl-root{width:100%;margin:8px 0}.date-picker-container .date-picker-actions{display:flex;justify-content:flex-end;margin-top:16px;grid-gap:8px;gap:8px}.date-picker-container .date-picker-actions button{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;font-size:.85rem}.date-picker-container .date-picker-actions button:first-child{background-color:#f5f5f5;color:#333}.date-picker-container .date-picker-actions button:first-child:hover{background-color:#e0e0e0}.date-picker-container .date-picker-actions button:last-child{background-color:#fdd34d;color:#333}.date-picker-container .date-picker-actions button:last-child:hover{background-color:#fcc52c}.loading-items-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#666}.loading-items-container p{margin-top:12px;font-size:14px}.loading-text-sm{display:inline-flex;align-items:center;color:#777;font-style:italic;font-size:.85em}.loading-text-sm:after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;background-color:#fdd34d;border-radius:50%;animation:pulseAnimation 1.5s infinite}@keyframes pulseAnimation{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.spinner{width:18px;height:18px;border:3px solid #fff;border-top-color:#3d84ff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.active-filters{z-index:100}.active-filters .active-filters-title{font-weight:600;margin-bottom:8px;font-size:15px;color:#444;padding-left:4px}.active-filters .active-filters-list{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.active-filters .active-filters-list .filter-item{display:flex;align-items:center;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e0e0e0;animation:chipAppear .3s ease-in-out;transition:all .2s ease}.active-filters .active-filters-list .filter-item:hover{box-shadow:0 3px 6px rgba(0,0,0,.15);border-color:#d0d0d0}.active-filters .active-filters-list .filter-item .filter-category{font-weight:600;color:#555;margin-right:6px}.active-filters .active-filters-list .filter-item .filter-value{color:#333}.active-filters .active-filters-list .filter-item .remove-filter{margin-left:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:14px;cursor:pointer;color:#666;transition:all .2s ease}.active-filters .active-filters-list .filter-item .remove-filter:hover{background-color:#f0f0f0;color:#333}.active-filters .active-filters-list .filter-item.clear-all{background-color:#f0f0f0;color:#333;font-weight:500;cursor:pointer;border:1px solid #e0e0e0}.active-filters .active-filters-list .filter-item.clear-all .filter-value{font-weight:600}.active-filters .active-filters-list .filter-item.clear-all:hover{background-color:#e0e0e0;border-color:#ccc}@keyframes chipAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dropdown-button{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:10px 16px;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.03);position:relative;color:#444}.dropdown-button .icon{margin-left:8px;transition:transform .3s ease;font-size:14px;color:#999}.dropdown-button:hover{border-color:#bbb;box-shadow:0 3px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.dropdown-button:hover .icon{color:#555}.dropdown-button .count-badge{background-color:#fdd34d;color:#333;padding:0 6px;height:20px;border-radius:10px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:8px;margin-right:4px;min-width:20px;transition:all .2s ease;box-shadow:0 1px 3px rgba(253,211,77,.3)}.dropdown-button.active{border-color:#fdd34d;background-color:rgba(253,211,77,.08);box-shadow:0 1px 3px rgba(253,211,77,.2)}.dropdown-button.active .icon{transform:rotate(180deg);color:#333}.dropdown-content{position:relative;background-color:#fff;min-width:220px;z-index:1000;padding:12px 0}.dropdown-content:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);border-top:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08);z-index:0}.modern-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid #e0e0e0;background-color:#fff;margin-right:12px;transition:all .2s ease;flex-shrink:0;position:relative}.modern-checkbox:hover{border-color:#223c7d;box-shadow:0 0 0 1px rgba(34,60,125,.1)}.modern-checkbox.selected{border-color:#223c7d;background-color:#223c7d}.modern-checkbox.selected svg{color:#fff;animation:checkmark .2s ease-in-out}.modern-checkbox svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes checkmark{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bill-number-link{color:#06c;text-decoration:underline;cursor:pointer;font-weight:500;transition:color .2s ease}.bill-number-link:hover{color:#049}.bill-action-buttons{display:flex;grid-gap:8px;gap:8px;flex-wrap:nowrap;justify-content:center}.bill-action-buttons:has(.view-btn:only-child) .view-btn{width:100%}.bill-action-buttons.view-only .view-btn{width:100%}.approve-btn,.decline-btn,.view-btn{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:55px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.08)}.approve-btn{background-color:#a6cf98;color:#fff}.approve-btn:hover{background-color:#557c55;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.12)}.approve-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.decline-btn{background-color:#ff8787;color:#fff}.decline-btn:hover{background-color:#ff6363;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.12)}.decline-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.view-btn{background-color:#223c7d;color:#fff}.view-btn:hover{background-color:#004183;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.12)}.view-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.view-btn:only-child{min-width:100%}.status-approved{color:#388e3c;background-color:rgba(76,175,80,.08)}.status-approved,.status-declined{font-weight:500;padding:4px 10px;border-radius:12px;display:inline-block;text-align:center;width:auto;font-size:12px;white-space:nowrap}.status-declined{color:#d32f2f;background-color:rgba(244,67,54,.08)}.status-requested{color:#ef6c00;font-weight:500;padding:4px 10px;background-color:rgba(255,152,0,.08);border-radius:12px;display:inline-block;text-align:center;width:auto;font-size:12px;white-space:nowrap}.non-editable{font-weight:500;color:#333}.non-editable-title{font-weight:600;color:#333;font-size:14px}.category-tag.non-editable{background-color:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#555;margin-right:10px}.title-text.non-editable{font-weight:600;font-size:14px;color:#333}.bill-details-table td:nth-child(6),.bill-details-table td:nth-child(6):has-text("Approved"){position:relative}.bill-details-table td:nth-child(6){font-weight:500;padding:.75rem .25rem!important;text-align:center}.bill-details-table td:nth-child(6):not(:empty)[data-status]:before{content:attr(data-status);padding:4px 10px;border-radius:12px;font-size:12px;white-space:nowrap;display:inline-block}.bill-details-table span.status-pill,.bill-items-table span.status-pill{padding:4px 10px;border-radius:4px;font-size:12px;white-space:nowrap;display:inline-block;align-items:center;justify-content:center;text-align:center;align-self:center}.bill-details-table span.status-pill.status-approved,.bill-items-table span.status-pill.status-approved{background-color:rgba(76,175,80,.08);color:#388e3c}.bill-details-table span.status-pill.status-declined,.bill-items-table span.status-pill.status-declined{background-color:rgba(244,67,54,.08);color:#d32f2f}.bill-details-table span.status-pill.status-requested,.bill-items-table span.status-pill.status-requested{background-color:rgba(255,152,0,.08);color:#ef6c00}.bill-details-table span.status-pill.status-draft,.bill-items-table span.status-pill.status-draft{background-color:rgba(244,67,54,.08);color:#d32f2f}.bill-details-table span.status-pill.status-paid,.bill-items-table span.status-pill.status-paid{background-color:rgba(13,70,96,.08);color:#0c5460}.bill-details-table span.status-pill.status-pending,.bill-items-table span.status-pill.status-pending{background-color:rgba(255,87,34,.08);color:#ff5722}.bill-details-table tbody tr{height:60px!important;max-height:60px!important;line-height:1.2!important}.bill-details-table tbody tr td{height:60px!important;max-height:60px!important;vertical-align:middle!important;overflow:hidden!important;padding:8px 6px!important}.bill-details-table tbody tr td>div{height:100%!important;max-height:44px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;line-height:1.1!important}.bill-details-table tbody tr td>div>div{margin-bottom:2px!important;font-size:11px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bill-details-table tbody tr td>div>div:last-child{margin-bottom:0!important}.bill-details-table tbody tr td span[style*="border-radius: 50%"]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;font-size:10px!important;line-height:16px!important;margin:1px!important}.bill-details-table tbody tr td:nth-child(7){min-width:100px!important;max-width:120px!important}.bill-details-table tbody tr td:nth-child(7)>div{font-size:12px!important;line-height:1.2!important;grid-gap:2px!important;gap:2px!important}.bill-details-table tbody tr td:nth-child(7)>div>div:first-child{font-size:12px!important;margin-bottom:2px!important;font-weight:600!important}.bill-details-table tbody tr td:nth-child(7)>div>div:last-child{display:flex!important;flex-wrap:wrap!important;grid-gap:2px!important;gap:2px!important;justify-content:flex-start!important;align-items:center!important;max-height:20px!important;overflow:hidden!important}.bill-details-table tbody tr td:nth-child(8)>div{font-size:12px!important;line-height:1.2!important}.bill-details-table tbody tr td:nth-child(8)>div>div:first-child{font-size:12px!important;margin-bottom:2px!important;font-weight:600!important}.bill-details-table tbody tr td:nth-child(8)>div>div:last-child{font-size:11px!important;color:#6b7280!important}.billing-actions{display:flex;grid-gap:10px;gap:10px;align-items:center}.generate-nmr-btn:hover{background-color:#45a049!important}.MuiDialog-paper{border-radius:8px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}.MuiDialogTitle-root{padding:20px 24px!important;border-bottom:1px solid #eee}.MuiDialogTitle-root h2{font-size:1.5rem;font-weight:600;color:#333}.MuiDialogContent-root{padding:24px!important}.MuiDialogContent-root h3{font-size:1rem;font-weight:500;color:#555}.contractors-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;margin-top:10px}.contractors-list::-webkit-scrollbar{width:6px}.contractors-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.contractors-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.contractors-list::-webkit-scrollbar-thumb:hover{background:#555}.MuiFormControlLabel-root{margin:4px 0;padding:4px 8px;border-radius:4px;transition:background-color .2s}.MuiFormControlLabel-root:hover{background-color:#f5f5f5}.MuiCheckbox-root{color:#666!important}.MuiCheckbox-root.Mui-checked{color:#4caf50!important}.MuiButton-root{text-transform:none!important;font-weight:500!important;padding:8px 16px!important;border-radius:4px!important}.MuiButton-root.MuiButton-contained{box-shadow:none!important}.MuiButton-root.MuiButton-contained:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.billing-tabs{margin-top:10px;width:auto;min-width:300px;display:flex;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:6px;isolation:isolate;align-self:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.1);grid-gap:4px;gap:4px;position:relative}.billing-tabs:before{content:"";position:absolute;top:6px;left:6px;height:34px;width:calc(50% - 4px);background:linear-gradient(90deg,#fdd34d,#ffe58e,#ffefbc);border-radius:7px;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1}.billing-tabs.nmr-active:before{left:calc(50% + 2px)}.billing-tabs .tab{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#64748b;background:transparent;height:34px;border:none;border-radius:7px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0;text-align:center;z-index:2;margin:0}.billing-tabs .tab:hover:not(.active){color:#1e293b;background:rgba(241,245,249,.8);transform:translateY(-1px)}.billing-tabs .tab.active{color:#1e293b;font-weight:600;background:transparent;position:relative;z-index:3}.billing-tabs .tab:active{transform:scale(.98)}.billing-tabs .tab:disabled{cursor:not-allowed;opacity:.6}.billing-tabs .tab:disabled:hover{transform:none;background:transparent}.billing-tabs.billing-tabs-header{margin-block-end:0;min-width:20vw;height:48px;align-items:center;background:#fff;border:1px solid #e5e7eb;padding:6px}.billing-tabs.billing-tabs-header:before{top:6px;left:6px;width:calc(50% - 4px);transition:left .3s cubic-bezier(.4,0,.2,1)}.billing-tabs.billing-tabs-header.nmr-active:before{left:calc(50% + 2px)}.billing-tabs.billing-tabs-header .tab{font-size:13px;padding:0;margin:0}.billing-tabs.billing-tabs-header .tab.active{color:#111827}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.billing-tabs{animation:slideIn .3s cubic-bezier(.25,.46,.45,.94)}.tab-content-container{position:relative;overflow:hidden}.tab-content-container .tab-content{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;width:100%}.tab-content-container .tab-content.slide-in-from-right{animation-name:slideInFromRight}.tab-content-container .tab-content.slide-in-from-left{animation-name:slideInFromLeft}.tab-content-container .tab-content.slide-out-to-left{animation-name:slideOutToLeft}.tab-content-container .tab-content.slide-out-to-right{animation-name:slideOutToRight}@keyframes gentleGlow{0%{opacity:0;transform:scale(.9)}to{opacity:.2;transform:scale(1)}}.nmr-bills-content{text-align:center;padding:48px 24px;background:#f8f9fa;border-radius:12px;margin-top:24px}.nmr-bills-content h2{font-size:1.5rem;color:#333;margin-bottom:16px;font-weight:600}.nmr-bills-content p{color:#666;font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.6}.progress-indicator{position:fixed;bottom:20px;right:20px;z-index:9999}.progress-indicator .progress-content{display:flex;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:12px 16px;animation:fadeIn .3s ease;min-width:240px}.progress-indicator .progress-content .progress-text{margin-left:16px;display:flex;flex-direction:column}.progress-indicator .progress-content .progress-text .progress-message{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.progress-indicator .progress-content .progress-text .progress-percentage{font-size:12px;color:#777}.nmr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nmr-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.2);animation:modalSlideIn .3s ease-out;border:1px solid hsla(0,0%,100%,.1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nmr-modal-header{padding:24px 32px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-radius:16px 16px 0 0}.nmr-modal-header h2{margin:0;font-size:1.5rem;color:#333;font-weight:600;letter-spacing:-.5px}.nmr-modal-header .close-btn{background:none;border:none;cursor:pointer;color:#666;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.nmr-modal-header .close-btn:hover{background-color:#f5f5f5;color:#333;transform:rotate(90deg)}.nmr-modal-content{padding:32px;overflow-y:auto;flex:1 1}.nmr-modal-content .contractors-section,.nmr-modal-content .date-range-section,.nmr-modal-content .project-section{margin-bottom:32px}.nmr-modal-content .contractors-section h3,.nmr-modal-content .date-range-section h3,.nmr-modal-content .project-section h3{margin:0 0 16px;color:#333;font-size:1.1rem;font-weight:500;display:flex;align-items:center;grid-gap:8px;gap:8px}.nmr-modal-content .contractors-section h3:before,.nmr-modal-content .date-range-section h3:before,.nmr-modal-content .project-section h3:before{content:"";display:block;width:4px;height:16px;background:#fdd34d;border-radius:2px}.nmr-modal-content .project-selector .MuiOutlinedInput-root{border-radius:12px;background-color:#f8f9fa;transition:all .3s ease}.nmr-modal-content .project-selector .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.nmr-modal-content .project-selector .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.nmr-modal-content .date-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root{border-radius:12px;background-color:#f8f9fa;transition:all .3s ease}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.nmr-modal-content .contractors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nmr-modal-content .contractors-header .select-all-btn{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;color:#666;transition:all .3s ease;font-weight:500}.nmr-modal-content .contractors-header .select-all-btn:disabled{opacity:.5;cursor:not-allowed}.nmr-modal-content .loading{text-align:center;padding:40px;color:#666}.nmr-modal-content .loading .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#fdd34d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.nmr-modal-content .loading p{margin:0;font-size:.9rem}.nmr-modal-content .no-contractors-message,.nmr-modal-content .no-project-message{text-align:center;padding:32px;color:#666;background-color:#f8f9fa;border-radius:12px;font-size:.9rem;border:1px dashed #ddd}.nmr-modal-content .contractors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;max-height:300px;overflow-y:auto;padding:16px;border:1px solid #eee;border-radius:12px;background:#f8f9fa}.nmr-modal-content .contractors-list::-webkit-scrollbar{width:8px}.nmr-modal-content .contractors-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.nmr-modal-content .contractors-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.nmr-modal-content .contractors-list::-webkit-scrollbar-thumb:hover{background:#ccc}.nmr-modal-content .contractors-list .contractor-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #eee}.nmr-modal-content .contractors-list .contractor-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.nmr-modal-content .contractors-list .contractor-item.selected{background:#fff9e6;border-color:#fdd34d}.nmr-modal-content .contractors-list .contractor-item .checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.nmr-modal-content .contractors-list .contractor-item .checkbox svg{color:#333}.nmr-modal-content .contractors-list .contractor-item.selected .checkbox{background:#fdd34d;border-color:#fdd34d}.nmr-modal-content .contractors-list .contractor-item span{font-size:.9rem;color:#333}.nmr-modal-footer{padding:24px 32px;border-top:1px solid #eee;display:flex;justify-content:flex-end;grid-gap:16px;gap:16px;background:#f8f9fa;border-radius:0 0 16px 16px}.nmr-modal-footer button{padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nmr-modal-footer button.cancel-btn{background:none;border:1px solid #ddd;color:#666}.nmr-modal-footer button.cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.nmr-modal-footer button.generate-btn{background:#fdd34d;border:none;color:#000;box-shadow:0 2px 8px rgba(253,211,77,.3)}.nmr-modal-footer button.generate-btn:hover:not(:disabled){background:#fcd02c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(253,211,77,.4)}.nmr-modal-footer button.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.raise-nmr-bill-wrapper{background:#f8fafc;min-height:100vh;padding:0;font-family:"Inter","Segoe UI",Arial,sans-serif}.raise-nmr-bill-container{max-width:100%;margin:0;background:#fff;border-radius:0;box-shadow:none;padding:0 0 32px}.raise-nmr-bill-header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px rgba(0,0,0,.05)}.raise-nmr-bill-header-bar .back-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;margin-right:16px;transition:color .2s}.raise-nmr-bill-header-bar .back-btn:hover{color:#334155}.raise-nmr-bill-header-bar h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.generate-bill-btn{background:#3b82f6;color:#fff;font-weight:600;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;cursor:pointer;box-shadow:0 2px 4px rgba(59,130,246,.1);transition:all .2s}.generate-bill-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px rgba(59,130,246,.15)}.vendor-bill-info-section{display:flex;justify-content:space-between;grid-gap:32px;gap:32px;margin:24px 32px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e2e8f0}.modern-vendor-info-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(30,41,59,.06);padding:32px 24px;margin-bottom:24px;border:1px solid #e2e8f0}.bill-info-block,.vendor-info-block{display:flex;flex-direction:column;grid-gap:18px;gap:18px;background:none;border:none;box-shadow:none}.bill-info-block>div,.vendor-info-block>div{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:1.05rem;color:#334155;font-weight:500;background:none;border:none;padding:0}.bill-info-block strong,.vendor-info-block strong{min-width:120px;color:#64748b;font-weight:600;font-size:1.05rem}.contractor-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:0 0 24px;max-width:100%;border:1px solid #e2e8f0;overflow:hidden}.contractor-title{background:#f8fafc;color:#1e293b;font-weight:600;font-size:1.1rem;padding:16px 24px;border-bottom:1px solid #e2e8f0;letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center}.contractor-title .contractor-info{display:flex;align-items:center;grid-gap:16px;gap:16px}.contractor-title .rate-type-indicator{font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:20px;border:1px solid}.contractor-title .rate-type-indicator.hourly{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.contractor-title .rate-type-indicator.daily{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6}.contractor-title .contractor-actions,.contractor-title .rate-management-btn{display:flex;align-items:center;grid-gap:8px;gap:8px}.contractor-title .rate-management-btn{padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(59,130,246,.2);position:relative;overflow:hidden}.contractor-title .rate-management-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.contractor-title .rate-management-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.contractor-title .rate-management-btn:hover:before{left:100%}.contractor-title .rate-management-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.3)}.contractor-title .rate-management-btn span,.contractor-title .rate-management-btn svg{position:relative;z-index:1}.contractor-title .rate-management-btn svg{transition:transform .2s ease}.contractor-title .rate-management-btn:hover svg{transform:rotate(10deg) scale(1.1)}.contractor-title .delete-contractor-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px;background:transparent;color:#ef4444;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.contractor-title .delete-contractor-btn:hover{background:#fef2f2;color:#dc2626}.vendor-description-row{padding:12px 24px;background:#f1f5f9;color:#475569;font-size:.95rem;border-bottom:1px solid #e2e8f0}.table-scroll-container{width:100%;max-width:100vw;overflow-x:auto;overflow-y:visible;box-sizing:border-box}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nmr-table{margin:0;font-size:.95rem;table-layout:fixed;width:100%;border-collapse:collapse;max-width:100vw}.nmr-table,.nmr-table td{overflow:hidden;box-sizing:border-box}.nmr-table td{text-align:left!important;vertical-align:middle;min-height:56px;height:56px;padding:10px 8px;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:.85rem;border-radius:0!important;background:#fff;text-overflow:ellipsis;white-space:nowrap}.nmr-table td.center-align{text-align:center!important}.nmr-table td.right-align{text-align:right!important}.nmr-table td .editable-field{overflow:visible;text-overflow:unset;white-space:normal;max-width:none}.nmr-table th{text-align:left!important;vertical-align:middle;background:#f7f9fc!important;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:2;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:22px 20px!important}.nmr-table th.center-align{text-align:center!important}.nmr-table th.right-align{text-align:right!important}.nmr-table tr{background:#fff;transition:background .2s}.nmr-table tr:nth-child(2n){background:#f8fafc}.nmr-table .action-icons svg{cursor:pointer;font-size:1.1rem;color:#94a3b8;transition:all .2s}.nmr-table .action-icons svg:hover{color:#3b82f6;transform:scale(1.1)}.add-row{color:#3b82f6;cursor:pointer;font-weight:500;font-size:.95rem;margin-left:8px;display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;border-radius:6px;transition:all .2s}.add-row:hover{background:#f1f5f9}.add-row svg{font-size:1.1rem}.nmr-progress-bar-wrapper{display:flex;flex-direction:column;align-items:center;margin:32px 0}.nmr-progress-label{font-size:1.08rem;color:#1976d2;font-weight:600;margin-bottom:12px}.nmr-progress-bar{width:320px;height:10px;background:#e0e7ef;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(30,41,59,.06)}.nmr-progress-bar-inner{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:6px;transition:width .3s cubic-bezier(.4,2,.3,1)}.nmr-summary-section{display:flex;grid-gap:24px;gap:24px;margin:32px;flex-wrap:wrap;align-items:flex-start}.nmr-summary-card,.nmr-summary-view{background:#fff;border-radius:12px;padding:24px;flex:1 1 350px;min-width:320px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e2e8f0}.nmr-summary-card h3,.nmr-summary-view h3{margin:0 0 20px;font-size:1.1rem;color:#1e293b;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.nmr-summary-list{list-style:none;padding:0;margin:0;width:100%}.nmr-summary-list li{padding:8px 0;color:#475569;margin-bottom:8px}.nmr-summary-list li,.summary-row{font-size:.95rem;display:flex;justify-content:space-between;align-items:center;min-height:32px}.summary-row{padding:12px 0;border-bottom:1px solid #e2e8f0}.summary-row .label{color:#64748b;min-width:160px;font-weight:500;text-align:left}.summary-row .value{font-weight:600;color:#1e293b;min-width:140px;text-align:right;font-family:"Inter",monospace}.net-payable{color:#059669;font-weight:600;font-size:1.1rem;margin-top:10px;display:flex;justify-content:space-between;align-items:center;min-height:40px}.net-payable:before{content:"NET PAYABLE:";color:#1e293b}.net-payable:after{margin-right:4px;color:#059669}.nmr-summary-list li .vendor-name{min-width:160px}.nmr-summary-list li .worker-count{min-width:140px;text-align:right}.nmr-summary-list li:last-child{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.nmr-summary-list li:last-child .total-label{min-width:160px}.nmr-summary-list li:last-child .total-count{min-width:140px;text-align:right}.nmr-footer{margin:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e2e8f0;display:flex;justify-content:space-between;flex-wrap:wrap;grid-gap:24px;gap:24px}.footer-section{flex:1 1 250px;min-width:200px}.footer-section .footer-label{font-weight:600;color:#1e293b;margin-bottom:8px}.footer-section .footer-value{color:#64748b;min-height:24px;padding:4px 8px;border-radius:4px;transition:all .2s}.footer-section .footer-value:hover{background:#f1f5f9}.footer-section .footer-value.editing{background:#fff;box-shadow:0 0 0 2px #3b82f6}.footer-section .footer-sign{margin-top:24px;color:#94a3b8;font-size:.9rem}.footer-section .footer-sign .editable-field{color:#1e293b;font-weight:500;min-height:24px;padding:4px 8px;border-radius:4px;transition:all .2s;display:inline-block}.footer-section .footer-sign .editable-field:hover{background:#f1f5f9}.footer-section .footer-sign .editable-field.editing{background:#fff;box-shadow:0 0 0 2px #3b82f6}.nmr-header-details{margin:0 32px;padding:16px 0;font-size:.95rem;color:#64748b;font-weight:500}.nmr-table td.date-col,.nmr-table th.date-col{width:12%;min-width:120px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmr-table td.location-col,.nmr-table th.location-col{width:13%;min-width:130px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmr-table td.description-col,.nmr-table th.description-col{width:15%;min-width:140px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmr-table td.time-col,.nmr-table th.time-col{width:16%;min-width:160px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmr-table td.female-col,.nmr-table td.male-col,.nmr-table td.mason-col,.nmr-table th.female-col,.nmr-table th.male-col,.nmr-table th.mason-col{width:8%;min-width:80px;text-align:right;vertical-align:middle;word-wrap:break-word;white-space:normal}.nmr-table td.rate-col,.nmr-table th.rate-col{width:10%;min-width:100px;text-align:right;vertical-align:middle;white-space:nowrap;overflow:visible}.nmr-table td.amount-col,.nmr-table th.amount-col{width:12%;min-width:120px;text-align:right;vertical-align:middle;word-wrap:break-word;white-space:normal}.nmr-table td.amount-col .editable-field,.nmr-table td.amount-col .field-content{overflow:visible;white-space:normal;word-wrap:break-word}.nmr-table td.amount-col .field-content{text-overflow:unset}.nmr-table td.action-col,.nmr-table th.action-col{text-align:center;vertical-align:middle;white-space:nowrap}.nmr-table td.action-col,.nmr-table th.action-col,td.action-col{width:6%!important;min-width:60px!important;max-width:80px!important;overflow:visible!important}td.action-col{white-space:nowrap!important;padding:8px 4px!important}td.action-col div{overflow:visible!important;max-width:100%!important;display:flex!important;grid-gap:2px!important;gap:2px!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important}td.action-col button{display:inline-flex!important;visibility:visible!important;padding:2px!important;border-radius:3px!important;border:none!important;background:transparent!important;cursor:pointer!important;flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important}td.action-col button svg{width:12px!important;height:12px!important;font-size:12px!important}.nmr-table tbody tr td.action-col{overflow:visible!important;width:6%!important;min-width:60px!important;max-width:80px!important;padding:8px 4px!important}.nmr-table tbody tr td.action-col *{overflow:visible!important;max-width:100%!important}.nmr-table tbody tr td.action-col .action-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;padding:2px!important;margin:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important}.nmr-table tbody tr td.action-col .action-btn svg{width:12px!important;height:12px!important;font-size:12px!important}.nmr-table tr td.action-col{overflow:visible!important;width:6%!important;min-width:60px!important;max-width:80px!important;padding:8px 4px!important}.nmr-table td.action-col .editable-field{text-align:center}@media(max-width:1200px){.nmr-summary-card,.nmr-summary-view{min-width:280px}.vendor-bill-info-section{flex-direction:column;grid-gap:24px;gap:24px}}@media(max-width:900px){.modern-vendor-info-grid{grid-template-columns:1fr;grid-gap:18px;gap:18px;padding:18px 8px}}.editable-field{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;min-width:0;overflow:hidden}.editable-field:hover{background:#f1f5f9}.editable-field.editing{background:#fff;box-shadow:0 0 0 2px #3b82f6;overflow:visible}.editable-field input{width:100%;padding:6px 8px;border:none;outline:none;font-size:.95rem;color:#1e293b;background:transparent}.editable-field input:focus{outline:none}.editable-field .field-content{color:#1e293b;white-space:nowrap;width:100%;display:block}.editable-field.numeric .field-content{white-space:nowrap!important;overflow:visible;text-overflow:unset}.editable-field.numeric,.editable-field.numeric .field-content,.editable-field.numeric input{text-align:right}.center-align .editable-field,.center-align .editable-field .field-content,.center-align .editable-field input{text-align:center}.right-align .editable-field,.right-align .editable-field .field-content,.right-align .editable-field input{text-align:right}.left-align .editable-field,.left-align .editable-field .field-content,.left-align .editable-field input{text-align:left}.overtime-row{background:#fffbe6!important;color:#b71c1c;font-weight:500;border-top:1px solid #ffe066}.overtime-label{background:#ffd600;color:#b71c1c;font-weight:700;margin-right:8px;font-size:.95rem}.assigned-badge,.overtime-label{padding:2px 10px;border-radius:6px;letter-spacing:.5px}.assigned-badge{display:inline-block;background:#14ae5c;color:#fff;font-size:.85rem;font-weight:600;margin-left:2px;box-shadow:0 1px 2px rgba(20,174,92,.08)}.view-images-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 1px 4px rgba(59,130,246,.08)}.view-images-btn:hover{background:#2563eb}.nmr-time-picker{min-width:110px;max-width:140px;font-size:1rem;border-radius:8px;border:1px solid #e2e8f0;padding:4px 10px;background:#f8fafc;color:#1e293b;box-shadow:none;margin:0 2px;transition:border .2s}.nmr-time-picker:focus{border:1.5px solid #3b82f6;outline:none}.nmr-image-modal{background:none!important;position:static!important;min-height:unset!important;overflow:unset!important}.nmr-image-modal-content{box-shadow:0 8px 32px rgba(30,41,59,.22);border-radius:16px;padding:40px 32px 32px;margin:0 auto;background:#fff;border:1.5px solid #e2e8f0;display:flex;flex-direction:column;align-items:center}.nmr-image-modal-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;gap:18px;margin:24px 0 0;width:100%}.nmr-image-modal-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 2px 12px rgba(30,41,59,.1);transition:transform .2s,box-shadow .2s;cursor:pointer;background:#f8fafc}.nmr-image-modal-grid img:hover{transform:scale(1.04);box-shadow:0 4px 16px rgba(30,41,59,.18)}.nmr-image-modal-download{background:#059669;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:1rem;font-weight:600;margin-top:8px;cursor:pointer;transition:background .2s;box-shadow:0 1px 4px rgba(5,150,105,.08)}.nmr-image-modal-download:hover{background:#047857}.nmr-table td.action-cell,.nmr-table th.action-col{vertical-align:middle!important;height:56px;min-height:56px;padding:0 12px;box-sizing:border-box}.nmr-table .action-icons{display:flex;grid-gap:12px;gap:12px;justify-content:center;align-items:center;height:56px;min-height:56px;width:100%;padding:0;margin:0;box-sizing:border-box}.nmr-table tr{min-height:56px;height:56px;transition:background .18s}.nmr-table tr:hover{background:#f1f5f9!important}.nmr-table tfoot td,.nmr-table tfoot tr{background:#f8fafc!important;font-weight:600;color:#1e293b;min-height:56px;height:56px;padding:16px 18px}.nmr-table tfoot td.center-align,.nmr-table tfoot tr.center-align{text-align:center!important}.nmr-table tfoot td.right-align,.nmr-table tfoot tr.right-align{text-align:right!important}.nmr-table tfoot td.left-align,.nmr-table tfoot tr.left-align{text-align:left!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.center-align{text-align:center!important}.right-align{text-align:right!important}.left-align{text-align:left!important}.clock-btn{background:#f1f5f9;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;transition:background .2s;color:#3b82f6;font-size:1rem}.clock-btn:hover{background:#e0e7ef}.collapsed-row{background:#f8fafc!important;border-left:4px solid #3b82f6!important}.collapsed-row td{padding:12px 15px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.collapsed-row .collapse-toggle-btn{background:none;border:none;cursor:pointer;color:#3b82f6;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.collapsed-row .collapse-toggle-btn:hover{background:#e0e7ff}.collapsed-row .date-info{display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:0;overflow:hidden}.collapsed-row .date-info .date-text{font-weight:600;color:#1e293b;font-size:.95rem;flex-shrink:0}.collapsed-row .date-info .row-count-badge{font-size:.75rem;color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap;display:inline-block;z-index:1;position:relative}.collapsed-row .combined-info{color:#6b7280;font-style:italic;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.collapsed-row .worker-count{font-weight:600;color:#1e293b;font-size:.95rem;text-align:center;display:block}.collapsed-row .rate-value{text-align:right}.collapsed-row .total-amount{font-weight:600;color:#059669;font-size:.95rem;text-align:right;display:block}.collapsed-row .rate-value{font-weight:600;color:#1e293b;font-size:.95rem;text-align:center;display:block;white-space:nowrap}.collapsed-row .expand-btn{display:none!important}.collapsed-row .date-col{width:200px;min-width:200px;max-width:200px}.collapsed-row .location-col{width:150px;min-width:150px;max-width:150px}.collapsed-row .description-col{width:200px;min-width:200px;max-width:200px}.collapsed-row .time-col{width:100px;min-width:100px;max-width:100px}.collapsed-row .female-col,.collapsed-row .male-col,.collapsed-row .mason-col{width:100px;min-width:100px;max-width:100px;text-align:right}.collapsed-row .female-col .editable-field,.collapsed-row .female-col .editable-field .field-content,.collapsed-row .female-col .editable-field input,.collapsed-row .male-col .editable-field,.collapsed-row .male-col .editable-field .field-content,.collapsed-row .male-col .editable-field input,.collapsed-row .mason-col .editable-field,.collapsed-row .mason-col .editable-field .field-content,.collapsed-row .mason-col .editable-field input{text-align:right}.collapsed-row .rate-col{width:140px;min-width:120px;max-width:160px;text-align:right;white-space:nowrap;overflow:visible}.collapsed-row .rate-col .editable-field{text-align:right}.collapsed-row .rate-col .editable-field .field-content{text-align:right;white-space:nowrap!important;overflow:visible}.collapsed-row .rate-col .editable-field input{text-align:right}.collapsed-row .amount-col{width:120px;min-width:120px;max-width:120px;text-align:right}.collapsed-row .action-col{width:6%!important;min-width:60px!important;max-width:80px!important;text-align:center;overflow:visible!important}.expanded-header-row{background:#f1f5f9!important;border-left:4px solid #059669!important}.expanded-header-row td{padding:12px 15px!important;vertical-align:middle!important;overflow:hidden}.expanded-header-row .collapse-toggle-btn{background:none;border:none;cursor:pointer;color:#059669;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.expanded-header-row .collapse-toggle-btn:hover{background:#dcfce7}.expanded-header-row .date-info{display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:0;overflow:hidden}.expanded-header-row .date-info .date-text{font-weight:600;color:#1e293b;font-size:.95rem;flex-shrink:0}.expanded-header-row .date-info .expanded-badge{font-size:.75rem;color:#64748b;background:#dcfce7;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.expanded-header-row .expanded-info{color:#6b7280;font-style:italic;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1000!important}.rate-management-modal{background:#fff!important;border-radius:16px!important;width:70vw!important;height:80vh!important;max-width:900px!important;max-height:80vh!important;min-width:600px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;position:absolute!important;padding:0!important;border:none!important;outline:none!important;margin:0 auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.rate-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10;overflow:hidden;flex-shrink:0;border-top-left-radius:16px;border-top-right-radius:16px}.rate-modal-header .header-content{position:relative;z-index:2;display:flex;align-items:center;grid-gap:16px;gap:16px}.rate-modal-header .header-content .header-icon{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.rate-modal-header .header-content .header-icon svg{font-size:22px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.rate-modal-header .header-content .header-text h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.3px}.rate-modal-header .header-content .header-text p{margin:0;opacity:.9;font-size:14px;color:hsla(0,0%,100%,.9);font-weight:400}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.rate-modal-body{padding:0;flex:1 1;overflow:hidden;min-height:0;position:relative;display:flex;flex-direction:column}.rate-modal-body .scrollable-content{padding:24px 32px;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.rate-modal-body .scrollable-content::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.rate-modal-body .scrollable-content::-webkit-scrollbar-thumb,.rate-modal-body .scrollable-content::-webkit-scrollbar-track{display:none;background:transparent}.rate-modal-body .scrollable-content::-webkit-scrollbar-corner{display:none;background:transparent}.rate-type-selection{margin-bottom:24px}.rate-type-selection .section-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;grid-gap:10px;gap:10px}.rate-type-selection .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.rate-type-selection .rate-type-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.rate-type-selection .rate-type-cards .rate-type-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.rate-type-selection .rate-type-cards .rate-type-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.1);border-color:#c7d2fe}.rate-type-selection .rate-type-cards .rate-type-card.selected{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#667eea;transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.2)}.rate-type-selection .rate-type-cards .rate-type-card.selected .card-header .card-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rate-type-selection .rate-type-cards .rate-type-card.selected .card-title{color:#1e40af}.rate-type-selection .rate-type-cards .rate-type-card .card-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:8px}.rate-type-selection .rate-type-cards .rate-type-card .card-header .card-icon{width:36px;height:36px;background:#e2e8f0;color:#64748b;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.rate-type-selection .rate-type-cards .rate-type-card .card-header .card-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.rate-type-selection .rate-type-cards .rate-type-card .card-description{color:#64748b;font-size:14px;line-height:1.4;margin:0}.rate-type-selection .rate-type-cards .rate-type-card .card-example{margin-top:8px;padding:8px;background:rgba(102,126,234,.1);border-radius:6px;font-size:12px;color:#4c1d95;font-weight:500}.worker-rates-section{margin-bottom:24px}.worker-rates-section .section-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;grid-gap:10px;gap:10px}.worker-rates-section .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.worker-rates-section .rate-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.worker-rates-section .rate-cards-grid .rate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.worker-rates-section .rate-cards-grid .rate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:all .3s ease}.worker-rates-section .rate-cards-grid .rate-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.worker-rates-section .rate-cards-grid .rate-card.mason-card:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.worker-rates-section .rate-cards-grid .rate-card.mason-card .worker-icon{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#f59e0b}.worker-rates-section .rate-cards-grid .rate-card.male-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.worker-rates-section .rate-cards-grid .rate-card.male-card .worker-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.worker-rates-section .rate-cards-grid .rate-card.female-card:before{background:linear-gradient(90deg,#ec4899,#db2777)}.worker-rates-section .rate-cards-grid .rate-card.female-card .worker-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#ec4899}.worker-rates-section .rate-cards-grid .rate-card .card-header{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:12px}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-info h4{margin:0 0 2px;font-size:16px;font-weight:600;color:#1e293b}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-info .worker-subtitle{font-size:13px;color:#64748b;font-weight:500;margin:0}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container{position:relative;margin-bottom:8px}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:600;text-align:center;background:#f8fafc;color:#1e293b;transition:all .3s ease;box-sizing:border-box}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input::-webkit-inner-spin-button,.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input::placeholder{color:#94a3b8;font-weight:400}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#64748b;pointer-events:none}.worker-rates-section .rate-cards-grid .rate-card .card-footer .hourly-equivalent{font-size:12px;color:#64748b;font-weight:500;text-align:center;display:block;font-style:italic}.application-scope-section{margin-bottom:24px}.application-scope-section .section-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;grid-gap:10px;gap:10px}.application-scope-section .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.application-scope-section .scope-options{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.application-scope-section .scope-options.contractor-scope{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.application-scope-section .scope-options.apply-scope{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.application-scope-section .scope-options .scope-option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.application-scope-section .scope-options .scope-option:hover{border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.08)}.application-scope-section .scope-options .scope-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.15)}.application-scope-section .scope-options .scope-option .option-header{display:flex;align-items:flex-start;grid-gap:10px;gap:10px}.application-scope-section .scope-options .scope-option .option-header input[type=radio]{margin-top:2px;accent-color:#667eea;transform:scale(1.1);cursor:pointer}.application-scope-section .scope-options .scope-option .option-header .option-content{flex:1 1}.application-scope-section .scope-options .scope-option .option-header .option-content .option-icon-text{display:flex;align-items:center;grid-gap:6px;gap:6px;margin-bottom:2px}.application-scope-section .scope-options .scope-option .option-header .option-content .option-icon-text .option-icon{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.application-scope-section .scope-options .scope-option .option-header .option-content .option-icon-text .option-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.application-scope-section .scope-options .scope-option .option-header .option-content .option-description{color:#64748b;font-size:12px;line-height:1.3;margin:0}.application-scope-section .contractor-selection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:12px;margin-bottom:16px}.application-scope-section .contractor-selection .selection-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;grid-gap:6px;gap:6px}.application-scope-section .contractor-selection .selection-title svg{color:#667eea;font-size:16px}.application-scope-section .contractor-selection .contractor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px}.application-scope-section .contractor-selection .contractor-grid .contractor-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.application-scope-section .contractor-selection .contractor-grid .contractor-item:hover{border-color:#667eea;background:#f0f7ff}.application-scope-section .contractor-selection .contractor-grid .contractor-item:has(input:checked){border-color:#667eea;background:linear-gradient(135deg,#f0f7ff,#e0f2fe)}.application-scope-section .contractor-selection .contractor-grid .contractor-item:has(input:checked) .contractor-name{color:#1e40af;font-weight:600}.application-scope-section .contractor-selection .contractor-grid .contractor-item input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#667eea;cursor:pointer;flex-shrink:0}.application-scope-section .contractor-selection .contractor-grid .contractor-item .contractor-name{font-size:14px;font-weight:500;color:#374151;flex:1 1;line-height:1.3}.application-scope-section .date-range-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:12px}.application-scope-section .date-range-section .date-range-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;grid-gap:6px;gap:6px}.application-scope-section .date-range-section .date-range-title svg{color:#667eea;font-size:16px}.application-scope-section .date-range-section .date-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.application-scope-section .date-range-section .date-inputs .date-input-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.application-scope-section .date-range-section .date-inputs .date-input-group input[type=date]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;background:#fff;color:#1e293b;transition:all .3s ease;box-sizing:border-box}.application-scope-section .date-range-section .date-inputs .date-input-group input[type=date]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.application-scope-section .additional-options{margin-top:16px}.application-scope-section .additional-options .option-section-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;grid-gap:8px;gap:8px}.application-scope-section .additional-options .option-section-title:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.application-scope-section .additional-options .overtime-options{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.application-scope-section .additional-options .option-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:10px;gap:10px}.application-scope-section .additional-options .option-item:hover{border-color:#667eea;background:#f0f7ff}.application-scope-section .additional-options .option-item input[type=checkbox],.application-scope-section .additional-options .option-item input[type=radio]{width:16px;height:16px;margin:0;accent-color:#667eea;cursor:pointer;flex-shrink:0}.application-scope-section .additional-options .option-item .option-label{font-size:14px;font-weight:500;color:#374151;flex:1 1;line-height:1.3}.rate-modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;grid-gap:12px;gap:12px;justify-content:flex-end;flex-shrink:0;bottom:0;z-index:10;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.rate-modal-footer .btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;grid-gap:8px;gap:8px;position:relative;overflow:hidden}.rate-modal-footer .btn.btn-secondary{background:#fff;color:#64748b;border-color:#d1d5db}.rate-modal-footer .btn.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.rate-modal-footer .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.rate-modal-footer .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.3);background:linear-gradient(135deg,#5a6fd8,#6a4190)}.rate-modal-footer .btn.btn-primary:active{transform:translateY(0)}.document-warning{background:#fef3cd;border:1px solid #fbbf24;border-radius:8px;margin:16px 32px;padding:0;overflow:hidden}.document-warning .warning-content{display:flex;align-items:center;grid-gap:16px;gap:16px;padding:16px 20px}.document-warning .warning-content svg{color:#f59e0b;flex-shrink:0}.document-warning .warning-content h4{margin:0 0 4px;color:#92400e;font-size:16px;font-weight:600}.document-warning .warning-content p{margin:0;color:#92400e;font-size:14px;line-height:1.4}.document-warning .warning-content .upload-documents-btn{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;grid-gap:8px;gap:8px;transition:background .2s ease;margin-left:auto}.document-warning .warning-content .upload-documents-btn:hover{background:#d97706}.document-success{background:#d1fae5;border:1px solid #10b981;border-radius:8px;margin:16px 32px;padding:12px 20px;display:flex;align-items:center;grid-gap:12px;gap:12px;color:#047857;font-weight:500}.document-success svg{color:#10b981;flex-shrink:0}.stepper-container{justify-content:center;width:60%;padding:20px 10px;align-self:center;margin:0 auto;position:relative}.stepper,.stepper-container{display:flex;align-items:center}.stepper{justify-content:space-between;width:100%}.step{flex-direction:column;text-align:center;z-index:2;width:80px}.step,.step-circle{display:flex;align-items:center}.step-circle{width:24px;height:24px;border-radius:50%;background-color:#e0e0e0;justify-content:center;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:8px}.step-label{font-size:12px;font-weight:500;line-height:1.3;white-space:pre-line;color:#757575}.connector-line{flex:1 1;height:0;border-top:2px dashed #e0e0e0;margin-top:-20px;z-index:1;min-width:40px}.connector-line.active{border-top-width:2px;border-top-style:dashed}.bill-detail-container{padding:20px;height:100%;overflow-y:auto}.bill-detail-container .spinner-container{display:flex;justify-content:center;align-items:center;height:100%}.bill-detail-container .bill-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bill-detail-container .bill-detail-header .back-button{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#555;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.bill-detail-container .bill-detail-header .back-button:hover{background-color:#f0f0f0}.bill-detail-container .bill-detail-header .bill-actions{display:flex;grid-gap:10px;gap:10px}.bill-detail-container .bill-content{background-color:#f5f5f5;border-radius:6px;padding:20px;height:calc(100% - 70px);overflow-y:auto}.bill-detail-container .bill-content .bill-paper{background-color:#fff;border-radius:6px;padding:30px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.bill-detail-container .bill-content .bill-paper .bill-header{display:flex;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title{display:flex;align-items:center;grid-gap:15px;gap:15px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title h2{font-size:24px;color:#333;margin:0}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title .status-indicator{padding:5px 10px;border-radius:4px;font-size:14px;font-weight:500}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title .status-indicator.raised{background-color:#e3f2fd;color:#0d47a1}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title .status-indicator.checked{background-color:#fff8e1;color:#ff8f00}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title .status-indicator.approved{background-color:#e8f5e9;color:#2e7d32}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item{display:flex;align-items:center}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item .label{font-weight:500;width:80px;color:#666}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item .value{font-weight:600;color:#333}.bill-detail-container .bill-content .bill-paper .bill-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:30px}.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details h3,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details h3{font-size:16px;color:#666;margin-bottom:10px}.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details .detail-block,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details .detail-block{padding:15px;border:1px solid #eee;border-radius:4px;background-color:#fafafa}.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details .detail-block .name,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details .detail-block .name{font-weight:600;font-size:16px;color:#333;margin-bottom:8px}.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details .detail-block .address,.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details .detail-block .category,.bill-detail-container .bill-content .bill-paper .bill-details-grid .client-details .detail-block .company,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details .detail-block .address,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details .detail-block .category,.bill-detail-container .bill-content .bill-paper .bill-details-grid .vendor-details .detail-block .company{color:#555;margin-bottom:5px}.bill-detail-container .bill-content .bill-paper .bill-tabs{display:flex;grid-gap:5px;gap:5px;margin-bottom:20px}.bill-detail-container .bill-content .bill-paper .bill-tabs .tab{padding:10px 20px;border-radius:4px 4px 0 0;background-color:#f5f5f5;cursor:pointer;font-weight:500}.bill-detail-container .bill-content .bill-paper .bill-tabs .tab.active{background-color:#fff8e1;box-shadow:0 -1px 3px rgba(0,0,0,.05);border-bottom:2px solid #fdd34d}.bill-detail-container .bill-content .bill-paper .bill-items-section{margin-bottom:30px}.bill-detail-container .bill-content .bill-paper .bill-items-section h3{font-size:18px;margin-bottom:15px;color:#333}.bill-detail-container .bill-content .bill-paper .bill-items-section .no-items{padding:20px;text-align:center;color:#666;background-color:#f9f9f9;border-radius:4px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section{margin-bottom:30px;border:1px solid #eee;border-radius:6px;overflow:hidden}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header{background-color:#f8f9fa;padding:12px 15px;border-bottom:1px solid #eee}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header h4{font-size:16px;margin-bottom:8px;color:#333}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header .section-details{display:flex;grid-gap:20px;gap:20px;font-size:14px;color:#666}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table{width:100%;border-collapse:collapse}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td,.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table th{background-color:#f8f9fa;font-weight:600;color:#333}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table th.editable{background-color:rgba(253,211,77,.1)}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td{color:#555}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td.editable{background-color:rgba(253,211,77,.05)}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td .editable-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td .editable-input:focus{border-color:#fdd34d;outline:none;box-shadow:0 0 0 2px rgba(253,211,77,.2)}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table .deduction-row{background-color:#fff6f6}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table .deduction-row .deduction-description{color:#d32f2f;font-size:14px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table .deduction-row .deduction-description span{font-style:italic}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table .deduction-row .deduction-amount{color:#d32f2f;font-weight:500}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table tfoot tr{background-color:#f8f9fa;font-weight:600}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table tfoot .total-label{text-align:right;color:#555}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table tfoot .section-total{color:#333}.bill-detail-container .bill-content .bill-paper .bill-summary{margin-bottom:30px;border-top:1px solid #eee;padding-top:20px}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section{width:100%;max-width:400px;margin-left:auto}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section .total-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section .total-row:last-child{border-bottom:none}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section .total-row.grand-total{font-weight:700;font-size:18px;color:#333;padding-top:15px;margin-top:5px;border-top:2px solid #eee}.bill-detail-container .bill-content .bill-paper .bill-remarks{margin-bottom:30px}.bill-detail-container .bill-content .bill-paper .bill-remarks h3{font-size:16px;margin-bottom:10px;color:#555}.bill-detail-container .bill-content .bill-paper .bill-remarks p{padding:15px;background-color:#f9f9f9;border-radius:4px;min-height:80px;color:#555}.bill-detail-container .bill-content .bill-paper .bill-remarks textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:inherit}.bill-detail-container .bill-content .bill-paper .bill-remarks textarea:focus{border-color:#fdd34d;outline:none;box-shadow:0 0 0 2px rgba(253,211,77,.2)}.bill-detail-container .bill-content .bill-paper .bill-signatures{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:20px}.bill-detail-container .bill-content .bill-paper .bill-signatures .signature-block{text-align:center;width:30%}.bill-detail-container .bill-content .bill-paper .bill-signatures .signature-block .signature-title{font-weight:500;color:#666;margin-bottom:8px}.bill-detail-container .bill-content .bill-paper .bill-signatures .signature-block .signature-date{font-size:14px;color:#888;margin-top:5px}@media print{.bill-detail-header,.bill-tabs{display:none!important}.bill-content{background-color:#fff!important;padding:0!important;height:auto!important;overflow:visible!important}.bill-content .bill-paper{box-shadow:none!important;padding:0!important}.bill-items-section{page-break-inside:avoid}}.raise-bill-wrapper{position:relative;flex-direction:column;min-height:100vh}.raise-bill-container,.raise-bill-wrapper{height:100vh;width:100%;overflow:hidden;background-color:#fff;display:flex}.raise-bill-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#333;flex-direction:column;flex:1 1}.raise-bill-container .bill-header{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;height:70px;min-height:70px;max-height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:100;overflow:visible}.raise-bill-container .bill-header .header-left{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1;min-width:0}.raise-bill-container .bill-header .header-left .back-btn{width:40px;height:40px;border-radius:50%;border:none;background:none;color:#333;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.raise-bill-container .bill-header .header-left .back-btn:hover{background-color:#f5f5f5}.raise-bill-container .bill-header .header-left h1{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raise-bill-container .bill-header .header-left .bill-status,.raise-bill-container .bill-header .header-left .billed-amount{flex-shrink:0;max-height:50px;overflow:hidden}.raise-bill-container .bill-header .header-actions{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-shrink:0;height:100%}.raise-bill-container .bill-header .header-actions .vendor-payment-summary{height:auto!important;overflow:visible!important;flex-shrink:0!important;border:none!important;box-shadow:none!important;background:none!important}.raise-bill-container .bill-header .header-actions .vendor-payment-summary:hover{transform:none!important;box-shadow:none!important}.raise-bill-container .bill-header .header-actions .approval-actions{display:flex;grid-gap:1rem;gap:1rem}.raise-bill-container .bill-header .header-actions .action-btn{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;color:#fff;transition:all .2s ease;cursor:pointer;flex-shrink:0;max-height:40px;font-size:.9rem}.raise-bill-container .bill-header .header-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.raise-bill-container .bill-header .header-actions .action-btn.approve{background-color:var(--success-color,#22c55e)}.raise-bill-container .bill-header .header-actions .action-btn.approve:hover:not(:disabled){background-color:var(--success-hover,#16a34a);transform:translateY(-1px)}.raise-bill-container .bill-header .header-actions .action-btn.decline{background-color:var(--error-color,#ef4444)}.raise-bill-container .bill-header .header-actions .action-btn.decline:hover:not(:disabled){background-color:var(--error-hover,#dc2626);transform:translateY(-1px)}.raise-bill-container .bill-header .header-actions .edit-btn,.raise-bill-container .bill-header .header-actions .share-btn{width:40px;height:40px;border-radius:50%;border:none;background:none;color:#555;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.raise-bill-container .bill-header .header-actions .edit-btn:hover,.raise-bill-container .bill-header .header-actions .share-btn:hover{background-color:#f5f5f5}.raise-bill-container .bill-header .header-actions .save-btn{padding:8px 20px;border-radius:8px;border:none;background-color:#06f;color:#fff;font-weight:500;font-size:.95rem;display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;transition:all .2s;flex-shrink:0;max-height:40px}.raise-bill-container .bill-header .header-actions .save-btn:hover{background-color:#05d;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,102,255,.3)}.raise-bill-container .bill-header .header-actions .save-btn:active{transform:translateY(0)}.raise-bill-container .form-content{overflow-y:auto;overflow-x:hidden;flex:1 1;padding:20px 20px 70px}.raise-bill-container .form-content .approval-actions{display:flex;grid-gap:1rem;gap:1rem;justify-self:unset;justify-items:center;justify-content:center;align-items:center;align-self:center;padding-top:20px;margin-bottom:20px}.raise-bill-container .form-content .action-btn{align-self:center;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.9rem;border:none;border-radius:5rem;font-weight:600;color:#fff;transition:all .2s ease;cursor:pointer}.raise-bill-container .form-content .action-btn:disabled{opacity:.5;cursor:not-allowed}.raise-bill-container .form-content .action-btn.approve{background-color:var(--success-color,#14ae5c)}.raise-bill-container .form-content .action-btn.approve:hover:not(:disabled){background-color:var(--success-hover,#16a34a);transform:translateY(-1px)}.raise-bill-container .form-content .action-btn.decline{background-color:var(--error-color,#db3f3d)}.raise-bill-container .form-content .action-btn.decline:hover:not(:disabled){background-color:var(--error-hover,#dc2626);transform:translateY(-1px)}.raise-bill-container .form-content .info-section{margin-bottom:30px}.raise-bill-container .form-content .info-section .info-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}.raise-bill-container .form-content .info-section .info-card .client-header{background-color:#fff;padding:24px 24px 12px;border-bottom:1px solid #eaedf3}.raise-bill-container .form-content .info-section .info-card .client-header .info-group .info-label{font-size:.9rem;font-weight:500;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.raise-bill-container .form-content .info-section .info-card .client-header .info-group .primary-field{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.raise-bill-container .form-content .info-section .info-card .client-header .info-group .secondary-field{color:#4b5563;font-size:.9rem}.raise-bill-container .form-content .info-section .info-card .info-row{display:flex;flex-wrap:wrap;background-color:#fff}@media(min-width:992px){.raise-bill-container .form-content .info-section .info-card .info-row{flex-wrap:nowrap}}.raise-bill-container .form-content .info-section .info-card .info-row .info-col{flex:1 1;min-width:220px;padding:24px}.raise-bill-container .form-content .info-section .info-card .info-row .info-col.left-col,.raise-bill-container .form-content .info-section .info-card .info-row .info-col.middle-col{background-color:#fff;border-right:1px solid #eaedf3;flex:1 1}.raise-bill-container .form-content .info-section .info-card .info-row .info-col.right-col{background-color:#fff;flex:1 1}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-group{margin-bottom:24px}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-label,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-label,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-label{font-size:.9rem;font-weight:500;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eaedf3;position:relative}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row:last-child,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row:last-child,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row:last-child{border-bottom:none}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row .info-label,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row .info-label,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row .info-label{font-size:.85rem;font-weight:500;color:#6b7280;margin-bottom:0;text-transform:none;letter-spacing:normal;flex:1 1;padding-right:8px}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row .editable-field,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row .editable-field,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row .editable-field{flex:1.2 1;font-size:.9rem;color:#1f2937;text-align:right;min-width:120px;padding-right:20px;overflow:hidden}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row .editable-field .field-content,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row .editable-field .field-content,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row .editable-field .field-content{padding-right:5px;position:relative}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details .info-detail-row .editable-field:hover:not(.editing):after,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .info-details .info-detail-row .editable-field:hover:not(.editing):after,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details .info-detail-row .editable-field:hover:not(.editing):after{right:5px}.raise-bill-container .form-content .info-section .info-card .info-row .info-col .bill-details,.raise-bill-container .form-content .info-section .info-card .info-row .info-col .vendor-details{margin-top:0;padding-top:0;border-top:none}.raise-bill-container .form-content .info-row{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;margin-bottom:20px}.raise-bill-container .form-content .info-row .info-col{flex:1 1;min-width:250px}.raise-bill-container .form-content .info-row .info-col .info-label{font-size:.8rem;color:#757575;margin-bottom:5px}.raise-bill-container .form-content .info-row .info-col .info-row-mini{display:flex;grid-gap:10px;gap:10px;margin-bottom:10px}.raise-bill-container .form-content .info-row .info-col .info-row-mini .info-mini-col{flex:1 1}.raise-bill-container .form-content .info-row .info-col .info-row-mini .info-mini-col .info-label{font-size:.8rem;color:#757575;margin-bottom:3px}.raise-bill-container .form-content .empty-section{padding:30px;text-align:center;color:#757575}.raise-bill-container .form-content .bill-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}.raise-bill-container .form-content .bill-section .section-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background-color:#fff8e1;border-bottom:1px solid #ffe082;cursor:pointer}.raise-bill-container .form-content .bill-section .section-header .section-title{font-size:1rem;font-weight:600;color:#795548;margin:0;padding:0}.raise-bill-container .form-content .bill-section .section-header .section-toggle{flex-direction:row;display:flex;align-items:center;grid-gap:8px;gap:8px}.raise-bill-container .form-content .bill-section .section-header .section-toggle .expanded{transform:rotate(180deg);transition:transform .3s}.raise-bill-container .form-content .bill-section .section-header .add-subsection-btn{padding:10px 20px;background-color:#f0f7ff;color:#1677ff;border:1px dashed #91caff;border-radius:6px;display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s;margin-left:10px}.raise-bill-container .form-content .bill-section .section-header .add-subsection-btn svg{font-size:1.1rem}.raise-bill-container .form-content .bill-section .section-header .add-subsection-btn:hover{background-color:#e6f4ff;transform:translateY(-2px);box-shadow:0 2px 8px rgba(24,144,255,.2)}.raise-bill-container .form-content .bill-section .section-header .add-subsection-btn:active{transform:translateY(0)}.raise-bill-container .form-content .bill-section .section-content{padding:0;overflow:hidden}.raise-bill-container .form-content .bill-section .section-content .subsection{border-bottom:1px solid #e0e0e0;margin:0;padding:0}.raise-bill-container .form-content .bill-section .section-content .subsection:last-child{border-bottom:none}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header{display:grid;grid-template-columns:minmax(250px,300px) 1fr;padding:12px 20px;align-items:center;background-color:#fafafa;cursor:pointer;height:auto;overflow:visible;border:none;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-title{flex-direction:column;display:flex;grid-gap:3px;gap:3px;padding-right:10px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-title .subtitle{font-size:.85rem;color:#757575}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;text-align:center;align-items:center;justify-content:end}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item label{display:block;font-size:.8rem;color:#757575;margin-bottom:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .amount{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .amount{font-weight:600;color:#4caf50}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .editable-field{font-weight:600;color:#4caf50;text-align:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .editable-field .field-content{color:#4caf50;font-weight:600;text-align:center;display:flex;justify-content:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .editable-field.editing input{color:#4caf50;font-weight:600;text-align:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field{width:100%;text-align:center;margin:0;padding:4px;height:28px;display:flex;align-items:center;justify-content:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field.editing{padding:0}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field.editing input{width:100%;padding:4px;text-align:center;height:100%;font-size:.9rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field .field-content{display:flex;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;width:100%;font-size:.9rem}@media(max-width:1200px){.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info{grid-template-columns:repeat(5,1fr)}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item label{font-size:.7rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .amount,.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field{font-size:.8rem}}@media(max-width:767px){.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header{display:flex;flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info{display:grid;grid-template-columns:repeat(2,1fr);width:100%;grid-gap:15px;gap:15px;padding:10px 0}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item{padding:5px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item label{font-size:.8rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .add-subsection-btn{align-self:flex-end}}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content{padding:15px 20px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:5px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header h3{font-size:1rem;font-weight:600;margin:0;color:#1f2329}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator{display:flex;align-items:center;grid-gap:12px;gap:12px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator span{font-size:.85rem;color:#4e5969}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator .progress-bar{width:120px;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator .progress-bar .progress-fill{position:absolute;left:0;top:0;height:100%;background-color:#4caf50;border-radius:4px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section{margin-bottom:25px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title{font-weight:600;font-size:.95rem;margin-bottom:12px;color:#1f2329;display:flex;align-items:center;grid-gap:8px;gap:8px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title .editable-field{flex:1 1;min-height:30px;padding:6px 8px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title .editable-field:hover{background-color:rgba(22,119,255,.1);border:1px dashed #1677ff}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title .editable-field.editing{background-color:#fff;border:2px solid #1677ff}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title .edit-icon{opacity:0;transition:opacity .2s;color:#1677ff;cursor:pointer;font-size:.85rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-table-section .table-title:hover .edit-icon{opacity:1}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table{display:block;width:100%;border-radius:12px;overflow:hidden}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-body .table-row,.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-header{display:grid!important;grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 110px!important;width:100%!important;align-items:center!important}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .cell{display:flex;align-items:center;width:100%;height:100%;flex:1 1;padding:10px 8px;font-size:15px;border:1.5px dotted #d6e9ff;min-height:44px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-header .cell{font-weight:600;background:#f7f9fc;border:1.5px dotted #d6e9ff;padding:18px 12px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-body .table-row:last-child .cell{border-bottom:none}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#f7f9fc;border-top:1px solid #e6e8f0;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .add-row-btn{padding:10px 16px;background-color:#ebf5ff;color:#1677ff;border:1px dashed #91caff;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:6px;gap:6px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .add-row-btn:hover{background-color:#d6ebff;box-shadow:0 2px 8px rgba(24,144,255,.1);color:#0056b3}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals{display:flex;grid-gap:18px;gap:18px;justify-content:flex-end;align-items:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals .total-item{font-size:1rem;font-weight:600;margin-left:18px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals .total-item:nth-child(2){color:#f44336}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals .total-item:nth-child(3){color:#4caf50}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals .total-item:first-child{margin-left:0}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container{margin-top:15px;margin-bottom:30px;display:flex;justify-content:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container .add-table-btn{padding:10px 20px;background-color:#f0f7ff;color:#1677ff;border:1px dashed #91caff;border-radius:6px;display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container .add-table-btn svg{font-size:1.1rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container .add-table-btn:hover{background-color:#e6f4ff;transform:translateY(-2px);box-shadow:0 2px 8px rgba(24,144,255,.2)}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container .add-table-btn:active{transform:translateY(0)}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container{display:flex;justify-content:center;padding:20px 0;margin-top:10px}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn{padding:10px 20px;background-color:#e8f5e9;color:#2e7d32;border:2px dashed #66bb6a;border-radius:4px;display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn svg{font-size:1.2rem}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn:hover{background-color:#c8e6c9;transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn:active{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.raise-bill-container .form-content .bill-section .section-content.milestones-content{padding:25px 20px}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone{display:flex;flex-direction:column;align-items:center;position:relative;width:100px}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone .milestone-dot{width:20px;height:20px;border-radius:50%;background-color:#e0e0e0;border:2px solid #fff;box-shadow:0 0 0 1px #bdbdbd;z-index:2}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone .milestone-dot.active{background-color:#4caf50;box-shadow:0 0 0 1px #4caf50}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone .milestone-label{margin-top:10px;font-size:.85rem;text-align:center;color:#757575}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone-line{flex:1 1;height:2px;background-color:#e0e0e0;position:relative;z-index:1}.raise-bill-container .form-content .bill-section .section-content.milestones-content .payment-milestones-title{text-align:center;font-size:1.1rem;color:#424242;margin-top:20px}.raise-bill-container .form-content .bill-summary-container{margin:20px 0;display:flex;flex-direction:row;grid-gap:20px;gap:20px}@media(max-width:992px){.raise-bill-container .form-content .bill-summary-container{flex-direction:column}}.raise-bill-container .form-content .bill-summary-container .bill-summary,.raise-bill-container .form-content .bill-summary-container .total-bill-summary{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);flex:1 1;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.raise-bill-container .form-content .bill-summary-container .bill-summary h3,.raise-bill-container .form-content .bill-summary-container .total-bill-summary h3{font-size:16px;margin:0;padding:16px 20px;font-weight:600;color:#333;background:linear-gradient(90deg,#fff8dc,#fffcf0);border-bottom:1px solid rgba(0,0,0,.05);letter-spacing:.5px}.raise-bill-container .form-content .bill-summary-container .bill-view-options{padding:10px;display:flex;align-items:center;justify-content:center;align-content:center}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container{display:flex;background-color:#fff;border-radius:10px;justify-content:space-around;width:100vh;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #1677ff;align-items:center}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button{border:none;background:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;display:flex;grid-gap:8px;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px;justify-content:center;height:40px;align-items:center;align-content:center;align-self:center}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active{color:#1677ff;align-items:center;justify-content:center}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active svg{opacity:1;color:#1677ff;transform:scale(1.1)}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:3px;background:#1677ff;border-radius:3px 3px 0 0}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button:hover:not(.active){background-color:hsla(0,0%,100%,.8);transform:translateY(-1px)}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button svg{opacity:.8;transition:all .3s ease}.raise-bill-container .form-content .bill-summary-container .bill-history-table{border:none;margin:10px 15px 15px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03);background-color:#fafafa}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-header{display:grid;grid-template-columns:1fr 1fr 1fr 120px;background:linear-gradient(90deg,#f5f7fb,#f1f4f9);padding:12px 15px;font-weight:600;font-size:14px;color:#555;border-bottom:1px solid rgba(0,0,0,.05)}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body{max-height:350px;overflow-y:auto;background-color:#fff}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row{display:grid;grid-template-columns:1fr 1fr 1fr 120px;padding:20px 15px;border-bottom:1px solid #f0f0f0;font-size:14px;transition:all .2s ease}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row:hover{background-color:#f9fafb}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row.active-bill{background-color:#f0f7ff;border-left:3px solid #1677ff}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row.view-more{color:#1677ff;font-weight:600;cursor:pointer}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row.view-more:hover{background-color:#f0f7ff}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row.no-bills{color:#888;font-style:italic;padding:20px 15px;text-align:center}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row .view-doc-btn{width:34px;height:34px;background-color:#f0f7ff;border:1px solid #d6e9ff;border-radius:8px;cursor:pointer;color:#1677ff;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row .view-doc-btn:hover:not(:disabled){background-color:#d6e9ff;transform:translateY(-2px);box-shadow:0 3px 8px rgba(22,119,255,.2)}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row .view-doc-btn:active:not(:disabled){transform:translateY(0)}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row .view-doc-btn:disabled{background-color:#f5f5f5;color:#bbb;border-color:#e8e8e8;cursor:default}.raise-bill-container .form-content .bill-summary-container .summary-content{padding:15px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row.net-payable{border-bottom:none;font-weight:700;font-size:18px;color:#06c}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row .summary-label{color:#555}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row .summary-value{font-weight:500;color:#707070}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row .summary-value .editable-field{padding:5px 15px 5px 0;text-align:right}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row .summary-value .editable-field .field-content{text-align:right;justify-content:flex-end;display:flex}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-divider{height:2px;background-color:#ddd;margin:10px 0}.raise-bill-container .form-content .final-remarks{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:20px;margin-bottom:70px}.raise-bill-container .form-content .final-remarks .remark-field{margin-bottom:25px}.raise-bill-container .form-content .final-remarks .remark-field label{display:block;font-size:.95rem;font-weight:500;margin-bottom:10px}.raise-bill-container .form-content .final-remarks .remark-field .remark-textarea{width:100%;min-height:80px;border:1px solid #e0e0e0;border-radius:4px;padding:12px;font-size:.9rem;background-color:#fff}.raise-bill-container .form-content .final-remarks .remark-field .remark-textarea.editing{background-color:#f5f5f5;border-color:#3f51b5}.raise-bill-container .form-content .final-remarks .remark-field .remark-textarea .textarea-content{min-height:80px;white-space:pre-wrap}.raise-bill-container .form-content .final-remarks .approvals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.raise-bill-container .form-content .final-remarks .approvals .approval-step{display:flex;flex-direction:column;align-items:left;text-align:left;padding:15px 10px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;transition:all .2s ease}.raise-bill-container .form-content .final-remarks .approvals .approval-step:hover{background-color:#f0f0f0;border-color:#ccc}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-label{font-size:.85rem;color:#757575;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;margin-left:5px}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-name{font-weight:600;font-size:.95rem;margin-bottom:5px;min-height:24px;display:flex;align-items:center;justify-content:center;width:100%}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-name .editable-field{text-align:center;justify-content:center;min-height:24px}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-date{font-size:.8rem;color:#757575;min-height:20px;display:flex;align-items:center;justify-content:center;width:100%}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-date .editable-field{text-align:center;justify-content:center;min-height:20px}.raise-bill-container .bill-actions{position:fixed;left:0;right:0;bottom:0;background-color:#fff;padding:15px 20px;display:flex;justify-content:flex-end;grid-gap:15px;gap:15px;box-shadow:0 -1px 3px rgba(0,0,0,.1);z-index:100;height:60px}.raise-bill-container .bill-actions .cancel-btn{padding:8px 20px;border:1px solid #e0e0e0;background-color:#fff;color:#616161;border-radius:4px;font-weight:500;cursor:pointer}.raise-bill-container .bill-actions .cancel-btn:hover{background-color:#f5f5f5}.raise-bill-container .bill-actions .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.raise-bill-container .bill-actions .save-btn{padding:8px 20px;background-color:#ffc107;border:none;color:#212121;border-radius:4px;font-weight:500;cursor:pointer}.raise-bill-container .bill-actions .save-btn:hover{background-color:#ffb300}.raise-bill-container .bill-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn{padding:10px 20px;background-color:#fdd34d;border:none;color:#212121;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;display:flex;align-items:center}.generate-btn:hover{background-color:#fbc02d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.save-draft{padding:10px 20px;background-color:#e0e0e0;border:none;color:#212121;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;display:flex;align-items:center}.save-draft:hover{background-color:#bdbdbd}.save-draft:disabled{opacity:.6;cursor:not-allowed}.editable-field{position:relative;min-height:20px;width:100%;padding:5px 25px 5px 5px;border-radius:3px;cursor:text;border:1px dashed transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.editable-field:hover:not(.editing){background-color:rgba(63,81,181,.1);border-color:#3f51b5}.editable-field:hover:not(.editing):after{content:"✎";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#3f51b5;opacity:1;pointer-events:none;width:16px;text-align:center}.editable-field.editing{padding:0;border:2px solid #3f51b5;box-shadow:0 0 8px rgba(63,81,181,.4);z-index:1000}.editable-field.editing input,.editable-field.editing textarea{width:100%!important;padding:5px;border:none;border-radius:3px;font-size:inherit;font-family:inherit;outline:none;position:relative;z-index:1001}.editable-field.editing input:focus,.editable-field.editing textarea:focus{box-shadow:none}.editable-field.editing textarea{min-height:80px;resize:vertical}.editable-field.primary-field{font-weight:500;font-size:1rem}.editable-field.secondary-field{color:#757575;font-size:.9rem}.editable-field.remark-textarea{min-height:80px}.editable-field.remark-textarea .field-content{white-space:pre-wrap;min-height:80px}.editable-field .field-content{flex:1 1;min-height:18px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;padding-right:20px;text-align:left}.s-no{width:60px;flex:0 0 60px;text-align:left}.s-no .editable-field,.s-no .editable-field .field-content{justify-content:flex-start;text-align:left}.s-no .editable-field .field-content{display:flex;align-items:center;width:100%}.description{width:200px;flex:0 0 200px;word-wrap:break-word;white-space:normal}.description,.description .editable-field{text-align:left;justify-content:flex-start}.description .editable-field{height:100%}.description .editable-field .field-content{white-space:normal;word-break:break-word;overflow-wrap:break-word;text-align:left;justify-content:flex-start;align-items:center}.breadth,.height,.length{width:40px;flex:1 1 40px;text-align:left}.breadth .editable-field,.breadth .editable-field .field-content,.height .editable-field,.height .editable-field .field-content,.length .editable-field,.length .editable-field .field-content{justify-content:flex-start;text-align:left}.units{width:40px;flex:1 1 40px;text-align:left}.units .editable-field,.units .editable-field .field-content{justify-content:flex-start;text-align:left}.nos{width:50px;flex:1 1 50px;text-align:left}.nos .editable-field,.nos .editable-field .field-content{justify-content:flex-start;text-align:left}.total-quantity{width:70px;flex:1 1 70px;text-align:left}.total-quantity .editable-field,.total-quantity .editable-field .field-content{justify-content:flex-start;text-align:left}.rate{width:50px;flex:1 1 50px;text-align:left}.rate .editable-field,.rate .editable-field .field-content{justify-content:flex-start;text-align:left}.amount{width:100px;flex:0 0 150px;text-align:left}.amount .editable-field,.amount .editable-field .field-content{justify-content:flex-start;text-align:left}.actions{width:90px;flex:0 0 90px;text-align:center}[data-rbd-draggable-context-id]{cursor:grab}[data-rbd-draggable-id][data-rbd-drag-handle-draggable-id]{background-color:#f5f5f5}body,html{height:100%;width:100%;margin:0;padding:0;overflow:hidden}.table-title-field{background-color:#f7f9fc;cursor:pointer!important;width:100%;min-height:30px;padding:15px 12px!important;display:block;border-radius:8px}.table-title-field:hover{border-color:#1677ff;background-color:rgba(22,119,255,.1)}.table-title-field .field-content{font-weight:600}.all-bills-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.all-bills-modal-overlay .all-bills-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;animation:modal-appear .3s ease;overflow:hidden}.all-bills-modal-overlay .all-bills-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.all-bills-modal-overlay .all-bills-modal .modal-header h3{margin:0;font-size:18px;color:#333;display:flex;align-items:center;grid-gap:8px;gap:8px}.all-bills-modal-overlay .all-bills-modal .modal-header h3 .header-icon{color:#06c}.all-bills-modal-overlay .all-bills-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;color:#777;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-header .close-btn:hover{background-color:#f5f5f5;color:#333}.all-bills-modal-overlay .all-bills-modal .modal-body{padding-top:0;overflow-y:auto}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:20px}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item{background-color:#f8f9fa;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item.paid .stat-value{color:#4caf50}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item.due .stat-value{color:#f44336}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item .stat-value{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item .stat-label{font-size:13px;color:#666}@media(max-width:768px){.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats{grid-template-columns:repeat(2,1fr)}}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table{width:100%;border-collapse:collapse}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#fff}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table th{background-color:#f7f7f7;padding:12px 15px;text-align:left;font-size:14px;font-weight:600;color:#555;border-bottom:1px solid #ddd}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td{padding:12px 15px;font-size:14px;text-align:left;border:1px solid #e9e9e9;color:#666}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill{display:inline-flex;align-items:center;grid-gap:5px;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-approved{background-color:#e6f7e6;color:#2e7d32}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-pending{background-color:#fff8e1;color:#ff8f00}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-checked{background-color:#e3f2fd;color:#1565c0}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-raised{background-color:#f1f8e9;color:#558b2f}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-requested{background-color:#f3e5f5;color:#7b1fa2}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-declined{background-color:#ffebee;color:#c62828}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-draft{background-color:#e0f7fa;color:#006064}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill.status-paid{background-color:#e8f5e9;color:#388e3c}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .view-btn{align-items:center;padding:6px 12px;background-color:#e3f2fd;color:#06c;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .view-btn:hover:not(:disabled){background-color:#bbdefb;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,102,255,.2)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .view-btn:active:not(:disabled){transform:translateY(0)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .view-btn:disabled{background-color:#f0f0f0;color:#aaa;cursor:default}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions{display:flex;grid-gap:8px;gap:8px}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn{align-items:center;padding:6px 12px;background-color:#fff3e0;color:#ff8f00;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn:hover{background-color:#ffe0b2;transform:translateY(-2px);box-shadow:0 2px 5px rgba(255,143,0,.2)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn:active{transform:translateY(0)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn.active{background-color:#ffd54f;color:#e65100}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .save-btn{align-items:center;padding:6px 12px;background-color:#e8f5e9;color:#2e7d32;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .save-btn:hover{background-color:#c8e6c9;transform:translateY(-2px);box-shadow:0 2px 5px rgba(46,125,50,.2)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .save-btn:active{transform:translateY(0)}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .current-indicator{font-size:12px;color:#2196f3;font-weight:500}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table tr.active-bill-row{background-color:#f2f9ff}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table tr.active-bill-row td:first-child{border-left:3px solid #2196f3}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table tfoot tr{background-color:#f9f9f9;font-size:14px}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table tfoot tr td{border-top:2px solid #ddd;border-bottom:none;font-weight:600}.custom-overlay{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.custom-modal{width:550px;border-radius:16px;padding:0;box-shadow:0 20px 50px rgba(0,0,0,.2);border:none;overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal{padding:0;background:linear-gradient(180deg,#fcfcfc,#f5f5f5)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #eaeaea}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#222}.close-button{background:transparent;border:none;cursor:pointer;color:#999;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background-color:#f0f0f0;color:#555}.amount-input-container{margin:10px 15px;position:relative;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;border:2px solid #eaeaea;transition:all .3s ease}.amount-input-container:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.15)}.currency-label{font-size:20px;font-weight:500;color:#333;padding:10px}.amount-input-container input{flex-grow:1;border:none;padding:20px 0;font-size:20px;background:transparent;font-weight:500;color:#222}.amount-input-container input:focus{outline:none}.amount-input-container input::placeholder{color:#bbb}.button-group{display:flex;justify-content:flex-end;grid-gap:16px;gap:16px;padding:10px 15px;background-color:#fff;border-top:1px solid #eaeaea}.btn{padding:10px 18px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.cancel-btn{background-color:#f5f5f5;color:#555}.cancel-btn:hover{background-color:#e8e8e8}.submit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding-left:10px;padding-right:10px}.submit-btn:hover{background:linear-gradient(135deg,#5254cc,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.submit-btn:active{transform:translateY(1px)}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bill-total-summary{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;background-color:#fff}@media(min-width:768px){.bill-total-summary{grid-template-columns:repeat(4,1fr)}}.bill-total-summary .total-summary-item{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;padding:30px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.bill-total-summary .total-summary-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.bill-total-summary .total-summary-item .total-label{font-size:14px;color:#666;margin-bottom:10px;font-weight:500}.bill-total-summary .total-summary-item .total-value{font-size:16px;font-weight:700;color:#06c;letter-spacing:-.5px}.bill-total-summary .total-summary-item:first-child{background:linear-gradient(145deg,#fff,#f3f6fd)}.bill-total-summary .total-summary-item:first-child .total-value{color:#3949ab}.bill-total-summary .total-summary-item:nth-child(2){background:linear-gradient(145deg,#fff,#ecf9fd)}.bill-total-summary .total-summary-item:nth-child(2) .total-value{color:#00acc1}.bill-total-summary .total-summary-item:nth-child(3){background:linear-gradient(145deg,#fff,#e8f5e9)}.bill-total-summary .total-summary-item:nth-child(3) .total-value{color:#43a047}.bill-total-summary .total-summary-item:nth-child(4){background:linear-gradient(145deg,#fff,#fef8e8)}.bill-total-summary .total-summary-item:nth-child(4) .total-value{color:#f57c00}.bill-comparison-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;margin-bottom:30px;overflow-x:auto}.comparison-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:24px}.comparison-table{width:100%;border-collapse:collapse;font-size:14px}.comparison-table td,.comparison-table th{padding:12px 15px;border:1px solid #e8e8e8;text-align:center}.comparison-table th{background-color:#fff9e6;font-weight:600;color:#333}.comparison-table tr:nth-child(2n),.even-row{background-color:#f8f8f8}.odd-row{background-color:#fff}.deduction-row{background-color:#fff5f5}.deduction-desc{font-style:italic;color:#666}.amount,.total-quantity{color:#05a;font-weight:600}.deduction-amount,.deduction-quantity{color:#c00;font-weight:600}[data-rbd-draggable-context-id]:active{cursor:grabbing}[data-rbd-drag-handle-draggable-id]{cursor:grab}[data-rbd-drag-handle-draggable-id]:active{cursor:grabbing}.table-body.drag-over-valid{background-color:rgba(76,175,80,.1);border:2px dashed #4caf50}.table-body.drag-over-invalid{background-color:rgba(244,67,54,.1);border:2px dashed #f44336}.current-measurement-row,.measurement-row:not(.previous-measurement-row),[data-rbd-draggable-id]:not(.previous-measurement-row){background-color:#fff!important;transition:all .2s ease}.current-measurement-row:hover,.measurement-row:not(.previous-measurement-row):hover,[data-rbd-draggable-id]:not(.previous-measurement-row):hover{background-color:rgba(33,150,243,.05)!important}.current-measurement-row:hover [data-rbd-drag-handle-draggable-id],.measurement-row:not(.previous-measurement-row):hover [data-rbd-drag-handle-draggable-id],[data-rbd-draggable-id]:not(.previous-measurement-row):hover [data-rbd-drag-handle-draggable-id]{opacity:1;color:#2196f3}.current-measurement-row .editable-field,.measurement-row:not(.previous-measurement-row) .editable-field,[data-rbd-draggable-id]:not(.previous-measurement-row) .editable-field{background-color:#fff!important;border:2px dashed transparent!important;border-radius:4px!important}.current-measurement-row .editable-field:focus,.current-measurement-row .editable-field:hover,.measurement-row:not(.previous-measurement-row) .editable-field:focus,.measurement-row:not(.previous-measurement-row) .editable-field:hover,[data-rbd-draggable-id]:not(.previous-measurement-row) .editable-field:focus,[data-rbd-draggable-id]:not(.previous-measurement-row) .editable-field:hover{border:2px dashed #1677ff!important;background-color:#fff!important}.current-measurement-row .editable-field input,.measurement-row:not(.previous-measurement-row) .editable-field input,[data-rbd-draggable-id]:not(.previous-measurement-row) .editable-field input{width:100%;padding:6px 8px;border:none;outline:none;font-size:.95rem;color:#1e293b;background:transparent}.current-measurement-row .editable-field input:focus,.measurement-row:not(.previous-measurement-row) .editable-field input:focus,[data-rbd-draggable-id]:not(.previous-measurement-row) .editable-field input:focus{outline:none}[data-rbd-draggable-id]:not(.previous-measurement-row){background-color:#fff!important}[data-rbd-draggable-id]:not(.previous-measurement-row):hover{background-color:rgba(33,150,243,.05)!important}.previous-bill-row{background-color:#f9f9f9!important;color:#666!important}.previous-bill-row td{font-style:italic!important;color:#666!important;pointer-events:none!important}.previous-measurement-row{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed!important;opacity:.85}.previous-measurement-row *{color:#666!important}.previous-measurement-row .editable-field{pointer-events:none!important;background-color:transparent!important;cursor:not-allowed!important;border:none!important}.previous-measurement-row .editable-field input,.previous-measurement-row .editable-field textarea{color:#666!important;background-color:transparent!important;border:none!important}.previous-measurement-row [data-rbd-drag-handle-draggable-id]{cursor:not-allowed!important;opacity:.5}.header-row{background-color:#f0f0f0!important;font-weight:700!important;text-align:center!important;color:#444!important}.header-row td{pointer-events:none!important}.subheader-row{background-color:#eaf5ff!important;font-weight:500!important;color:#06c!important;text-align:center!important}.subheader-row td{pointer-events:none!important}.header-row td,.subheader-row td{border-top:2px solid #ccc!important;border-bottom:2px solid #ccc!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-milestones-container{width:100%;padding:2vh 3.5vw;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border-radius:16px;background-color:#fff;transition:all .3s ease-in-out;border:2px solid #ffeeba;box-shadow:0 8px 24px rgba(0,0,0,.08)}.payment-header{display:flex;justify-content:space-between;align-items:flex-start}.amount-section{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.allotted-amount{align-items:center;display:flex;justify-content:center;color:#0f172a;align-self:center}.milestone-label,.total-amount{display:flex;flex-direction:column;grid-gap:6px;gap:6px;align-self:center}.label{color:#c2c2c2}.label,.value{font-size:16px;font-weight:700;border-radius:12px;min-width:180px;text-align:right;align-self:center}.value{color:#202020}.completion-section{display:flex;flex-direction:column;align-items:flex-end;grid-gap:8px;gap:8px}.completion-circle{background-color:#f1f5f9;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:600;color:#334155}.completion-label{font-size:13px;color:#64748b}.milestone-track-container{position:relative;margin:70px 0 50px;height:120px}.milestone-track{position:relative;height:8px;border-radius:10px;background-color:#e2e8f0;border:none}.milestone-progress{position:absolute;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;transition:width .8s cubic-bezier(.16,1,.3,1)}.milestone-marker{position:absolute;top:-8px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.milestone-dot{width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;z-index:2;border:3px solid #fff;box-shadow:0 2px 6px rgba(99,102,241,.4);transition:transform .2s ease,box-shadow .2s ease}.milestone-dot:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(99,102,241,.6)}.milestone-info{position:absolute;top:30px;text-align:center;width:120px;transform:translateX(-50%);left:50%;padding:12px;transition:transform .2s ease}.milestone-info:hover{transform:translateX(-50%) translateY(-5px)}.milestone-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-percentage{font-size:13px;font-weight:600;color:#6366f1;margin-bottom:4px;background-color:#eff6ff;padding:2px 8px;border-radius:12px;display:inline-block}.milestone-amount{font-size:15px;color:#334155;font-weight:500}.milestone-title{text-align:center;font-size:16px;font-weight:600;color:#0f172a;position:relative;padding-bottom:12px}.milestone-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px}@media (max-width:640px){.milestone-info{width:100px;padding:8px}.milestone-name{font-size:12px}.milestone-percentage{font-size:11px}.milestone-amount{font-size:12px}.value{font-size:16px;min-width:140px}}:root{--primary:#fdd34d;--primary-light:#fff8e1;--primary-dark:#ffca1a;--secondary:#059669;--error:#ef4444;--warning:#f59e0b;--success:#10b981;--gray-50:#f9fafb;--surface:#fff;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:all 0.2s ease-in-out}.quality-issues-container{display:flex;flex-direction:column;height:100%;background-color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--gray-800);padding:1.25rem;position:relative;overflow:hidden}.quality-issues-container.compact-view{border-right:1px solid var(--gray-200)}.quality-issues-container .app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.quality-issues-container .app-header h1{font-weight:600;font-size:1.25rem;line-height:1.4;color:var(--gray-900);margin:0}.quality-issues-container .app-header .header-actions{display:flex;grid-gap:.5rem;gap:.5rem}.quality-issues-container .app-header .header-actions .action-button{background-color:var(--gray-100);color:var(--gray-700);width:2.25rem;height:2.25rem;border-radius:var(--radius-md)}.quality-issues-container .app-header .header-actions .action-button:hover{background-color:var(--gray-200);color:var(--gray-900)}.quality-issues-container .search-header{display:flex;align-items:center;width:100%;grid-gap:.75rem;gap:.75rem}.quality-issues-container .search-header .MuiIconButton-root{color:var(--gray-500);background-color:var(--gray-100);border-radius:var(--radius-md)}.quality-issues-container .search-header .MuiIconButton-root:hover{background-color:var(--gray-200)}.quality-issues-container .search-header .search-input{flex:1 1;background-color:var(--gray-100);border-radius:var(--radius-md);padding:.5rem .75rem;color:var(--gray-800)}.quality-issues-container .search-header .search-input::placeholder{color:var(--gray-500)}.quality-issues-container .filter-controls-row{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;margin-bottom:1.25rem}.quality-issues-container .filter-controls-row .project-selector-button{background-color:var(--primary);color:#000;font-weight:500;text-transform:none;border-radius:6px!important;padding:.375rem .55rem;min-height:2.25rem;box-shadow:var(--shadow-sm);flex:0 0 auto;min-width:0;max-width:33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.quality-issues-container .filter-controls-row .project-selector-button:hover{background-color:#ffe693;box-shadow:var(--shadow-md)}.quality-issues-container .filter-controls-row .project-selector-button .MuiButton-startIcon{margin-right:.25rem;font-size:1rem}.quality-issues-container .filter-controls-row .project-selector-button .MuiButton-endIcon{margin-left:.125rem;font-size:1rem}.quality-issues-container .filter-controls-row .quality-tabs{width:20vw;background-color:var(--gray-100);border-radius:var(--radius-md);min-height:2.25rem;padding:.15rem}.quality-issues-container .filter-controls-row .quality-tabs .MuiTabs-flexContainer{justify-content:center}.quality-issues-container .filter-controls-row .quality-tabs .MuiTab-root{min-height:2rem;padding:.6rem .75rem;min-width:60px;text-transform:none;font-weight:500;color:var(--gray-600);font-size:.8125rem;border-radius:var(--radius-md);transition:var(--transition)}.quality-issues-container .filter-controls-row .quality-tabs .MuiTab-root.Mui-selected{background-color:var(--primary);color:#000;font-weight:600}.quality-issues-container .filter-controls-row .quality-tabs .MuiTabs-indicator{display:none}.quality-issues-container .filter-controls-row .sort-button{min-height:2.25rem;padding:0 .625rem;text-transform:none;font-size:.8125rem;color:var(--gray-700);background-color:var(--gray-100);border:none;border-radius:var(--radius-md);white-space:nowrap;flex:0 0 auto}.quality-issues-container .filter-controls-row .sort-button:hover{background-color:var(--gray-200)}.quality-issues-container .filter-controls-row .sort-button .MuiButton-startIcon{margin-right:.25rem;color:var(--primary-dark);font-size:1rem}.quality-issues-container .issues-list{flex:1 1;overflow-y:auto;padding-bottom:5rem;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.quality-issues-container .issues-list::-webkit-scrollbar{width:.375rem}.quality-issues-container .issues-list::-webkit-scrollbar-track{background:transparent}.quality-issues-container .issues-list::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:.375rem}.quality-issues-container .issues-list .date-header{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin:1.25rem 0 .875rem;padding-left:.5rem}.quality-issues-container .issues-list .date-header svg{color:var(--primary);font-size:1.125rem}.quality-issues-container .issues-list .date-header p{font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0}.quality-issues-container .issues-list .issue-item{margin-bottom:.875rem;border-radius:var(--radius-md);background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.08);border-left:.25rem solid var(--primary)}.quality-issues-container .issues-list .issue-item:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.12)}.quality-issues-container .issues-list .issue-item.status-open{border-left-color:var(--error);background:linear-gradient(90deg,rgba(254,226,226,.3) 0,#f8f8f8 15%)}.quality-issues-container .issues-list .issue-item.status-open:hover{box-shadow:0 6px 12px rgba(220,38,38,.1)}.quality-issues-container .issues-list .issue-item.status-closed{border-left-color:var(--success);background:linear-gradient(90deg,rgba(209,250,229,.3) 0,#f8f8f8 15%)}.quality-issues-container .issues-list .issue-item.status-closed:hover{box-shadow:0 6px 12px rgba(16,185,129,.1)}.quality-issues-container .issues-list .issue-item .issue-content{padding:.875rem 1rem}.quality-issues-container .issues-list .issue-item .issue-main{width:100%}.quality-issues-container .issues-list .issue-item .issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quality-issues-container .issues-list .issue-item .issue-header .issue-location{font-size:.9375rem;font-weight:600;color:var(--gray-800);margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-issues-container .issues-list .issue-item .issue-description{color:var(--gray-700);font-size:.875rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quality-issues-container .issues-list .issue-item .issue-meta{display:flex;flex-wrap:wrap;grid-gap:.75rem;gap:.75rem;padding-top:.5rem;border-top:1px solid #ddd}.quality-issues-container .issues-list .issue-item .issue-meta .meta-item{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--gray-500);font-size:.75rem}.quality-issues-container .issues-list .issue-item .issue-meta .meta-item svg{font-size:.875rem}.quality-issues-container .issues-list .issue-item .issue-meta .meta-item.reporter{color:var(--primary-dark);font-weight:500}.quality-issues-container .issues-list .issue-item .status-badge{padding:.1875rem .5rem;border-radius:1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.quality-issues-container .issues-list .issue-item .status-badge.open{background-color:#fee2e2;color:var(--error)}.quality-issues-container .issues-list .issue-item .status-badge.closed{background-color:#d1fae5;color:var(--success)}.quality-issues-container .issues-list .issue-item .status-badge.unknown{background-color:var(--gray-100);color:var(--gray-600)}.quality-issues-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--surface);border-radius:var(--radius-lg);padding:3rem 1.5rem;text-align:center;margin-top:1.5rem;box-shadow:var(--shadow-sm)}.quality-issues-container .empty-state h6{color:var(--gray-800);margin-bottom:.5rem;font-weight:600}.quality-issues-container .empty-state p{color:var(--gray-500);max-width:20rem}.quality-issues-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12rem;grid-gap:1rem;gap:1rem}.quality-issues-container .loading-container .MuiCircularProgress-root{color:var(--primary)}.quality-issues-container .loading-container p{color:var(--gray-500)}.quality-issues-container .highlight{background-color:rgba(253,211,77,.3);padding:.0625rem .125rem;border-radius:.125rem;font-weight:500}.quality-issues-container .add-button{position:fixed;bottom:1.5rem;right:1.5rem;width:3.25rem;height:3.25rem;background-color:var(--primary);color:#000;border-radius:50%;box-shadow:var(--shadow-lg);z-index:1000;transition:var(--transition)}.quality-issues-container .add-button:hover{background-color:var(--primary-dark);transform:scale(1.05)}.project-dialog .MuiPaper-root{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.project-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);color:#000;padding:1.25rem 1.5rem}.project-dialog .dialog-header h6{font-weight:600;margin:0;font-size:1.125rem}.project-dialog .dialog-header .close-button{color:#000}.project-dialog .dialog-header .close-button:hover{background-color:rgba(0,0,0,.1)}.project-dialog .dialog-content{padding:1.5rem}.project-dialog .dialog-content .project-search{margin-bottom:1.25rem}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root{background-color:var(--gray-50);border-radius:var(--radius-md)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root fieldset{border-color:var(--gray-200)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root:hover fieldset{border-color:var(--gray-300)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--primary)}.project-dialog .dialog-content .project-list{margin:0 -1.5rem;max-height:25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.project-dialog .dialog-content .project-list::-webkit-scrollbar{width:.375rem}.project-dialog .dialog-content .project-list::-webkit-scrollbar-track{background:transparent}.project-dialog .dialog-content .project-list::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:.375rem}.project-dialog .dialog-content .project-list .project-item{padding:.875rem 1.5rem;transition:var(--transition)}.project-dialog .dialog-content .project-list .project-item:hover{background-color:var(--gray-50)}.project-dialog .dialog-content .project-list .project-item.selected{background-color:var(--primary-light)}.project-dialog .dialog-content .project-list .project-item .project-avatar{background-color:var(--primary);color:#000;margin-right:1rem;font-weight:600}.project-dialog .dialog-content .project-list .project-item .MuiListItemText-primary{font-weight:500;color:var(--gray-800)}.project-dialog .dialog-content .project-list .project-item .MuiListItemText-secondary{color:var(--gray-500);font-size:.75rem}.project-dialog .dialog-content .project-list .project-item .check-icon{color:var(--primary)}.project-dialog .dialog-content .no-projects{display:flex;align-items:center;justify-content:center;height:10rem;background-color:var(--gray-50);border-radius:var(--radius-lg);color:var(--gray-500)}:root{--primary-color:#4b6bfb;--primary-light:#eef2ff;--primary-dark:#3b5bdf;--success-color:#10b981;--success-light:#ecfdf5;--error-color:#ef4444;--error-light:#fef2f2;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0px 1px 2px rgba(0,0,0,0.05);--shadow-md:0px 4px 6px -1px rgba(0,0,0,0.1),0px 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0px 10px 15px -3px rgba(0,0,0,0.1),0px 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.quality-chat-container{display:flex;flex-direction:column;height:100vh;font-family:var(--font-sans);background-color:#f9fafb;position:relative;overflow:hidden}.quality-chat-container *{box-sizing:border-box}.chat-header{display:flex;align-items:center;padding:14px 16px;background-color:#fff;border-bottom:1px solid var(--gray-200);z-index:10;position:-webkit-sticky;position:sticky;top:0}.chat-header .back-button{margin-right:8px;color:var(--gray-700)}.chat-header .back-button:hover{background-color:var(--gray-100)}.chat-header .status-chip{font-weight:600;padding:4px 8px;height:32px;border-radius:16px;box-shadow:var(--shadow-sm)}.chat-header .status-chip svg{font-size:16px;margin-right:4px}.unified-scroll-container{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}.unified-scroll-container::-webkit-scrollbar{width:6px}.unified-scroll-container::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:20px}.unified-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--gray-500)}.unified-scroll-container::-webkit-scrollbar-track{background-color:transparent}.issue-details-paper{padding:24px;margin:16px 16px 0;border-radius:var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-md)}.issue-details-paper .detail-section{display:flex;align-items:center;margin-bottom:16px}.issue-details-paper .detail-section .detail-icon{margin-right:12px;color:var(--gray-500);font-size:20px}.issue-details-paper .detail-section .detail-text{color:var(--gray-700)}.issue-details-paper .description-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200)}.issue-details-paper .images-section{margin-top:24px}.issue-details-paper .images-section .image-list{border-radius:var(--radius-md);overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr));grid-gap:8px}.issue-details-paper .images-section .image-item{overflow:hidden;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s ease;aspect-ratio:1/1}.issue-details-paper .images-section .image-item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.issue-details-paper .images-section .image-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.issue-details-paper .status-changed-by{margin-top:-12px;margin-bottom:16px}.timeline-connector{padding:8px 0;display:flex;justify-content:center;align-items:center}.timeline-connector .timeline-line{height:30px;width:2px;background:linear-gradient(180deg,var(--gray-300),var(--primary-color))}.comments-section{padding:8px 16px 100px}.comments-section .section-title{margin:16px 0;color:var(--gray-700);font-weight:600;font-size:18px}.comments-section .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--gray-500);grid-gap:16px;gap:16px}.comments-section .no-comments{text-align:center;color:var(--gray-500);padding:48px 0;font-style:italic}.comments-section .comments-list{max-height:100vh;display:flex;flex-direction:column;grid-gap:16px;gap:16px;overflow-y:auto;padding-bottom:16px;margin-bottom:100px}.comment-item{padding:2px}.comment-item.my-comment .comment-content{margin-left:auto;background-color:var(--primary-light);border-radius:18px 4px 18px 18px}.comment-item.my-comment .comment-content .comment-text{color:var(--gray-800)}.comment-item.other-comment .comment-content{margin-right:auto;background-color:#fff;border-radius:4px 18px 18px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.comment-item .comment-content{padding:12px 16px;max-width:85%}.comment-item .comment-content.resolution-content{border-left:4px solid var(--success-color);background-color:var(--success-light)}.comment-item .comment-header{display:flex;align-items:center;margin-bottom:8px}.comment-item .comment-header .comment-avatar{width:28px;height:28px;font-size:14px;background-color:var(--primary-color);color:#fff;margin-right:8px}.comment-item .comment-header .comment-avatar.resolution-avatar{background-color:var(--success-color)}.comment-item .comment-header .comment-author .resolution-label{color:var(--success-color);font-weight:500}.comment-item .comment-text{font-size:15px;line-height:1.5;color:var(--gray-700);white-space:pre-wrap;word-break:break-word}.comment-item .comment-text.resolution-text{color:var(--gray-800)}.comment-item .comment-image-list{margin-top:12px!important;margin-bottom:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-gap:8px!important;width:100%!important}.comment-item .comment-image-list .image-item{overflow:hidden;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;margin:4px!important;border:1px solid #e0e0e0!important}.comment-item .comment-image-list .image-item:hover{transform:scale(1.03);box-shadow:var(--shadow-sm)}.comment-item .comment-image-list .image-item img{width:100%!important;height:100%!important;min-width:100px!important;min-height:100px!important;object-fit:cover!important}.comment-item .resolution-image-list{background-color:rgba(16,185,129,.05);padding:8px!important;border-radius:var(--radius-md)}.comment-item .status-update-content{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;border-radius:var(--radius-md);transition:all .3s ease}.comment-item .status-update-content .MuiChip-root{font-weight:600;height:32px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.comment-item .status-update-content .MuiChip-root.MuiChip-colorSuccess{background:rgba(16,185,129,.2);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.comment-item .status-update-content .MuiChip-root.MuiChip-colorError{background:rgba(239,68,68,.2);color:var(--error-color);border:1px solid rgba(239,68,68,.3)}.comment-item .status-update-content .resolution-meta{color:var(--gray-600);font-weight:500}.comment-input-area{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;background-color:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--gray-200);z-index:100;display:flex;flex-direction:column;grid-gap:12px;gap:12px;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.comment-input-area .upload-progress-container{width:100%;padding:4px 0}.comment-input-area .upload-progress-container .upload-progress-bar-container{height:4px;width:100%;background-color:var(--gray-200);border-radius:2px;overflow:hidden;margin-bottom:4px}.comment-input-area .upload-progress-container .upload-progress-bar{height:100%;background-color:var(--primary-color);border-radius:2px;transition:width .3s ease}.comment-input-area .upload-progress-container .upload-progress-text{color:var(--gray-600);font-size:12px;text-align:right}.comment-input-area .selected-images-preview{padding:8px 0;max-height:150px;overflow-y:auto;scrollbar-width:thin}.comment-input-area .selected-images-preview .MuiGrid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px!important}.comment-input-area .selected-images-preview .preview-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:var(--radius-sm);border:2px solid var(--gray-200);transition:all .2s ease;min-height:100px!important;min-width:100px!important}.comment-input-area .selected-images-preview .preview-image-container:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.comment-input-area .selected-images-preview .preview-image{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-height:100px!important;min-width:100px!important;object-fit:cover!important}.comment-input-area .status-toggle{padding:8px;border-radius:var(--radius-md);transition:all .3s ease}.comment-input-area .status-toggle.resolve-toggle{background-color:rgba(16,185,129,.1);border:1px dashed rgba(16,185,129,.3)}.comment-input-area .status-toggle.resolve-toggle .MuiSwitch-colorSuccess.Mui-checked{color:var(--success-color)}.comment-input-area .status-toggle.resolve-toggle .MuiSwitch-colorSuccess.Mui-checked+.MuiSwitch-track{background-color:var(--success-light)}.comment-input-area .status-toggle.reopen-toggle{background-color:rgba(239,68,68,.1);border:1px dashed rgba(239,68,68,.3)}.comment-input-area .status-toggle.reopen-toggle .MuiSwitch-colorError.Mui-checked{color:var(--error-color)}.comment-input-area .status-toggle.reopen-toggle .MuiSwitch-colorError.Mui-checked+.MuiSwitch-track{background-color:var(--error-light)}.comment-input-area .status-toggle .MuiFormControlLabel-root{margin:0;width:100%;justify-content:space-between}.comment-input-area .status-toggle .MuiTypography-root{font-weight:600}.comment-input-area .comment-input-row{display:flex;align-items:flex-end;grid-gap:14px;gap:14px}.comment-input-area .comment-input-row .attach-button{color:var(--gray-600);background-color:var(--gray-100);transition:all .2s ease;border-radius:50%;padding:8px}.comment-input-area .comment-input-row .attach-button:hover{color:var(--primary-color);background-color:var(--primary-light);transform:scale(1.1)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root{border-radius:var(--radius-lg);background-color:var(--gray-100);transition:all .2s ease;padding:2px 16px}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:var(--shadow-sm)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:var(--shadow-md)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--gray-300);border-width:1.5px}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:12px 14px;font-size:15px;line-height:1.5}.comment-input-area .comment-input-row .send-button{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));text-transform:none;font-weight:600;padding:10px 20px;white-space:nowrap;min-width:90px;box-shadow:var(--shadow-sm);transition:all .3s ease;letter-spacing:.5px}.comment-input-area .comment-input-row .send-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-md);transform:translateY(-1px)}.comment-input-area .comment-input-row .send-button.Mui-disabled{background:linear-gradient(135deg,var(--gray-300),var(--gray-400));color:#fff}.comment-input-area .comment-input-row .send-button .MuiButton-endIcon{margin-left:8px}.comment-input-area .comment-input-row .send-button .MuiButton-endIcon svg{font-size:18px}@media(max-width:600px){.comments-section,.issue-details-paper{padding:16px}.unified-scroll-container{padding-bottom:120px}.comment-item .comment-image-list{grid-template-columns:repeat(2,1fr)}.selected-images-preview .MuiGrid-container{grid-template-columns:repeat(4,1fr)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.comment-item{animation:fade-in .3s ease,slide-up .3s ease}.selected-images-preview{animation:fade-in .3s ease}.quality-container{padding:20px;height:100%;overflow:auto}.quality-main-container{display:flex;height:100%;overflow:hidden;position:relative}.quality-main-container .quality-issues-panel{flex:1 1;min-width:0;max-width:100%;transition:all .3s ease-in-out;overflow:auto}.quality-main-container .quality-issues-panel.compact-view{width:60%;flex:0 0 60%}.quality-main-container .quality-chat-panel{width:40%;flex:0 0 40%;border-left:1px solid #e0e0e0;height:100%;overflow:hidden;background-color:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.05);transition:all .3s ease-in-out;transform:translateX(0)}.quality-main-container .quality-chat-panel.closed{transform:translateX(100%);width:0;flex:0 0}.quality-main-container .quality-chat-panel.open{transform:translateX(0)}@media(max-width:768px){.quality-main-container{flex-direction:column}.quality-main-container .quality-issues-panel.compact-view{height:40%;flex:0 0 40%;width:100%}.quality-main-container .quality-chat-panel{width:100%;flex:0 0 60%;border-left:none;border-top:1px solid #e0e0e0}.quality-main-container .quality-chat-panel.closed{transform:translateY(100%);height:0;flex:0 0}.quality-main-container .quality-chat-panel.open{transform:translateY(0)}}
/*# sourceMappingURL=main.0052ab8b.chunk.css.map */