@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);:root{--staart-yellow:#fdd34d}*{font-family:Montserrat,sans-serif!important;margin:0;padding:0;scrollbar-color:#e7e7e7 transparant}::-webkit-scrollbar{height:6px;width: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{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}#DashboardPage #dpmain #projectsHeader>:nth-child(n){flex:1 1;text-align:center}.headerBtnsContainer{display:flex;flex-direction:row;justify-content:space-around;width:40%}.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{background-color:var(--staart-yellow);width:40%}.LinkedAppsContainer{width:60%}.app-features-container{padding-top:2em}.apps-list{justify-content:space-around}.apps-list,.input{display:flex;flex-direction:row}.input{align-items:center;height:50px;position:relative}.wrapInput{padding:0 4px}.divider{align-items:center;display:flex;flex-direction:row;gap:10px;opacity:.3}.divider>div{background-color:gray;border-radius:4px;flex:1 1;height:2px}.brands-container{background-color:#eee;border-radius:4px;border-radius:5px;box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;list-style:none;margin:0;max-height:200px;max-height:40vh;overflow:auto;padding:8px;position:absolute;width:100%;z-index:1000}.brands-container .item-of-brands{font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1;padding-top:6px;width:100%}.brands-container .item-of-brands:hover{background-color:#0000000a;cursor:pointer}.button{background-color:var(--staart-yellow);border:2px solid #fff}.invert{background-color:#fff;border:1px solid #fdd34d}.commonBtn{align-items:center;border-radius:3px;box-sizing:border-box;color:#353535;display:flex;flex:.75 1;flex-direction:column;font-weight:700;justify-content:center;max-height:50px;padding:10px;width:100%}.commonBtn:hover{cursor:pointer}.commonBtn:disabled{cursor:not-allowed;opacity:.7}.button1{background-color:#2f4858;color:#fff}.invert1{background-color:#fff;border:1px solid #2f4858;color:#2f4858;font-weight:700}.commonBtn1{align-items:center;border-radius:10px;box-shadow:0 0 1px gray;display:flex;font-size:small;height:40px;justify-content:center;padding:0 17px}.commonBtn1:hover{box-shadow:none;cursor:pointer}.financeCard{gap:10px}.financeCard,.newOrderCard{align-items:center;display:flex;flex-direction:column}.newOrderCard{background-color:#fff;border-radius:10px;box-shadow:3px 4px 20px 3px #0000001a;justify-content:center;width:260px}.dropDown{align-items:center;background-color:#d1d1d1;border-radius:8px;display:flex;flex-direction:row;max-height:50px;min-height:50px}.dropDown>select{background-color:#0000;border:none;border-radius:8px;font-weight:500;height:100%;outline-color:#a7a7a7;padding:0 10px;width:100%}#modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}#modal>div{background-color:#fff;box-shadow:0 0 3px #ccc;overflow-y:auto;padding:20px}#modal>div,#scrollingTabs{display:flex;flex-direction:column;gap:20px}#scrollingTabs{flex:1 1}#scrollingTabs>div:first-child{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding-bottom:10px}#scrollingTabs>div:first-child>div{border:1px solid #1890ff;border-radius:20px;color:#1890ff;cursor:pointer;font-weight:"500";padding:6px 20px}#scrollingTabs>div:first-child .active,#scrollingTabs>div:first-child>div:hover{background-color:#1890ff;color:#fff}#tabs{display:flex;flex:1 1;flex-direction:column;gap:20px}#tabs>:first-child{display:flex;flex-direction:row;gap:5%;margin-left:2em}#tabs>:first-child>div{font-size:22px}#tabs>:first-child>div:hover{cursor:pointer}#tabs>:first-child .activeTabHighlight{border-bottom:4px solid #ffd34d;cursor:pointer;font-weight:600}#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{background-color:#ffd34d;color:#000;padding-bottom:12px;padding-top:12px;text-align:left;text-align:center}#searchBar{align-items:center;background-color:#ebebeb;border-radius:5px;box-sizing:border-box;display:flex;height:40px;justify-content:flex-start;padding:0 10px;width:400px}#searchBar>:first-child{background-color:#0000;border:none;flex:1 1;font-size:small;outline:none}#searchBar>:nth-child(2){opacity:.8}.contractor-document-upload{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 0 24px;max-width:none;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.contractor-document-upload.collapsed .document-content{margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.contractor-document-upload.collapsed .progress-summary{display:none}.contractor-document-upload.all-documents-uploaded{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b981;box-shadow:0 1px 3px #10b98133}.contractor-document-upload.all-documents-uploaded:hover{border-color:#059669;box-shadow:0 4px 12px #10b98140}.contractor-document-upload:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.contractor-document-upload .section-header{background:#fff;border-radius:12px 12px 0 0;margin-bottom:24px;padding:20px 24px 0;position:relative}.contractor-document-upload .section-header .header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contractor-document-upload .section-header .header-content .header-left{align-items:center;display:flex;flex:1 1;gap:16px}.contractor-document-upload .section-header .header-content .header-left h3{color:#111827;font-size:20px;font-weight:600;margin:0}.contractor-document-upload .section-header .header-content .header-left .header-controls{display:flex;gap:8px}.contractor-document-upload .section-header .header-content .header-left .header-controls .control-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.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{align-items:center;display:flex;gap:12px}.contractor-document-upload .section-header .header-content .upload-summary .summary-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.contractor-document-upload .section-header .header-content .upload-summary .summary-badge .success-icon{color:#16a34a;height:16px;width:16px}.contractor-document-upload .section-header .header-content .upload-summary .uploading-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#2563eb;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.contractor-document-upload .section-header .progress-summary{border-bottom:1px solid #f3f4f6;margin-bottom:16px;padding-bottom:16px}.contractor-document-upload .section-header .progress-summary .validation-status{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px}.contractor-document-upload .section-header .progress-summary .validation-status.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.contractor-document-upload .section-header .progress-summary .validation-status.uploading{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.contractor-document-upload .section-header .progress-summary .validation-status.pending{background:#fefbeb;border:1px solid #fed7aa;color:#d97706}.contractor-document-upload.collapsed .section-header,.contractor-document-upload.collapsed .section-header .progress-summary{border-bottom:none}.contractor-document-upload .document-content{background:#fff;max-height:2000px;opacity:1;overflow:hidden;padding:0 10px 10px;transition:all .3s ease}.contractor-document-upload .document-content.hidden{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.contractor-document-upload .loading-overlay{align-items:center;background:#fffffff2;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.contractor-document-upload .loading-overlay .spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.contractor-document-upload .loading-overlay span{color:#6b7280;font-size:14px;font-weight:500}.contractor-document-upload .documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media(max-width:1200px){.contractor-document-upload .documents-grid{gap:16px;grid-template-columns:1fr}}.contractor-document-upload .document-field{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;min-height:350px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.contractor-document-upload .document-field:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.contractor-document-upload .document-field .field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contractor-document-upload .document-field .field-header .document-label{color:#111827;font-size:16px;font-weight:600;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{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#16a34a;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.contractor-document-upload .document-field .field-header .upload-status .files-count .success-icon{color:#16a34a;height:14px;width:14px}.contractor-document-upload .document-field .document-upload-area{display:flex;flex:1 1;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{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-height:80px;padding:16px;position:relative;transition:all .2s ease;width:100%}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn:hover{background:#f8fafc;border-color:#3b82f6}.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{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:4px;transition:color .2s ease}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn .upload-text .upload-subtitle{color:#6b7280;display:block;font-size:13px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-info{color:#6b7280;font-size:12px;margin-top:8px;text-align:center}.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;margin-bottom:8px;padding:12px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .file-name{color:#374151;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-header .progress-status .uploading{color:#3b82f6;font-size:12px;font-weight:600}.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{background:#f3f4f6;border-radius:2px;height:4px;overflow:hidden;width:100%}.contractor-document-upload .document-field .document-upload-area .upload-progress-section .upload-progress-item .progress-bar .progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.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{color:#ef4444;font-size:12px;margin-top:8px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header .section-title{color:#374151;font-size:14px;font-weight:600;margin:0}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .section-header .files-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid{grid-gap:10px;display:grid;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{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s ease}.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 #0000001a}.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{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview .image-preview{height:100%;object-fit:cover;width:100%}.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{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center}.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{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{color:#6b7280;display:block;font-size:12px;line-height:1.4}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions{display:flex;gap:6px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn{align-items:center;background:#f9fafb;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;transition:all .2s ease;width:32px}.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{align-items:center;background:#f0fdf4;border-radius:50%;color:#16a34a;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.contractor-document-upload .document-field .document-upload-area .empty-state{color:#6b7280;padding:40px 20px;text-align:center}.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{color:#374151;font-size:14px;font-weight:500;margin:0 0 8px}.contractor-document-upload .document-field .document-upload-area .empty-state span{color:#6b7280;font-size:13px}.contractor-document-upload .document-field .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.contractor-document-upload .spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media(max-width:1200px){.contractor-document-upload .documents-grid{gap:16px;grid-template-columns:1fr}.contractor-document-upload .section-header .header-content .header-left{align-items:flex-start;flex-direction:column;gap:12px}.contractor-document-upload .section-header .header-content .header-left .header-controls{align-self:flex-end}}@media(max-width:768px){.contractor-document-upload{border-radius:8px;margin:0 0 16px}.contractor-document-upload .section-header{border-radius:8px 8px 0 0;padding:16px 20px 0}.contractor-document-upload .section-header .header-content{align-items:flex-start;flex-direction:column;gap:12px}.contractor-document-upload .section-header .header-content .header-left{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.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{height:32px;width:32px}.contractor-document-upload .section-header .header-content .upload-summary{justify-content:flex-start;width:100%}.contractor-document-upload .document-content{padding:0 20px 20px}.contractor-document-upload .document-field{border-radius:6px;min-height:300px;padding:16px}.contractor-document-upload .document-field .document-upload-area .upload-section .upload-btn{border-radius:6px;min-height:60px;padding:14px}.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{border-radius:6px;padding:10px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-preview{height:40px;width:40px}.contractor-document-upload .document-field .document-upload-area .uploaded-files-section .files-grid .uploaded-file-card .file-actions .action-btn{height:28px;width:28px}}@media(max-width:480px){.contractor-document-upload .section-header .header-content .header-left{align-items:flex-start;flex-direction:column;gap:12px}.contractor-document-upload .section-header .header-content .header-left .header-controls{align-self:flex-end}.contractor-document-upload .documents-grid{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;height:100vh;overflow:hidden;width:100%}#drawerTemplate #dpDrawer{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(145deg,#2f4858,#1a2730);box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;min-width:4.5rem;overflow:hidden;padding:0;perspective:1000px;position:relative;transform:translateZ(0);transition:width .3s cubic-bezier(.33,1,.68,1);will-change:width,transform;z-index:100}#drawerTemplate #dpDrawer.expanded{min-width:16rem;width:16rem}#drawerTemplate #dpDrawer.collapsed{min-width:4.5rem;width:4.5rem}#drawerTemplate #dpDrawer .drawer-inner{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;transform:translateZ(0);width:100%}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar{width:3px}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}#drawerTemplate #dpDrawer .drawer-inner::-webkit-scrollbar-thumb:hover{background:#fff3}#drawerTemplate #dpDrawer .drawer-header{align-items:center;display:flex;flex-direction:column;flex-shrink:0;min-height:auto;padding:1.5rem 0 1rem;position:relative;transform:translateZ(0)}#drawerTemplate #dpDrawer .drawer-header #dpdpic{align-items:center;background-color:#fff;border:2px solid #ffffff14;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;font-weight:600;height:5rem;justify-content:center;margin:0 auto;max-height:5rem;max-width:5rem;min-height:3rem;min-width:3rem;transform:translateZ(0);transition:width .3s cubic-bezier(.33,1,.68,1),height .3s cubic-bezier(.33,1,.68,1);width:5rem;will-change:width,height}#drawerTemplate #dpDrawer .drawer-header #dpdpic.compact{height:3rem;min-height:2.25rem;min-width:2.25rem;width:3rem}#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{opacity:1;overflow:hidden;padding:.75rem 0;text-align:center;transition:opacity .2s ease;width:100%}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName{box-sizing:border-box;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin:.5rem auto .15rem;overflow:hidden;padding:0 .75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName div,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName label,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdCompanyName span{box-sizing:border-box;display:block;overflow:hidden;padding:0 .25rem;text-align:center!important;text-overflow:ellipsis;white-space:nowrap;width:100%}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail{box-sizing:border-box;color:#fff9;font-size:.75rem;margin:0 auto .5rem;overflow:hidden;padding:0 .75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail div,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail label,#drawerTemplate #dpDrawer .drawer-header .user-info #dpdEmail span{box-sizing:border-box;display:block;overflow:hidden;padding:0 .25rem;text-align:center!important;text-overflow:ellipsis;white-space:nowrap;width:100%}#drawerTemplate #dpDrawer .menu-items-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:.5rem;transform:translateZ(0)}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem{align-items:center;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;gap:.75rem;height:2.75rem;margin-bottom:.5rem;min-height:2.75rem;overflow:hidden;padding:0 .75rem;position:relative;transform:translateZ(0);transition:background-color .2s ease}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem>:nth-child(n){color:#ffffffd9;transition:color .2s ease}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem svg{flex-shrink:0;height:20px;min-width:20px;width:20px}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem:hover{background-color:#ffffff1a}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem:hover>:nth-child(n){color:#fff}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive{background-color:#ffffff26}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive>:nth-child(n){color:#fff;font-weight:500}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.dpdMenuItemActive:before{background-color:#fff;border-radius:0 2px 2px 0;content:"";height:70%;left:0;position:absolute;top:15%;width:3px}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly{flex-direction:column;height:auto;justify-content:center;margin-bottom:.3rem;min-height:3.5rem;padding:.5rem 0;width:100%}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly svg{font-size:1.15rem;margin:0 auto}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly p{box-sizing:border-box;font-size:.65rem;font-weight:400;margin-top:.2rem;opacity:.9;overflow:hidden;padding:0 .25rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly div{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly:hover p{opacity:1}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem.iconOnly.dpdMenuItemActive:before{height:100%;left:0;top:0;width:3px}#drawerTemplate #dpDrawer .menu-items-container .logout-item{border-top:1px solid #ffffff1a;margin-bottom:.5rem;margin-top:auto;padding-top:.5rem}#drawerTemplate #drawerContent{background-color:#f8f9fa;display:flex;flex:1 1;overflow:auto;transform:translateZ(0);transition:all .3s cubic-bezier(.33,1,.68,1);will-change:margin-left,width}#drawerTemplate #drawerContent>*{height:100%;width:100%}.drawer-template-content{box-sizing:border-box!important;flex:1 1 auto!important;margin:0!important;max-width:100%!important;overflow-x:auto!important;padding:1.25rem!important;width:100%!important}.drawer-template-content::-webkit-scrollbar{height:6px;width:6px}.drawer-template-content::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.drawer-template-content::-webkit-scrollbar-thumb:hover{background:#00000040}.drawer-template-content::-webkit-scrollbar-track{background:#0000}@media(max-width:768px){#drawerTemplate #dpDrawer{height:100vh;position:fixed;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{height:3.5rem;width:3.5rem}#drawerTemplate #dpDrawer .drawer-header #dpdpic.compact{height:2.25rem;width:2.25rem}#drawerTemplate #dpDrawer .menu-items-container .dpdMenuItem{height:2.25rem;margin-bottom:.3rem;min-height:2.25rem}#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{min-width:14rem;width:14rem}}@media screen and (max-width:1200px)and (min-width:769px)and (max-width:850px){#drawerTemplate #dpDrawer.expanded{min-width:12rem;width:12rem}}.projectRow .projectHeader{border-radius:10px}.projectRow .projectHeader:hover{cursor:pointer}.rpn-notification-holder{display:flex;flex-direction:column;position:fixed;z-index:100000}.rpn-notification-holder.top-left{left:10px}.rpn-notification-holder.top-middle{left:50%;transform:translateX(-50%)}.rpn-notification-holder.top-right{right:30px}.rpn-notification-holder.bottom-left{bottom:10px;left:10px}.rpn-notification-holder.bottom-middle{bottom:10px;left:50%;transform:translateX(-50%)}.rpn-notification-holder.bottom-right{bottom:10px;right:30px}.rpn-notification-card{animation:fadein .2s;display:flex;flex-direction:column;margin-top:15px;width:250px}.rpn-notification-card-top{background-color:#333;border-radius:5px 5px 0 0;color:#fff;display:flex;flex-wrap:wrap;font-size:11px;font-weight:700;justify-content:space-between;padding:10px;width:100%}.rpn-notification-card-bottom{align-items:flex-start;background-color:#3b3b3b;border-radius:0 0 5px 5px;box-shadow:0 5px 0 0 #000;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 10px 15px;width:100%}.rpn-notification-card-bottom span{padding:3px 0}.rpn-notification-card-bottom .subtitle{font-size:12px;font-weight:700}.rpn-notification-card-bottom .message{font-size:14px}.rpn-notification-card-close{cursor:pointer;font-size:10px;height:100%}.rpn-notification-card-top.light{background-color:#f0f0f0;color:#000}.rpn-notification-card-bottom.light{background-color:#f5f5f5;box-shadow:0 5px 0 0 #dad9d9;color:#000}.rpn-notification-card-top.darkblue{background-color:#2d3542;color:#fff}.rpn-notification-card-bottom.darkblue{background-color:#394357;box-shadow:0 5px 0 0 #1f2b42;color:#fff}.rpn-notification-card-top.red{background-color:#bb2525;color:#fff}.rpn-notification-card-bottom.red{background-color:#d32f2f;box-shadow:0 5px 0 0 #910101;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}#content{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-x:hidden}#content>:first-child{display:flex;flex-direction:row;justify-content:center;min-height:50px}#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{background-color:#ffd34d;border-radius:2px;height:5px;margin:5px 0}#content>.boqPage{display:grid;flex-grow:1;grid-template-columns:1fr 2fr 2fr;height:90%;margin:80px 10px;position:fixed;width:95%}#content>.boqPage>div{background-color:#eee;display:flex;flex-direction:column;margin:10px 0;overflow-y:hidden}#content>.boqPage>div>:first-child{align-items:center;background-color:#2f4858;color:#fff;display:flex;font-size:small;font-weight:600;justify-content:center;min-height:50px}#content>.boqPage>div>:nth-child(2){display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll;position:-webkit-sticky;position:sticky}#content>.boqPage>:first-child{position:relative}#content>.boqPage>:first-child>:nth-child(2)>div>:first-child{align-items:center;background-color:#d0d0d0;display:flex;flex-direction:row;gap:10px;height:40px;padding:0 10px}#content>.boqPage>:first-child>:nth-child(2)>div>:first-child>:first-child{flex-grow:1;font-size:small}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2){display:flex;flex-direction:column;gap:10px;padding:10px}#content>.boqPage>:first-child>:nth-child(2)>div>:nth-child(2)>div{background-color:#f5f5f5;display:flex;flex-direction:column;gap:10px;padding:10px;position:relative}#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{border-bottom:3px solid #fff;border-right:3px solid #fff;content:"";height:35px;left:-20px;position:absolute;transform:rotate(-45deg);width:35px}#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{align-items:center;background-color:#d0d0d0;display:flex;flex-direction:row;gap:10px;height:40px;padding:0 10px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.heading>:first-child{flex-grow:1;font-size:small}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components{display:flex;flex-direction:column;gap:10px;padding-top:10px}#content>.boqPage>:nth-child(2)>:nth-child(2)>div>.components>.component{background-color:#f5f5f5;display:flex;flex-direction:column;gap:20px;margin:0 10px;padding:10px}#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;gap:10px;justify-content:space-between}#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){align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:space-between}#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){align-items:center;display:flex;gap:2px}#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{display:flex;flex-direction:column;font-size:small;gap:10px;padding:10px}#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{background-color:#2f4858;border-bottom:3px solid #2f4858;border-right:3px solid #2f4858;content:"";height:34px;left:-20px;position:absolute;transform:rotate(-45deg);width:34px}#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{align-items:center;background-color:#ffd34d;display:flex;flex-direction:row;gap:10px;min-height:40px;padding:0 10px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.heading>:nth-child(-n+2){flex-grow:1;font-size:small}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials{display:flex;flex-direction:column;gap:10px;padding:10px}#content>.boqPage>:nth-child(3)>:nth-child(2)>div>.workmaterials>.workmaterial{background-color:#f5f5f5;display:flex;flex-direction:column;gap:20px;padding:10px}#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;gap:10px;justify-content:space-between}#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;font-size:small;justify-content:space-between}#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{color:#2f4858;font-size:16px;font-weight:400;margin-left:10px;margin-right:5px;margin-top:20px;min-width:497px}.tabs-container{display:flex;flex-direction:row;font-size:small}.tabs-container .boqTab,.tabs-container .indentTab{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px 40px}.search-container{display:flex;flex-direction:row;flex-grow:3;max-width:600px;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;height:100%;min-height:100vh;width:99vw}#drawerTemplate1 #drawer{align-items:center;background-color:#2f4858;display:flex;flex-direction:column;gap:30px;min-width:60px;padding:30px 0}#drawerTemplate1 #drawer>:nth-child(n){color:#fff8e1}#drawerTemplate1 #drawer>:nth-child(n):hover{cursor:pointer;opacity:.6}#drawerTemplate1 #drawer>:first-child{align-items:center;border:3px solid #fff8e1;border-radius:20px;display:flex;font-size:x-small;font-weight:700;height:35px;justify-content:center;margin-bottom:40px;width:35px}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}#AnalyticsPage{zoom:.75;display:flex;flex-direction:column;gap:20px;overflow:auto;padding:20px;text-align:center;width:100%}.vendor-search-category{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible;width:50%}.vendor-search-category>:first-child{margin:10px;opacity:.2}.vendor-search-category>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}#searchVendor{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible;width:50%}#searchVendor>:first-child{margin:10px;opacity:.2}#searchVendor>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}#searchSE{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible}#searchSE>:first-child{margin:10px;opacity:.2}#searchSE>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}#searchBoxView{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible}#searchBoxView>:first-child{margin:10px;opacity:.2}#searchBoxView>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}#searchAdmin{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible;width:75vw}#searchAdmin>:first-child{margin:10px;opacity:.2}#searchAdmin>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}#Categories{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;min-width:50vw;overflow:visible}#Categories>:first-child{margin:10px;opacity:.2}#Categories>:nth-child(2){background-color:#fff;border:none;font-size:24px;outline:none;width:400px}.assign-projects-btn{background-color:#ffd34e;border:none;border-radius:5px;box-shadow:0 8px 15px #0000001a;color:#000;height:30px;padding:.5em;width:120px}.assign-projects-btn:hover{cursor:pointer}.vendor-table-container{height:90vh;margin:2em 0;overflow-y:scroll;width:100%}.vendor-table-container .vendor-table-individual-category{margin:2em 0}.vendor-table-container .vendor-table-category-heading{padding:.4em 0;position:-webkit-sticky;position:sticky;text-align:left;top:0}.vendor-table-container table{width:100%}.vendor-table-container table,.vendor-table-container td,.vendor-table-container th,.vendor-table-container tr{border:1px solid #ddd;border-collapse:collapse}.vendor-table-container tr:nth-child(2n){background-color:#f2f2f2}.vendor-table-container .vendor-table-category-header-items{background-color:#ffd34d;color:#000;padding-bottom:12px;padding-top:12px;text-align:left;text-align:center}.vendor-table-container td,.vendor-table-container th{padding:8px}.vendor-table-container .vItem-sNo{max-width:26px;min-width:26px}.vendor-table-container .vItem-name{max-width:145px;min-width:140px}.vendor-table-container .vItem-mobile{max-width:100px;min-width:100px}.vendor-table-container .vItem-email{max-width:210px;min-width:170px}.vendor-table-container .vItem-acc-statement{max-width:75px}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{border-color:#0188fe;box-shadow:0 0 5px #0188fe;outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.assign-projects-modal{align-items:center;display:flex;flex-direction:column;gap:1em;margin:4em 0}.assign-projects-modal h3{margin-top:.5em;position:absolute;top:0}.assign-projects-modal .user-details{display:flex;flex-direction:column;gap:.75em}.assign-projects-modal .user-details .user-details-heading{font-weight:700}.assign-projects-modal .user-details .user-details-contact{font-size:1rem;height:2em;padding:3px}.assign-projects-modal .assign-modal-update-btn{background-color:#ffd34e;border:none;border-radius:5px;box-shadow:0 8px 15px #0000001a;color:#000;height:30px;padding:.5em;width:120px}.assign-projects-modal .assign-modal-update-btn:hover{cursor:pointer}.vendor-statement-order{border:1px solid #6770bc;margin:2em 0;position:relative;width:100%}.vendor-statement-order .vendor-statement-order-head-details{display:flex;font-weight:700;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{display:table;width:40%}.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{border:1px solid #ddd;border-collapse:collapse;width:100%}.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{border:1px solid #ddd;border-collapse:collapse;text-align:center}.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{align-items:center;display:flex;justify-content:space-between;margin-top:1em}.vendor-statement-details-container .vendor-statement-project-acc-summary{font-weight:700;margin-bottom:2em;width:35%}.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;flex-direction:row;height:2em;width:100%}.brands-edit-container .brands-edit-brand-input input{font-size:1em;width:80%}.brands-edit-container .brands-edit-brand-input button{align-items:center;background-color:var(--staart-yellow);border:none;border-radius:3px;color:#353535;display:flex;font-weight:700;justify-content:center;width:20%}.brands-edit-container .brands-edit-bottom{margin-top:1em}.brands-edit-container .brands-edit-bottom .brands-update-button{background-color:#fdd34d;border:none;border-radius:5px;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:14px;width:100%}#userNameForm{align-items:center;display:flex;flex-direction:column;gap:15%;height:100vh;width:100%}#background-video{height:100vh;object-fit:cover;position:absolute;width:100%}.mainHeading{color:#fff;font-size:100px;font-weight:700;margin-bottom:16px;z-index:1}.overlay-video{background-color:#000000b3;height:100vh;left:0;position:absolute;top:0;width:100%}.formFeilds{border-radius:16px;box-shadow:0 0 5px 5px;display:flex;flex-direction:row;position:relative;width:48%;z-index:100}.formFeilds .formFeild_leftside{align-items:center;border:6px solid #fdd34d;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-direction:column;gap:13%;padding:30px;width:50%}.formFeilds .formFeild_leftside div{width:100%}.formFeilds .formFeild_Rightside{align-items:center;background-color:var(--staart-yellow);border-bottom-right-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:column;padding-top:6px;width:50%}@media screen and (max-width:1600px){#userNameForm{gap:5%}}@media screen and (max-width:1500px){#userNameForm{gap:5%}}@media screen and (max-width:1250px){#userNameForm{gap:5%}.formFeilds{width:65%}}@media screen and (max-width:950px){#userNameForm{gap:5%}.formFeilds{width:75%}}@media screen and (max-width:750px){#userNameForm{gap:15%}.formFeilds{align-items:center;box-shadow:none;flex-direction:column;gap:16em;width:75%}.formFeilds .formFeild_Rightside,.formFeilds .formFeild_leftside{border-radius:16px;width:100%}}.newUserSignUpContainer{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%}.container{display:flex;flex:1 1;flex-direction:column;gap:40px;padding:20px}.container .release-date-info-header{font-size:small;text-align:center}.container .divs-container:not(:last-child){margin-bottom:18em}.container .divs-container{align-items:center;display:flex;flex-direction:column;position:relative}.container .divs-container .heading-container{display:inline-flex;flex-direction:row;height:5%;justify-content:space-between;margin-top:20px;width:80%}.container .divs-container .heading-container .header{align-items:center;font-size:28px;font-weight:700;justify-content:center;margin-left:20px;padding-top:.75em;text-decoration:underline}.container .divs-container .heading-container .firmLogo{border:.25px solid #000;border-radius:50%;flex-direction:column;flex-direction:row;height:100px;margin-top:.75em;width:100px}.container .divs-container .order-details-container{border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;line-height:2em;margin-top:20px;width:80%}.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;justify-content:flex-start;padding:.75em 5px .75em .75em}.container .divs-container .order-details-container .right-pan-container-order .details-order{display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.container .divs-container .order-details-container .right-pan-container{display:flex;flex-direction:column;justify-content:center;padding:.75em 5px .75em .75em}.container .divs-container .order-details-container .right-pan-container .details{display:flex;flex-direction:row;width:100%}.vendor-sign-btn{background-color:#ffd34e;border:none;border-radius:5px;box-shadow:0 8px 15px #0000001a;color:#000;height:30px;padding:.5em;width:120px}.vendor-sign-btn:hover{cursor:pointer}.vendor-sign-btn.sign-accept{margin:2em .5em}.sign-modal-container{align-items:center;border-radius:6px;display:flex;flex-direction:column;height:auto;width:100%}.sign-modal-container .sign-modal-header{margin:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn{height:18px;position:absolute;right:0;top:.75em;width:45px}.sign-modal-container .sign-modal-header .sign-modal-close-btn:hover{cursor:pointer}.sign-modal-container .sign-modal-canvaspad{align-items:center;border:1px solid #d9d9d9;height:100%;margin:.5em;overflow:hidden;width:97%}.sign-modal-btn-container{display:flex;flex-direction:row;gap:70px;justify-content:space-around;margin:.5em}.mobile-items-container{margin-top:20px;width:100%}.mobile-items-container .items-heading{align-items:center;background-color:#ffd34e;border-radius:10px;color:#000;display:inline-flex;font-weight:700;height:41px;padding:.25em .25em .25em .75em;width:100%}.mobile-items-container .mobile-item{background-color:#f1f1f1;border-radius:10px;line-height:1.75em;margin-top:10px;padding:.75em;width:100%}.mobile-items-container .mobile-item .mob-item-description{background-color:#fff;border-radius:10px;min-height:auto;width:100%}.mobile-items-container .mobile-item .mob-item-image{background-color:#fff;border-radius:10px;display:flex;height:auto;justify-content:center;text-align:center;width:100%}.mobile-common-milestones{background-color:#f1f1f1;border-radius:10px;width:100%}.common-milestones-container{display:flex;flex-direction:column;margin-top:20px;width:80%}.common-milestones-container .common-milestones-header{background-color:#fff6db;display:flex;flex-direction:row;padding:10px;width:100%}.total-details{width:80%}.terms-condition{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin-top:20px;padding:10;width:80%}.terms-condition p{font-size:15px;text-align:justify;text-justify:inter-word}.sign-container{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;width:80%}.watermark{color:red;font-size:6em;font-weight:700;margin-top:5em;opacity:.3;position:absolute;text-align:center;text-transform:uppercase;transform:rotate(-45deg);width:100%}@media screen and (max-width:550px){*{font-size:14px}.container{background-color:#fff;height:100vh;overflow-x:hidden;padding:0}.container .divs-container{display:flex;flex-direction:column}.container .divs-container .heading-container{align-items:center;display:flex;justify-content:space-between;left:0;position:relative;width:100%}.container .divs-container .heading-container .header{color:#000;font-size:17px;left:0;-webkit-text-decoration-line:underline;text-decoration-line:underline}.container .divs-container .heading-container .firmLogo{border:none;height:70px;margin-right:20px;width:70px}.container .divs-container .order-details-container{border-radius:10px;display:flex;gap:20px;justify-content:space-between;margin-top:20px;width:100%}.container .divs-container .order-details-container .left-pan-container{padding:.75em;width:40%;width:42%}.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;justify-content:flex-start;width:30%}.container .divs-container .order-details-container .right-pan-container-order .details-order{display:flex;flex-direction:column;gap:0}.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{background-color:#f1f1f1;width:100%}.container .divs-container .terms-condition{background-color:#f1f1f1;border-radius:10px;display:flex;flex-direction:column;padding:.75em;width:100%}.container .divs-container .terms-condition p{font-size:15px}.container .divs-container .total-details{width:100%}.sign-modal-container{height:300px;width:100%}.sign-modal-container .sign-modal-header{margin:.75em}.sign-modal-container .sign-modal-header .sign-modal-close-btn{height:18px;position:absolute;right:0;top:.75em;width:45px}.sign-modal-container .sign-modal-header .sign-modal-close-btn:hover{cursor:pointer}.sign-container{align-items:flex-end;flex-direction:row;margin-bottom:2em;width:95%}.approval_container,.sign-container{display:flex;justify-content:space-between}.approval_container{width:92%}}#search{align-items:center;background-color:#fff;border:1px solid rgba(53,53,53,.302);border-radius:10px;box-sizing:border-box;display:flex;height:50px;justify-content:flex-start;margin-bottom:20px;overflow:visible}#search>:first-child{margin:10px;opacity:.2}#search>:nth-child(2){background-color:#fff;border:none;font-size:20px;outline:none;width:400px}#notification{bottom:0;display:flex;flex-direction:row;position:fixed;right:0;top:0;z-index:1001}#notification #notification_icon{align-items:center;background-color:#2f4858;border-bottom-left-radius:20px;border-top-left-radius:20px;cursor:pointer;display:flex;height:42px;justify-content:center;margin-top:50px;position:absolute;right:0;width:40px;z-index:1004}#notification #notification_container{background-color:#fff;border-left:1px solid #dadada;display:flex;flex-direction:column;gap:20px;overflow-x:hidden;transition:width .15s}#notification #notification_container>:nth-child(2){border-bottom:1px solid gray;display:flex;font-weight:600;justify-content:space-between;padding-bottom:10px}#notification #notification_container>:nth-child(2)>:nth-child(n){color:#bababa;cursor:pointer;display:flex;font-size:small;gap:5px}#notification #notification_container>:nth-child(2)>:nth-child(n)>:nth-child(2){align-items:center;background-color:#bababa;border-radius:10px;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}#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;gap:20px}#notification #notification_container>:nth-child(3)>.title{font-size:small;font-weight:600}#notification #notification_container>:nth-child(3)>.notification_card{border:1px solid gray;border-radius:10px;display:flex;flex-direction:column;font-size:11px;gap:12px;padding:10px}#notification #notification_container>:nth-child(3)>.notification_card:hover{cursor:pointer}#notification #notification_container>:nth-child(3)>.notification_card>:first-child{align-items:center;display:flex;gap:5px}#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;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){color:green;cursor:pointer;font-weight:600}#notification #notification_container>:nth-child(3)>.notification_card>:nth-child(3)>:nth-child(3){color:red;cursor:pointer;font-weight:600}#displayNone{display:none}#project-analytics{background-color:#f3f3f3;display:grid;grid-template-columns:250px 200px 1fr 300px 1fr;grid-template-rows:60px 1fr 1fr;height:100vh;width:100vw}#project-analytics #project-analytics-header{align-items:center;background-color:#fff;display:flex;flex-direction:row;gap:20px;grid-column:1/6}#project-analytics>:first-child{padding:0 20px}#project-analytics>:nth-last-child(-n+9){border-radius:10px;margin:10px}#project-analytics>:nth-child(2){background-color:#fff;box-shadow:0 0 3px gray;display:grid;grid-template-columns:30px 1fr;padding:20px}#project-analytics>:nth-child(2)>:first-child{font-weight:700;grid-column:1/3;text-align:center}#project-analytics>:nth-child(2)>div{font-size:small}#project-analytics>:nth-child(3),#project-analytics>:nth-child(9){display:flex;flex-direction:column;gap:20px}#project-analytics>:nth-child(3)>div,#project-analytics>:nth-child(9)>div{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 3px gray;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:space-between;padding:20px}#project-analytics>:nth-child(3)>div>div,#project-analytics>:nth-child(9)>div>div{font-size:small;text-align:center}#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){align-items:flex-end;color:#feb161;display:flex;flex-direction:row;font-weight:700;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){color:blue;text-decoration:underline}#project-analytics>:nth-child(4){align-items:center;background-color:#fff;box-shadow:0 0 3px gray;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#project-analytics>:nth-child(4)>div{font-size:small;text-align:center}#project-analytics>:nth-child(4)>div:first-child{font-weight:700}#project-analytics>:nth-child(4)>:nth-child(2){left:-20px;position:relative}#project-analytics>:nth-child(5){align-items:center;background-color:#fff;box-shadow:0 0 3px gray;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#project-analytics>:nth-child(5)>div{font-size:small;text-align:center}#project-analytics>:nth-child(5)>div:first-child{font-weight:700}#project-analytics>:nth-child(6){grid-gap:20px;background-color:#fff;box-shadow:0 0 3px gray;display:grid;font-size:small;gap:20px;grid-template-columns:50px 1fr;padding:20px}#project-analytics>:nth-child(6)>:first-child{font-weight:700;grid-column:1/3;text-align:center}#project-analytics>:nth-child(6)>:last-child{color:blue;grid-column:1/3;text-align:center;text-decoration:underline}#project-analytics>:nth-child(6) :nth-child(11),#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(3){border:.5px solid rgba(254,178,97,.545);border-radius:5px;display:flex;height:20px}#project-analytics>:nth-child(6) :nth-child(11)>div,#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(3)>div{background-color:#feb161;border-radius:5px}#project-analytics>:nth-child(7){grid-gap:20px;background-color:#fff;box-shadow:0 0 3px gray;display:grid;font-size:small;gap:20px;grid-column:1/3;grid-template-columns:20px 1fr;padding:20px}#project-analytics>:nth-child(7)>:first-child{font-weight:700;grid-column:1/3;text-align:center}#project-analytics>:nth-child(7)>:nth-child(2){border:.5px solid #0000001a;border-radius:5px;display:flex;grid-column:1/3;height:30px}#project-analytics>:nth-child(7)>:nth-child(2)>div{align-items:center;display:flex;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;border-radius:20px;height:20px;width:20px}#project-analytics>:nth-child(8){align-items:center;background-color:#fff;box-shadow:0 0 3px gray;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#project-analytics>:nth-child(8)>div{font-size:small;text-align:center}#project-analytics>:nth-child(8)>div:first-child{font-weight:700}#project-analytics>:nth-child(9)>div{background-color:#e0e0e0;box-shadow:none;color:#c2c2c2;gap:0;-webkit-text-decoration:solid;text-decoration:solid}#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){grid-gap:20px;background-color:#e0e0e0;box-shadow:none;display:grid;font-size:small;gap:20px;grid-template-columns:20px 1fr;padding:20px}#project-analytics>:nth-child(10)>:first-child{color:#c2c2c2;font-weight:700;grid-column:1/3;text-align:center}#project-analytics>:nth-child(10)>:nth-child(2){border:.5px solid #0000001a;border-radius:5px;display:flex;grid-column:1/3;height:30px}#project-analytics>:nth-child(10)>:nth-child(2)>div{align-items:center;display:flex;justify-content:center}#project-analytics>:nth-child(10)>:nth-child(3),#project-analytics>:nth-child(10)>:nth-child(5){border-radius:20px;height:20px;width:20px}.highlightdiv{animation:hightlightitemdiv 10s 1}.request-button{background-color:#f0f0f0;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:-1.2em;padding:7px;transition:background-color .3s ease}.request-button:hover{background-color:#ddd}.request-button:focus{box-shadow:0 0 0 4px #2828e24d;outline:none}.request-button:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.share-modal-container{align-items:center;display:flex;flex-direction:column;padding:1em;width:99%}.share-modal-container .share-modal-heading-container p{font-weight:700;text-align:center}.share-modal-container .share-modal-bottom-container{margin-bottom:.65em;margin-top:3em}.share-modal-container .share-modal-bottom-container .share-modal-bottom-container-send-btn{background-color:#ffd34e;border:none;border-radius:5px;box-shadow:0 8px 15px #0000001a;color:#000;height:30px;padding:.5em;width:120px}.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{margin-bottom:1.5em;width:94%}.card-container{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;outline:none!important;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.card-container:before{display:none}.card-container:focus{border-color:#0000;box-shadow:none;outline:none}.card-container:hover{border-color:#0000;box-shadow:none;transform:none}.card-container.highlightdiv{border:none!important}.card-container.highlightdiv,.project-requests .card-container,.project-requests .card-container.highlightdiv{background:#fff!important;border-radius:0!important;box-shadow:none!important;margin:0!important;outline:none!important}.project-requests .card-container,.project-requests .card-container.highlightdiv{border:none!important}.req-card-mainDetailsContainer{align-items:center;box-sizing:border-box;display:flex;gap:1rem;min-height:80px;padding:1.2rem 1.5rem;position:relative;width:100%}.checkbox-container{align-items:center;display:flex;flex-shrink:0;margin-right:.75rem}.checkbox-container input[type=checkbox]{accent-color:#fbbf24;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;height:1.2rem;transition:all .2s ease;width:1.2rem}.checkbox-container input[type=checkbox]:checked{box-shadow:0 0 0 2px #fbbf2426;transform:scale(1.02)}.checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.req-card-visibleContainer{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;width:100%}.req-card-header{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(120px,1fr) minmax(100px,.8fr) minmax(140px,1.2fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(100px,.8fr);margin-bottom:.6rem;width:100%}.req-card-header p{align-items:center;color:#6b7280;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.06em;line-height:1.3;margin:0;text-transform:uppercase}.req-card-mainDetails{grid-gap:.75rem;align-items:flex-start;display:grid;gap:.75rem;grid-template-columns:minmax(120px,1fr) minmax(100px,.8fr) minmax(140px,1.2fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(100px,.8fr);width:100%}.req-card-mainDetails p{align-items:flex-start;color:#374151;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden;word-break:break-word}.req-card-mainDetails p:first-child{color:#1e40af;font-size:.95rem;font-weight:700}.req-card-mainDetails p:nth-child(2){color:#7c3aed;font-weight:600}.req-card-mainDetails p:nth-child(3){display:flex;flex-direction:column}.req-card-mainDetails p:nth-child(3) span{align-items:center;display:flex;gap:.25rem}.req-card-mainDetails p:nth-child(6){color:#059669;font-size:1rem;font-weight:700}.status-req-order{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.status-badge{align-items:center;border:1px solid;border-radius:6px;box-shadow:0 1px 2px #00000014;display:inline-flex;font-size:.75rem;letter-spacing:.04em;line-height:1.2;padding:.3rem .6rem}.status-details-container{gap:.25rem;margin-top:.4rem}.status-details-container .priority-tag{align-items:center;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;display:inline-flex;font-size:.65rem;font-weight:600;line-height:1.2;padding:.15rem .4rem;width:-webkit-fit-content;width:fit-content}.status-details-container .date-tag{color:#6b7280;font-size:.7rem;font-weight:500;line-height:1.2}.req-card-main-actionContainer{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem;justify-content:center;margin:0 .75rem;min-width:120px}.req-card-main-actionContainer .req-card-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.04em;line-height:1.2;min-width:100px;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-align:center;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.req-card-main-actionContainer .req-card-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.req-card-main-actionContainer .req-card-btn:hover:before{left:100%}.req-card-main-actionContainer .req-card-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.req-card-main-actionContainer .req-card-update-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f640;color:#fff}.req-card-main-actionContainer .req-card-update-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.req-card-main-actionContainer .req-card-update-btn:active:not(:disabled){transform:translateY(0)}.req-card-main-actionContainer .req-card-approve-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140;color:#fff}.req-card-main-actionContainer .req-card-approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.req-card-main-actionContainer .req-card-approve-btn:active:not(:disabled){transform:translateY(0)}.req-card-main-actionContainer p{color:#ef4444;font-size:.7rem;font-weight:600;line-height:1.3;margin-top:.4rem;text-align:center}.reqeust-menu-items{align-items:center;display:flex;flex-shrink:0;gap:.2rem;justify-content:center;margin-left:auto;min-width:80px}.reqeust-menu-items .MuiIconButton-root{background-color:#f3f4f6cc;border-radius:8px;margin:0 .05rem;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.reqeust-menu-items .MuiIconButton-root:hover{background-color:#e5e7eb;box-shadow:0 2px 6px #00000014;transform:translateY(-.5px)}.req-card-toggle{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem;min-width:40px}.req-card-toggle .MuiIconButton-root{background-color:#f3f4f6cc;border-radius:8px;color:#6b7280;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.req-card-toggle .MuiIconButton-root:hover{background-color:#fbbf241a;box-shadow:0 2px 6px #00000014;color:#f59e0b;transform:translateY(-.5px)}.req-card-extraDetailsContainer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb80;box-sizing:border-box;padding:1.2rem 1.5rem;position:relative;width:100%}.req-card-extraDetailsContainer:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:1.5rem;position:absolute;right:1.5rem;top:0}.mainExtraDetailsDiv{width:100%!important}.req-card-commentDetailsContainer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb80;box-sizing:border-box;display:flex;gap:1.5rem;justify-content:space-between;padding:1.2rem 1.5rem;width:100%}.req-card-commentDetailsContainer>div:first-child{display:flex;flex:1 1;flex-direction:column}.req-card-commentDetailsContainer>div:first-child h4{color:#1f2937;font-size:1rem;font-weight:700;letter-spacing:.04em;margin:0 0 .8rem;text-transform:uppercase}.req-card-commentDetailsContainer>div:first-child .billing-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #f59e0b1a;margin-bottom:1rem;padding:1rem}.req-card-commentDetailsContainer>div:first-child .billing-info strong{color:#92400e;font-weight:700}.req-card-commentDetailsContainer>div:first-child .billing-info div{color:#78350f;font-weight:500;margin-top:.5rem}.req-card-commentDetailsContainer>div:first-child .comment-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:.5rem 0;padding:1rem}.req-card-commentDetailsContainer>div:first-child .comment-content .commenter-name{color:#1e40af;font-weight:700;margin-right:.5rem}.req-card-commentDetailsContainer>div:first-child .comment-content .comment-text{color:#374151;line-height:1.6}.req-card-commentDetailsContainer>div:first-child .status-details{margin-top:1rem}.req-card-commentDetailsContainer>div:first-child .status-details p{font-size:.95rem;margin:.5rem 0}.req-card-commentDetailsContainer>div:first-child .status-details p .status-label{color:#6b7280;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.req-card-commentDetailsContainer>div:first-child .status-details p .status-value{font-weight:700}.req-card-commentDetailsContainer>div:first-child .status-details p .status-author{color:#6b7280;font-weight:500}.req-card-commentDetailsContainer>div:first-child .status-details p .status-date{color:#374151;font-weight:600}.req-card-commentDetailsContainer>div:first-child .record-dates{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:1rem}.req-card-commentDetailsContainer>div:first-child .record-dates p{margin:.5rem 0}.req-card-commentDetailsContainer>div:first-child .record-dates p .date-label{color:#6b7280;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.req-card-commentDetailsContainer>div:first-child .record-dates p .date-value{color:#374151;font-weight:600}.req-card-action-btns-container{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end}.req-card-action-btns-container .req-card-btn{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.req-card-action-btns-container .req-card-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.req-card-action-btns-container .req-card-btn:hover{transform:translateY(-2px)}.req-card-action-btns-container .req-card-btn:hover:before{left:100%}.req-card-action-btns-container .req-card-hold-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.req-card-action-btns-container .req-card-hold-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66}.req-card-action-btns-container .req-card-decline-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.req-card-action-btns-container .req-card-decline-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466}.request-history-item{background:#0000;border-bottom:1px solid #e5e7eb4d;padding:1rem 1.5rem}.request-history-item:last-child{border-bottom:none}.request-history-item.same-user .request-history-item-details{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;margin-left:auto;margin-right:0}.request-history-item.diff-user .request-history-item-details{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#e5e7eb;box-shadow:0 2px 8px #0000000d;margin-left:0;margin-right:auto}.request-history-item .request-history-item-details{border:2px solid;border-radius:12px;padding:1rem 1.25rem;position:relative;transition:all .25s ease;width:85%}.request-history-item .request-history-item-details:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.request-history-item .request-history-item-details .history-status{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.request-history-item .request-history-item-details .history-status .status-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.request-history-item .request-history-item-details .history-status span{font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.request-history-item .request-history-item-details .history-remarks{background:#f8fafc80;border-left:3px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.9rem;line-height:1.6;margin:.75rem 0;padding:.75rem;white-space:pre-line}.request-history-item .request-history-item-details .history-footer{align-items:center;border-top:1px solid #e5e7eb4d;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.request-history-item .request-history-item-details .history-footer .history-author{align-items:center;color:#1f2937;display:flex;font-size:.8rem;font-weight:700;gap:.25rem}.request-history-item .request-history-item-details .history-footer .history-author:before{content:"👤";font-size:.7rem}.request-history-item .request-history-item-details .history-footer .history-date{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.request-history-item .request-history-item-details .history-footer .history-date:before{content:"📅";font-size:.7rem}.request-history-item .request-history-item-details p{font-size:.9rem;line-height:1.5;margin:.4rem 0}.request-history-item .request-history-item-details p:first-child{margin-bottom:.75rem}.request-history-item .request-history-item-details p:first-child span:first-child{font-weight:700;letter-spacing:.05em;margin-right:.5rem;text-transform:uppercase}.request-history-item .request-history-item-details p:last-child{border-top:1px solid #e5e7eb4d;color:#6b7280;font-size:.75rem;font-weight:500;margin-top:.75rem;padding-top:.5rem;text-align:right}.billing-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:1px solid #3b82f6!important;border-radius:6px!important;box-shadow:0 1px 3px #3b82f626!important;color:#1e40af!important;cursor:help!important;display:inline-block!important;font-size:.65rem!important;font-weight:700!important;letter-spacing:.04em!important;line-height:1.2!important;margin-left:.4rem!important;padding:.2rem .5rem!important;text-transform:uppercase!important;transition:all .2s ease!important;vertical-align:middle!important}.billing-badge:hover{box-shadow:0 2px 6px #3b82f640!important;transform:translateY(-.5px)!important}.vendor-company-name{color:#6b7280;font-size:.8rem;font-weight:500;margin-top:.25rem}.amount-requested{position:relative}.amount-requested span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#065f46,#047857);background-clip:text;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.paid-amount{color:#059669;font-size:1rem;font-weight:700}.days-count{color:#ef4444;font-size:.8rem}.order-unreleased-warning{background-color:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;color:#ef4444!important;font-size:.75rem!important;font-weight:600!important;margin-top:.5rem!important;padding:.3rem .6rem!important;text-align:center!important}.chat-box-approval,.no-vendor-sign{animation:fadeInScale .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8fafc,#e0e7ef);border-radius:14px;box-shadow:0 4px 24px #10182821,0 1.5px 6px #3b82f614;left:50%!important;margin:0;max-width:370px;min-width:320px;padding:1.2rem 1.1rem 1.1rem;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:96vw;z-index:1300}.chat-box-approval h2,.chat-box-approval h3,.no-vendor-sign h2,.no-vendor-sign h3{color:#1e293b;font-size:1.08rem;font-weight:800;letter-spacing:.01em;line-height:1.2;margin-bottom:.7rem;margin-top:0;text-align:center}.chat-box-approval .fin-req-comment-decline-body,.no-vendor-sign .fin-req-comment-decline-body{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.1rem}.chat-box-approval .fin-req-comment-decline-body .MuiInputBase-root,.chat-box-approval .fin-req-comment-decline-body .MuiSelect-root,.chat-box-approval .fin-req-comment-decline-body textarea,.no-vendor-sign .fin-req-comment-decline-body .MuiInputBase-root,.no-vendor-sign .fin-req-comment-decline-body .MuiSelect-root,.no-vendor-sign .fin-req-comment-decline-body textarea{background:#f9fafb;border:1.2px solid #e5e7eb;border-radius:7px;box-shadow:0 1px 3px #00000008;font-size:.98rem;min-height:2.2em;padding:.5em .7em;transition:border .18s}.chat-box-approval .fin-req-comment-decline-body .MuiInputBase-root:focus,.chat-box-approval .fin-req-comment-decline-body .MuiSelect-root:focus,.chat-box-approval .fin-req-comment-decline-body textarea:focus,.no-vendor-sign .fin-req-comment-decline-body .MuiInputBase-root:focus,.no-vendor-sign .fin-req-comment-decline-body .MuiSelect-root:focus,.no-vendor-sign .fin-req-comment-decline-body textarea:focus{border-color:#3b82f6;outline:none}.chat-box-approval .fin-req-comment-decline-body .MuiInputBase-root,.chat-box-approval .fin-req-comment-decline-body .MuiSelect-root,.chat-box-approval .fin-req-comment-decline-body select,.no-vendor-sign .fin-req-comment-decline-body .MuiInputBase-root,.no-vendor-sign .fin-req-comment-decline-body .MuiSelect-root,.no-vendor-sign .fin-req-comment-decline-body select{background:#f9fafb!important;border:1.2px solid #e5e7eb!important;border-radius:7px!important;box-shadow:0 1px 3px #00000008!important;color:#1e293b!important;font-size:.98rem!important;margin-bottom:.2em!important;margin-top:.2em!important;min-width:0!important;padding:.4em .7em!important;width:100%!important}.chat-box-approval .fin-req-comment-decline-body .MuiInputBase-root.Mui-focused,.chat-box-approval .fin-req-comment-decline-body .MuiSelect-root:focus,.chat-box-approval .fin-req-comment-decline-body select:focus,.no-vendor-sign .fin-req-comment-decline-body .MuiInputBase-root.Mui-focused,.no-vendor-sign .fin-req-comment-decline-body .MuiSelect-root:focus,.no-vendor-sign .fin-req-comment-decline-body select:focus{border-color:#3b82f6!important;outline:none!important}.chat-box-approval .comment-decline-header,.no-vendor-sign .comment-decline-header{margin-bottom:.7rem;text-align:center}.chat-box-approval .comment-decline-header h3,.no-vendor-sign .comment-decline-header h3{color:#1e293b;font-size:1.08rem;font-weight:700;letter-spacing:.01em;margin:0}.chat-box-approval .comment-decline-bottom,.no-vendor-sign .comment-decline-bottom{display:flex;justify-content:center;margin-top:.7rem}.chat-box-approval .comment-decline-bottom button,.no-vendor-sign .comment-decline-bottom button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;box-shadow:0 5px 24px #3b82f630;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:900;justify-content:center;letter-spacing:.06em;min-width:190px;overflow:hidden;padding:1.5rem 2rem!important;position:relative;text-transform:uppercase;transition:all .22s cubic-bezier(.4,0,.2,1)}.chat-box-approval .comment-decline-bottom button:before,.no-vendor-sign .comment-decline-bottom button:before{background:linear-gradient(90deg,#0000,#ffffff21,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.chat-box-approval .comment-decline-bottom button:hover:before,.no-vendor-sign .comment-decline-bottom button:hover:before{left:100%}.chat-box-approval .comment-decline-bottom button:hover,.no-vendor-sign .comment-decline-bottom button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 24px #3b82f633;transform:translateY(-1px) scale(1.03)}.chat-box-approval .comment-decline-bottom button:active,.no-vendor-sign .comment-decline-bottom button:active{transform:scale(.97)}.chat-box-approval .fin-req-comment-decline-body+.comment-decline-bottom,.no-vendor-sign .fin-req-comment-decline-body+.comment-decline-bottom{border-top:1px solid #e5e7eb;margin-top:.7rem;padding-top:.7rem}@media(max-width:600px){.chat-box-approval,.no-vendor-sign{max-width:99vw;min-width:0;padding:.7rem .2rem 1rem}.chat-box-approval h2,.chat-box-approval h3,.no-vendor-sign h2,.no-vendor-sign h3{font-size:.98rem}.chat-box-approval .fin-req-comment-decline-body,.no-vendor-sign .fin-req-comment-decline-body{gap:.4rem}.chat-box-approval .comment-decline-bottom button,.no-vendor-sign .comment-decline-bottom button{font-size:.93rem;min-width:90px;padding:.6rem 1rem}}.vendor-nosign-btns-container{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.vendor-nosign-btns-container .vendor-nosign-Btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;font-weight:700;letter-spacing:.05em;padding:.8rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-nosign-btns-container .vendor-nosign-Btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.vendor-nosign-btns-container .vendor-nosign-Btn.proceedBtn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;box-shadow:0 4px 12px #fbbf244d;color:#92400e}.vendor-nosign-btns-container .vendor-nosign-Btn.proceedBtn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 16px #fbbf2466}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.req-card-commentDetailsContainer,.req-card-extraDetailsContainer{animation:slideInUp .3s ease-out}.history-container{animation:slideInUp .25s ease-out}.request-history-item-details{animation:fadeInScale .2s ease-out;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.05s)}@media(max-width:768px){.req-card-mainDetailsContainer{flex-direction:column;gap:.75rem;min-height:auto;padding:1rem}.req-card-header,.req-card-mainDetails{gap:.5rem;grid-template-columns:1fr}.req-card-header p,.req-card-mainDetails p{font-size:.85rem}.req-card-main-actionContainer{margin:0;width:100%}.req-card-main-actionContainer .req-card-btn{min-width:auto;padding:.7rem 1rem;width:100%}.req-card-toggle,.reqeust-menu-items{justify-content:center;min-width:auto;width:100%}.req-card-commentDetailsContainer{flex-direction:column;gap:1rem;padding:1rem}.req-card-commentDetailsContainer>div:first-child{width:100%}.req-card-action-btns-container{flex-wrap:wrap;gap:.75rem;justify-content:center}.request-history-item .request-history-item-details{width:95%}.req-card-extraDetailsContainer{padding:1rem}}.view-po-link-fin-req{color:#5a8dee!important}.view-po-link-fin-req:hover{text-decoration:underline}.vendor-company-name{color:#666;display:block;font-size:.75rem;font-style:italic;margin-top:.2rem}.status-badge{font-size:.85rem;letter-spacing:.3px;padding:3px 8px}.status-details-container{display:flex;flex-direction:column;gap:.3rem;margin-top:.3rem}.priority-tag{background-color:#0000000d;border-radius:3px;display:inline-block;padding:2px 6px}.date-tag,.priority-tag{color:#666;font-size:.7rem}.date-tag{display:block;font-weight:400}.amount-requested span{color:#ffa000;font-weight:700}.order-unreleased-warning{color:#c90000;font-size:.7rem;font-weight:700;margin-top:.3rem}.days-count{color:#f59e0b;font-weight:600;margin-left:.3rem}.paid-amount{color:#117539;font-weight:600}.comment-content{background-color:#f9f9f9;border-left:3px solid #e0e0e0;border-radius:6px;margin-top:.5rem;padding:.8rem}.commenter-name{color:#26428b;font-weight:600;margin-right:.6rem}.comment-text{font-weight:400;white-space:pre-line}.status-details{margin-top:1rem}.date-label,.status-label{color:#555;font-weight:500}.status-author{color:#666;font-weight:400}.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{color:#666;font-size:.8rem;margin-top:.2rem}.history-toggle{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb80;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1rem;position:relative;transition:all .25s ease}.history-toggle:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:1.5rem;position:absolute;right:1.5rem;top:0}.history-toggle:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.history-toggle .history-icon{color:#6b7280;font-size:1rem;margin-right:.25rem}.history-toggle span{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.history-toggle .chevron-icon{color:#6b7280;margin-left:.5rem;transition:transform .25s ease}.history-toggle.expanded .chevron-icon{transform:rotate(180deg)}.history-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb4d;max-height:400px;overflow-y:auto;padding:0}.history-container::-webkit-scrollbar{width:6px}.history-container::-webkit-scrollbar-track{background:#f1f5f980}.history-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.history-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.request-history-item{padding:.5rem 1.5rem}.request-history-item .history-status{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.request-history-item .history-status span{font-weight:600}.request-history-item .history-remarks{line-height:1.5;margin:.8rem 0;white-space:pre-line}.request-history-item .history-footer{border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.request-history-item .history-footer .history-author{font-size:.8rem;font-weight:600}.request-history-item .history-footer .history-date{color:#888;font-size:.75rem}.requests-filtersContainer{box-sizing:border-box!important;max-width:100%!important;width:100%!important}#drawerContent{width:100%!important}.time-range-bubbles{align-items:center;background-color:#eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin:0 auto;padding:3px;width:280px}.time-range-bubbles,.time-range-bubbles .time-bubble{border-radius:50px;position:relative;transition:all .3s ease}.time-range-bubbles .time-bubble{color:#555;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;padding:8px 0;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{background-color:#fff;border-radius:50px;box-shadow:0 1px 3px #0000001a;content:"";height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:all .3s ease;width:33.33%;z-index:0}.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-left:4px solid #fdd34d;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;margin:16px 0 8px;padding:14px 16px;transition:all .2s ease}.time-group-header:hover{background-color:#f5f5f5;box-shadow:0 2px 6px #00000014}.time-group-header .time-group-title{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;margin:0}.time-group-header .time-group-title .date-range{align-items:center;display:flex;min-width:200px}.time-group-header .time-group-title .date-range .calendar-icon{color:#999;margin-right:8px}.time-group-header .time-group-title .date-range .toggle-indicator{align-items:center;color:#777;display:flex;margin-left:8px}.time-group-header .time-group-title .amount-summary{align-items:center;display:flex;flex-grow:1;gap:20px;justify-content:flex-end;padding:0}.time-group-header .time-group-title .amount-summary .amount-badge{align-items:center;border-radius:16px;display:flex;font-size:.85rem;justify-content:space-between;min-width:160px;padding:5px 10px}.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-size:.95rem;font-weight:700}.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:#28c76f1a;border:1px solid #28c76f33;color:#117539}.time-group-header .time-group-title .amount-summary .amount-badge.pending{background-color:#1485ae1a;border:1px solid #1485ae33;color:#1485ae}.time-group-header .time-period-stats{align-items:center;display:flex;gap:8px;margin-top:10px}.time-group-header .time-period-stats .stat-item{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px;margin-right:16px}.time-group-header .time-period-stats .stat-item .stat-dot{border-radius:50%;height:8px;width:8px}.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;gap:6px;margin-top:10px}.time-group-header .project-list .project-tag{align-items:center;background-color:#26428b14;border-radius:4px;color:#26428b;display:flex;font-size:.75rem;gap:5px;padding:3px 8px}.time-group-header .project-list .project-tag .project-dot{background-color:#26428b;border-radius:50%;height:6px;width:6px}.project-group{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 1px 2px #0000000a;margin:8px 0;overflow:hidden;padding:0}.project-group .project-group-header{align-items:center;background-color:#f5f9ff;border-bottom:1px solid #e6f0ff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.project-group .project-group-header:hover{background-color:#edf4ff}.project-group .project-group-header .project-title{align-items:center;color:#26428b;display:flex;font-size:.9rem;font-weight:600;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{align-items:center;display:flex;flex-grow:1;gap:20px;justify-content:flex-end;padding:0}.project-group .project-group-header .project-amount-summary .project-amount-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;justify-content:space-between;min-width:140px;padding:4px 10px}.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-size:.85rem;font-weight:700}.project-group .project-group-header .project-amount-summary .project-amount-badge.total{background-color:#fdd34d33;color:#b38c0d}.project-group .project-group-header .project-amount-summary .project-amount-badge.approved{background-color:#28c76f1a;color:#117539}.project-group .project-group-header .project-amount-summary .project-amount-badge.pending{background-color:#1485ae1a;color:#1485ae}.project-group .project-requests{max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.project-group .project-requests.expanded{max-height:10000px}.project-group .project-requests .card-container{border-left:none;border-radius:0;border-right:none;border-top:none;box-shadow:none;margin:0}.project-group .project-requests .card-container:last-child{border-bottom:none}.animate-slide-down{animation:slideDown .3s ease forwards}.nested-card{border-bottom-color:#f0f0f0!important;border-left:#f0f0f0!important;border-radius:0!important;border-right:#f0f0f0!important;border-top-color:#f0f0f0!important;margin:0!important}.nested-card:last-child{border-bottom:none!important}.nested-card:hover{background-color:#fafbfc!important}.filters-with-bubbles{display:flex;flex-direction:column;gap:16px;width:100%}.filters-with-bubbles .filters-row{align-items:center;display:flex;justify-content:space-between;width:100%}.filters-with-bubbles .time-bubbles-row{display:flex;justify-content:center;width:100%}.time-period-stats{align-items:center;display:flex;gap:8px;margin-top:10px}.time-period-stats .stat-item{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px}.time-period-stats .stat-item .stat-dot{border-radius:50%;height:8px;width:8px}.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;color:#333;font-size:.8rem;font-weight:500;margin-left:8px;padding:3px 8px}.project-icon{align-items:center;background-color:#26428b;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.weekday-badge{background-color:#e9ecef;border-radius:4px;color:#555;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 6px}.records-container{display:flex;flex-direction:column;height:100%;position:relative}.records-container .date-range-picker{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:1em;margin-right:2em}.records-container .date-range-picker p{color:#4a5568;font-size:.9em;margin:0 5em .5em 0}.records-container .refresh-indicator{align-items:center;background:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.5em;left:50%;padding:.5em 1em;position:absolute;top:1em;transform:translateX(-50%);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{align-items:center;display:flex;height:100%;justify-content:center}.records-container .no-records{color:#4a5568;margin-top:2em;text-align:center}.time-based-view .time-group{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1em;overflow:hidden}.time-based-view .time-group-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:1em;transition:background-color .2s}.time-based-view .time-group-header:hover{background:#edf2f7}.time-based-view .time-group-header .time-group-info{align-items:center;display:flex;gap:1em}.time-based-view .time-group-header .time-group-info .time-group-date{align-items:center;display:flex;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{color:#2d3748;font-weight:500}.time-based-view .time-group-header .time-group-summary{align-items:center;display:flex;gap:2em}.time-based-view .time-group-header .time-group-summary .project-bubbles{display:flex;gap:.5em}.time-based-view .time-group-header .time-group-summary .project-bubbles .project-bubble{align-items:center;border-radius:50%;color:#000000b3;display:flex;font-size:.8em;font-weight:600;height:24px;justify-content:center;width:24px}.time-based-view .time-group-header .time-group-summary .total-amount{color:#2d3748;font-weight:600;min-width:100px;text-align:right}.time-based-view .project-groups{padding:.5em}.time-based-view .project-group{background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;margin:.5em 0;overflow:hidden}.time-based-view .project-group .project-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75em 1em;transition:background-color .2s}.time-based-view .project-group .project-header:hover{background:#f7fafc}.time-based-view .project-group .project-header .project-title{align-items:center;display:flex;gap:.75em}.time-based-view .project-group .project-header .project-title .project-color-dot{border-radius:50%;height:12px;width:12px}.time-based-view .project-group .project-header .project-summary,.time-based-view .project-group .project-header .project-title span{color:#2d3748;font-weight:500}.time-based-view .project-group .project-records{background:#f8fafc;padding:.5em}.tab-navigation .tab-item .pulse-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chat-modal-container,.chat-modal-container .chat-modal-body{height:100%}.chat-modal-container .chat-modal-body .body-chat-container{grid-gap:.4em;display:flex;flex-direction:column;height:85%;overflow-y:scroll}.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:#0000;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{align-items:end;color:#fff}.chat-modal-container .chat-modal-body .body-chat-container .diff-user{align-items:start;color:#000}.chat-modal-container .chat-modal-bottom-container{display:flex}.messageImage{height:300px;min-width:250px;object-fit:contain}.activeText{font-weight:700}.mainTabs{display:flex;flex-direction:row;justify-content:center;min-height:80px}.mainTabs>div>div:first-child{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:small;gap:5px;justify-content:center;padding:10px 45px}.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;border-radius:2px;margin:5px 0}.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{background-color:#ffd34d;border-radius:2px;height:5px;margin:5px 0}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){-ms-overflow-style:none;display:flex;flex-direction:row;gap:20px;margin-top:-80px;min-height:60px;overflow-x:scroll;padding:10px 10px 10px 30px}#indentSection>:nth-child(2)>:nth-child(n){border:1px solid #ffd34d;border-radius:30px;color:#000;cursor:pointer;height:-webkit-fit-content;height:fit-content;min-width:180px;padding:10px;text-align:center}#indentSection>:nth-child(2)>:nth-child(n):hover{color:#fff}#indentSection>:nth-child(2)>.active,#indentSection>:nth-child(2)>:nth-child(n):hover{background-color:#ffd34d;border:1px solid #ffd34d;border-radius:30px;height:-webkit-fit-content;height:fit-content;padding:10px}#indentSection>:nth-child(2)>.active{color:#000}#indentSection>:nth-child(2)::-webkit-scrollbar{display:none}#indentSection>:nth-child(3){-ms-overflow-style:none;overflow-y:scroll;padding-top:20px}#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 #0000001a;display:flex;justify-content:space-between;padding:20px}.approval-bottom-container button:hover{cursor:pointer}.approval-bottom-container .approval-edit-btn{background:none;border:none;color:#4685d4;font-weight:600;padding-left:30px;text-decoration:underline;text-transform:capitalize}.approval-bottom-container .approval-bottom-buttons{display:flex;flex-direction:row;gap:10%;justify-content:space-between;padding-right:20px;width:45%}.approval-bottom-container .approval-bottom-buttons .approval-chat-btn,.approval-bottom-container .approval-bottom-buttons .approval-onhold-btn{background:#fff;border:1px solid #616161;border-radius:10px;color:#616161;font-weight:900;padding:10px 20px}.approval-bottom-container .approval-bottom-buttons .approval-decline-btn{background:none;border:1px solid #e74646;border-radius:10px;color:#e74646;font-size:17px;font-weight:500;letter-spacing:.0015em;line-height:22px;padding:10px 20px}.approval-bottom-container .approval-bottom-buttons .approval-approve-btn{background:#56b04e;border:none;border-radius:10px;color:#fff;font-size:18px;font-size:17px;font-weight:700;letter-spacing:.0015em;line-height:22px;padding:10px 20px}.no-orders{left:40%;position:absolute;top:50%}.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;flex-direction:column;margin:2em .5em;width:100%}.request-history-modal-container .request-history-item .request-history-item-details{border:"1px solid";border-radius:5px;padding:6px;text-align:center;width:40%}.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;flex-grow:1;gap:20px;overflow-x:auto;padding:20px}#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{max-width:40px;min-width:40px}#time-line #time-line-body{display:flex;flex-direction:column;gap:20px;overflow-x:hidden}#time-line #time-line-body .time-line-row{align-items:center;border-bottom:1px solid #ebebeb;display:flex;flex-direction:row;height:50px}#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;border-radius:6px;color:#fff;display:flex;height:50px;padding:6px;position:relative;transform:translateX(-40px);width:300px}#time-line #time-line-body .time-line-row .time-line-right>:first-child{background-color:#77966d;border-radius:6px;bottom:0;left:0;position:absolute;top:0;width:80%}#time-line #time-line-body .time-line-row .time-line-right>:nth-child(2){bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0 10px;position:absolute;top:0;width:100%}#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){align-items:center;bottom:0;display:flex;padding:0 10px;position:absolute;right:0;top:0}#time-line #time-line-body .time-line-row .time-line-right-quotation{background-color:#f7aaaa;border-radius:6px;color:#fff;display:flex;height:50px;padding:6px;position:relative;transform:translateX(-40px);width:300px}#time-line #time-line-body .time-line-row .time-line-right-quotation>:first-child{background-color:#e45c5c;border-radius:6px;bottom:0;left:0;position:absolute;top:0;width:80%}#time-line #time-line-body .time-line-row .time-line-right-quotation>:nth-child(2){bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0 10px;position:absolute;top:0;width:100%}#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){align-items:center;bottom:0;display:flex;padding:0 10px;position:absolute;right:0;top:0}.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{background-color:"white";color:#000;padding-bottom:12px;padding-top:12px;text-align:left;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{background-color:"white";color:#000;padding-bottom:12px;padding-top:12px;text-align:left;text-align:center}.order-heading-container{background-color:#fff8e1;border-radius:4px;display:flex;flex-direction:row;justify-content:space-between;padding:10px}.order-details{display:flex;flex-direction:column;gap:10px;width:88%}.order-details .order-details-vendor{display:flex;flex-direction:row;gap:10px}.order-details .order-details-vendor .order-details-icon{align-items:center;border:1px solid #fdd34d;border-radius:50%;display:flex;flex-direction:row;height:30px;justify-content:center;width:30px}.order-details .order-heading-dates{display:flex;gap:30px}.order-heading-amount{width:20%}.order-heading-amount,.order-heading-util{display:flex;flex-direction:column;gap:10px}.order-no-milestones{align-items:center;display:flex;flex-direction:column}.order-no-milestones .order-no-milestones-fetchmilestones-btn{background:#ffd34d;border:none;border-radius:5px;color:#000;font-size:1rem;font-weight:600;padding:.75em}.order-no-milestones .order-no-milestones-fetchmilestones-btn:hover{cursor:pointer}.milestone-pay-btn{background-color:#5cb85c;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:7px;transition:background-color .3s ease}.milestone-pay-btn:hover{background-color:#4cae4c}.milestone-pay-btn:focus{box-shadow:0 0 0 4px #5cb85c4d;outline:none}.milestone-pay-btn:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.milestone-request-btn{background-color:#f0f0f0;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:7px;transition:background-color .3s ease}.milestone-request-btn:hover{background-color:#ddd}.milestone-request-btn:focus{box-shadow:0 0 0 4px #2828e24d;outline:none}.milestone-request-btn:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.slide-out-list{background-color:#fff;border:2px solid #4b4b4b;height:10px;left:50%;position:fixed;top:50%;transform:translateY(-20%);transition:top .5s ease,left .5s ease;width:10px}.slide-out-list.visible{height:100%;left:110%;top:25%;width:300px;z-index:10000}.slide-out-list ul{list-style:none;margin:0;padding:0}.slide-out-list li{border-bottom:1px solid #ddd;padding:10px}.chat-input-container{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.input-row{align-items:center;display:flex;gap:12px}.message-input{border:1px solid #d1d5db;border-radius:20px;flex-grow:1;font-size:14px;min-height:40px;padding:8px 12px;resize:none}.message-input::placeholder{color:#9ca3af}.attach-button,.send-button{align-items:center;background-color:#e5e7eb;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.attach-button:hover,.send-button:hover{background-color:#d1d5db}.attach-icon{color:#6b7280;font-size:24px;transform:rotate(45deg)}.send-icon{color:#3b82f6;font-size:24px}.collapse-button{background-color:#e5e7eb;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-top:12px;padding:8px;transition:background-color .2s;width:100%}.collapse-button:hover{background-color:#d1d5db}.chat-backdrop{background:#0000;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:9998}.chat-backdrop.active{opacity:1;pointer-events:all;visibility:visible}.modern-chat-panel{background:#fff;border:1px solid #00000014;border-radius:24px;bottom:24px;box-shadow:0 32px 64px #00000026,0 16px 32px #0000001a,0 8px 16px #0000000d,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:75vh!important;opacity:0;overflow:hidden;position:fixed;right:24px;transform:translateY(100%) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1);width:25vw;z-index:9999}.modern-chat-panel.open{opacity:1;transform:translateY(0) scale(1)}.modern-chat-panel.minimized{border-radius:46px;height:92px}.modern-chat-panel.expanded{bottom:12px;height:88vh;max-height:calc(100vh - 24px);right:12px;width:40vw}.modern-chat-panel.animating{animation:modernSlideUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes modernSlideUp{0%{opacity:0;transform:translateY(100%) scale(.8)}60%{opacity:.9;transform:translateY(-8px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-chat-header{align-items:center;background:linear-gradient(145deg,#2f4858,#1a2730);border-radius:24px 24px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px;position:relative}.modern-chat-header:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.chat-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.modern-chat-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:16px;color:#fff;display:flex;height:52px;justify-content:center;position:relative;width:52px}.modern-chat-indicator svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:26px}.online-pulse{animation:onlinePulse 2s infinite;background:#10b981;border:3px solid #fff;border-radius:50%;height:18px;position:absolute;right:-3px;top:-3px;width:18px}@keyframes onlinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.chat-info .chat-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.chat-status{color:#ffffffe6;display:block;font-size:14px;font-weight:500}.chat-controls{display:flex;gap:6px}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.control-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.control-btn:hover:before{left:100%}.control-btn:hover{background:#ffffff40;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) scale(1.05)}.control-btn:active{transform:translateY(0) scale(.98)}.control-btn.close-btn:hover{background:#ef4444e6;border-color:#ef444480}.control-btn.minimize-btn:hover{background:#3b82f6e6;border-color:#3b82f680}.control-btn.expand-btn:hover{background:#10b981e6;border-color:#10b98180}.control-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:18px}.modern-messages-container{background:linear-gradient(180deg,#f8fafc,#fff 50%,#f8fafc);flex:1 1;overflow-y:auto;padding:24px 28px;scroll-behavior:smooth}.modern-messages-container::-webkit-scrollbar{width:8px}.modern-messages-container::-webkit-scrollbar-track{background:#00000008;border-radius:4px;margin:12px 0}.modern-messages-container::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2f4858,#1a2730);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.modern-messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#2f4858,#1a2730)}.modern-empty-state{flex-direction:column;height:100%;padding:60px 32px;text-align:center}.empty-icon-wrapper,.modern-empty-state{align-items:center;display:flex;justify-content:center}.empty-icon-wrapper{animation:floatAnimation 3s ease-in-out infinite;background:linear-gradient(145deg,#2f4858,#1a2730);border-radius:50%;box-shadow:0 12px 32px #4e52634d;color:#fff;height:96px;margin-bottom:24px;width:96px}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.empty-icon-wrapper svg{font-size:48px}.modern-empty-state h4{-webkit-text-fill-color:#0000;background:linear-gradient(145deg,#2f4858,#1a2730);background-clip:text;-webkit-background-clip:text;color:#1f2937;font-size:22px;font-weight:700;margin:0 0 12px}.modern-empty-state p{color:#6b7280;font-size:16px;line-height:1.6;margin:0;max-width:280px}.chat-message{animation:messageAppear .4s cubic-bezier(.4,0,.2,1);margin:24px 0}@keyframes messageAppear{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message.firm-message{display:flex;justify-content:flex-end}.chat-message.client-message{display:flex;justify-content:flex-start}.message-content{align-items:flex-end;display:flex;gap:12px;max-width:85%}.message-avatar{align-items:center;border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 6px 16px #0000001f;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .3s ease;width:40px}.message-avatar:hover{transform:scale(1.1)}.message-avatar svg{font-size:22px}.client-avatar{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.firm-avatar{background:linear-gradient(145deg,#2f4858,#1a2730);color:#fff}.message-bubble{word-wrap:break-word;border-radius:20px;box-shadow:0 4px 12px #00000014;max-width:100%;padding:16px 20px;position:relative;transition:all .3s ease}.message-bubble:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.client-bubble{background:#fff;border:2px solid #f1f5f9;border-bottom-left-radius:8px;color:#374151}.firm-bubble{background:linear-gradient(145deg,#2f4858,#1a2730);border-bottom-right-radius:8px;color:#fff;text-shadow:0 1px 2px #0000001a}.message-text{font-size:15px;font-weight:400;line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.message-time{display:block;font-size:12px;font-weight:500;opacity:.8;text-align:right}.firm-bubble .message-time{color:#ffffffe6}.client-bubble .message-time{color:#6b7280}.modern-input-section{background:#fff;border-radius:0 0 24px 24px;border-top:1px solid #00000014;flex-shrink:0;padding:18px 28px}.input-wrapper{gap:10px;width:100%}.input-wrapper,.message-input-container{align-items:center;display:flex;height:48px}.message-input-container{background:#f8fafc;border:2px solid #e5e7eb;border-radius:16px;flex:1 1;min-width:0;overflow:hidden;position:relative;transition:all .3s ease}.message-input-container:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.modern-textarea{-ms-overflow-style:none;background:#0000;border:none;border-radius:14px;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;height:44px;line-height:1.4;max-height:44px;min-height:44px;outline:none;overflow:hidden;padding:12px 16px;resize:none;scrollbar-width:none;width:100%}.modern-textarea::-webkit-scrollbar{display:none}.modern-textarea::placeholder{color:#9ca3af;font-weight:400}.char-counter{background:#fffffff2;border-radius:6px;bottom:4px;color:#9ca3af;font-size:10px;font-weight:600;padding:2px 6px;pointer-events:none;position:absolute;right:12px}.action-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.action-btn{align-items:center!important;border:2px solid #0000;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important;height:44px!important;justify-content:center!important;margin:0!important;max-height:44px!important;max-width:44px!important;min-height:44px!important;min-width:44px!important;overflow:hidden;padding:0!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px!important}.action-btn:before{border-radius:50%;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.attach-btn{background:#f8fafc!important;border-color:#e5e7eb!important;color:#6b7280!important}.attach-btn:hover{background:#f1f5f9!important;box-shadow:0 6px 16px #0000001f;color:#374151!important;transform:translateY(-1px) scale(1.02)}.attach-btn svg{flex-shrink:0;font-size:18px;transform:rotate(45deg)}.send-btn{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed}.send-btn.active{border-color:#4e52634d!important;box-shadow:0 4px 16px #4e52634d;color:#fff!important;cursor:pointer}.send-btn.active,.send-btn.active:hover{background:linear-gradient(145deg,#2f4858,#1a2730)!important}.send-btn.active:hover{box-shadow:0 8px 24px #4e526366;transform:translateY(-1px) scale(1.02)}.send-btn svg{flex-shrink:0;font-size:18px;transition:transform .3s ease}.send-btn.active:hover svg{transform:translateX(1px)}@media (max-width:768px){.chat-backdrop{display:block}.modern-chat-panel{border-radius:20px;bottom:12px;height:calc(100% - 48px);left:12px;right:12px;transform:translateY(100%);width:calc(100% - 24px)}.modern-chat-panel.open{transform:translateY(0)}.modern-chat-panel.expanded{bottom:8px;height:calc(100% - 32px);left:8px;right:8px;width:calc(100% - 16px)}.modern-chat-header,.modern-messages-container{padding:20px 24px}.modern-input-section{padding:16px 24px}.message-content{max-width:90%}.input-wrapper,.message-input-container{height:44px}.modern-textarea{height:40px;max-height:40px;min-height:40px}.action-btn{height:40px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.control-btn{height:32px;width:32px}}@media (max-width:480px){.modern-chat-panel{border-radius:16px;bottom:8px;left:8px;right:8px;width:calc(100% - 16px)}.control-btn{height:30px;width:30px}.control-btn svg{font-size:16px}.input-wrapper,.message-input-container{height:40px}.modern-textarea{height:36px;max-height:36px;min-height:36px;padding:10px 14px}.action-btn{height:36px!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.modern-chat-header{padding:16px 20px}}.action-btn:focus,.control-btn:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.client-bubble,.modern-chat-panel{border:3px solid #000}.firm-bubble{background:#000}}@media (prefers-reduced-motion:reduce){.action-btn,.chat-message,.control-btn,.message-avatar,.message-bubble,.modern-chat-panel{animation:none!important;transition:none!important}}.modern-chat-panel{contain:layout style paint;will-change:transform,opacity}.action-btn,.control-btn,.message-bubble{will-change:transform}.mark-as-paid-btn{background-color:#28a745;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s,transform .3s}.mark-as-paid-btn:hover{background-color:#218838}.mark-as-paid-btn:active{transform:scale(.95)}.mark-as-paid-btn:focus{box-shadow:0 0 0 3px #48b46180;outline:none}.modal-overlay{background:#00000040;height:100vh;max-width:100vw;min-width:100vw;overflow-y:auto;width:100vw;z-index:9999}.modal-content.modern-milestone-modal{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;height:90vh;max-width:90vw;min-height:90vh;min-width:90vw;overflow:hidden;padding:0;width:90vw;z-index:10000}.milestone-modal-layout{display:flex;height:100%;width:100%}.modern-milestone-header{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 25px #0000000a,0 1px 3px #00000005;margin-bottom:24px}.modern-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;color:#374151;font-size:15px;font-weight:500;outline:none;padding:20px 24px 16px 54px;transition:all .2s ease;width:100%}.modern-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s ease}.modern-summary-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.modern-summary-card-icon{align-items:center;border-radius:12px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.modern-summary-card-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.modern-summary-card-value{font-size:24px;font-weight:700;line-height:1.2}.modern-button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:12px 20px;transition:all .2s ease}.modern-button-secondary{background:#f8fafc;border:1px solid #e5e7eb;color:#374151}.modern-button-secondary:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-1px)}.modern-button-primary{background:#10b981;color:#fff}.modern-button-primary:hover{background:#059669;transform:translateY(-1px)}.modern-clear-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.modern-clear-button:hover{background:#ef4444;color:#fff}.search-highlight{background-color:#fef08a!important;border-radius:2px;color:#92400e!important;font-weight:600;padding:0 2px}.field-match-indicator{animation:pulse 2s infinite;background:#fbbf24;border-radius:4px;color:#92400e;font-size:10px;font-weight:600;left:8px;padding:2px 6px;pointer-events:none;position:absolute;top:-8px;z-index:10}.form-cell-highlighted{animation:glow 3s ease-in-out infinite alternate;background:#fef08a33;border-radius:6px;padding:4px;position:relative;transition:all .2s ease}@keyframes glow{0%{box-shadow:0 0 5px #fef08a80}to{box-shadow:0 0 15px #fef08acc}}.form-input-highlighted{border:2px solid #fbbf24!important;box-shadow:0 0 0 3px #fbbf2433}.milestone-sidebar{background:linear-gradient(135deg,#f8fafc 60%,#e0e7ef);border-right:1.5px solid #e5e7eb;box-shadow:2px 0 16px 0 #3c50780f;display:flex;flex-direction:column;gap:24px;max-width:600px;min-width:420px;overflow-y:auto;padding:40px 28px 28px;width:480px}.sidebar-title{color:#1a237e;font-size:1.35rem;font-weight:800;letter-spacing:.5px;margin-bottom:18px;text-shadow:0 1px 0 #fff}.sidebar-search{background:#fff;border:1.5px solid #bfc9d1;border-radius:10px;box-shadow:0 2px 8px #0000000a;font-size:17px;margin-bottom:18px;outline:none;padding:14px 18px;width:100%}.sidebar-search:focus{border-color:#2563eb}.sidebar-items-list{background:#f5f7fa;border:1.5px solid #e3e7ef;border-radius:12px;box-shadow:0 2px 8px #00000008;flex:1 1;margin-bottom:16px;overflow-y:auto;padding:16px 10px}.sidebar-room-title{color:#1976d2;font-size:17px;font-weight:700;letter-spacing:.2px;margin-bottom:6px;margin-top:18px}.sidebar-unit-title{color:#3949ab;font-size:15px;font-weight:600;margin-bottom:4px;margin-left:16px}.sidebar-item-label{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;font-size:18px;gap:14px;padding:10px 0}.sidebar-item-label.checked{background:#e3f2fd}.sidebar-item-label input[type=checkbox]{accent-color:#1976d2;height:22px;width:22px}.sidebar-item-name{color:#222;font-size:17px;font-weight:600}.sidebar-item-meta{color:#888;font-size:14px;margin-left:10px}.sidebar-no-items{color:#888;font-size:18px;padding:32px 0;text-align:center}.sidebar-add-btn{background:linear-gradient(90deg,#1976d2 60%,#64b5f6);border:none;border-radius:10px;box-shadow:0 4px 16px #1976d214;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:.5px;margin-top:16px;padding:16px 0}.sidebar-add-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#42a5f5)}.milestone-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px 32px 18px}.milestone-summary{margin-bottom:18px}.milestone-title{color:#22223b;font-size:1.1rem;font-weight:700;margin-bottom:12px}.milestone-summary-cards{display:flex;gap:24px;margin-bottom:12px}.summary-card{align-items:flex-start;background:#f4f8fb;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;min-width:160px;padding:16px 22px}.summary-label{color:#888;font-size:13px;margin-bottom:4px}.summary-value{color:#2563eb;font-size:16px;font-weight:700}.summary-value.green{color:#28a745}.summary-value.red{color:#dc3545}.milestone-actions{align-items:center;display:flex;flex-direction:row;gap:16px}.action-btn{border:none;box-shadow:0 2px 6px #2563eb14;cursor:pointer;font-size:15px;font-weight:600;height:40px!important;min-width:120px!important}.action-btn.revision{background:#3498db;color:#fff}.action-btn.revision:hover{background:#2980b9}.action-btn.share{background:#2ecc71;color:#fff}.action-btn.share:hover{background:#27ae60}.milestone-list-section{flex:1 1;overflow-y:auto}.add-milestone-title{color:#2563eb;font-size:1.1rem;font-weight:600;margin:18px 0 8px}.revision-label{color:#888;font-size:1rem;margin:10px 0 4px}.item-selection-section{background:#f8fafc;border-bottom:1px solid #eee;padding:20px 24px 18px}.modal-body{flex:1 1 auto;height:100%;padding:0 24px 24px;width:100%}.modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;box-shadow:0 1px 4px #00000012;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:22px;font-size:24px;height:36px;justify-content:center;padding:10px;width:36px;z-index:1}.modal-close:hover{background:#e0e0e0;color:red;transform:scale(1.2)}.modal-close:active{background:#d0d0d0;transform:scale(1.1)}.modal-title{border-bottom:1px solid #eee;color:#333;font-size:24px;padding:20px 30px}.modal-body{flex-grow:1;overflow-y:auto;padding:20px 30px}.modal-body h3{color:#4caf50;font-size:20px;margin-bottom:15px;margin-top:30px}@media (max-width:768px){.modal-content{height:95vh;width:95%}.modal-title{font-size:20px}.modal-body,.modal-title{padding:15px 20px}.modal-body h3{font-size:18px}}:root{--primary:#6366f1;--primary-light:#e0e7ff;--primary-dark:#4f46e5;--danger:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--radius:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--transition:all 0.15s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}.modern-milestone-wrapper{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:15px!important;overflow:visible!important;width:100%}.modern-milestone-header,.modern-milestone-wrapper .modern-milestone-header,div.modern-milestone-header{background:#64748b!important;background-color:#64748b!important;color:#fff!important}.modern-milestone-header .header-cell,.modern-milestone-wrapper .modern-milestone-header .header-cell,div.modern-milestone-header .header-cell{background:#0000!important;color:#fff!important}.modern-milestone-header{grid-gap:0!important;background:#64748b!important;background-color:#64748b!important;border-radius:10px 10px 0 0!important;display:grid!important;font-size:.75rem!important;gap:0!important;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr)!important;margin-bottom:0!important;overflow:visible!important;padding:0!important}.header-cell,.modern-milestone-header{color:#fff!important;font-weight:600!important}.header-cell{align-items:center!important;background:#0000!important;display:flex!important;font-size:10px!important;justify-content:center!important;letter-spacing:.5px!important;min-height:48px!important;padding:.75rem .6rem!important;position:relative!important;text-transform:uppercase!important}.header-cell:last-child{border-right:none}.header-cell:first-child{font-size:.7rem;justify-content:center}.header-cell:nth-child(2){justify-content:flex-start;padding-left:1rem}.header-cell:nth-child(3),.header-cell:nth-child(4),.header-cell:nth-child(5),.header-cell:nth-child(6),.header-cell:nth-child(7){justify-content:center}.modern-milestone-row{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-bottom:1px solid #e2e8f0;border-radius:8px;box-shadow:none;margin-bottom:0;overflow:hidden;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-milestone-row:hover{background:#f8fafc}.modern-milestone-row.new-milestone{background:linear-gradient(135deg,#e0e7ff,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--white) 100%);border:2px dashed #6366f1;border:2px dashed var(--primary)}.modern-milestone-form{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr);min-height:56px}.new-milestone .modern-milestone-form{gap:0;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr) 120px}.form-cell{align-items:center;background:#0000;display:flex;justify-content:center;min-height:56px;padding:.75rem .6rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-cell:nth-child(2){align-items:stretch;justify-content:flex-start;padding-left:1rem}.form-cell:last-child{border-right:none}.form-cell:first-child,.form-cell:nth-child(3),.form-cell:nth-child(4),.form-cell:nth-child(5),.form-cell:nth-child(6),.form-cell:nth-child(7){justify-content:center}.milestone-item-wrapper .MuiCheckbox-root{align-items:center!important;border-radius:50%!important;display:flex!important;flex-shrink:0;height:36px!important;justify-content:center!important;margin:0 0 2px!important;padding:0!important;width:36px!important}.milestone-item-wrapper .MuiCheckbox-root:hover{background-color:#0659d614!important;border-radius:50%!important}.milestone-item-wrapper .MuiCheckbox-root.Mui-checked{color:#0659d6!important}.milestone-item-wrapper .MuiCheckbox-root.Mui-disabled{color:#94a3b8!important;cursor:not-allowed!important}.milestone-item-wrapper .MuiCheckbox-root .MuiSvgIcon-root{border-radius:50%!important;font-size:1.6rem!important}.milestone-item-wrapper .MuiCheckbox-root .MuiTouchRipple-root{border-radius:50%!important}.modern-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff!important;background:var(--white)!important;border:2px solid #0659d6!important;border-radius:3px;cursor:pointer;height:26px!important;margin:0!important;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:26px!important}.modern-checkbox:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #e0e7ff;box-shadow:0 0 0 2px var(--primary-light)}.modern-checkbox:checked{background:#6366f1!important;background:var(--primary)!important;background-color:#6366f1!important;background-color:var(--primary)!important;border-color:#6366f1!important;border-color:var(--primary)!important}.modern-checkbox:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #e0e7ff;box-shadow:0 0 0 2px var(--primary-light);outline:none}.modern-checkbox:checked:after{color:#fff!important;color:var(--white)!important;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modern-milestone-number{align-items:center;background:#64748b;border:1px solid #fff;border:1px solid var(--white);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:26px;justify-content:center;width:26px}.milestone-info{flex-direction:column;height:100%;text-align:center}.milestone-info,.milestone-item-wrapper{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.milestone-item-wrapper{align-self:center;flex-direction:row}.modern-form-input,.modern-form-textarea{background:#fff;background:var(--white);border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#334155;color:var(--gray-700);font-family:inherit;font-size:.875rem;font-weight:500;margin:2px;outline:none;padding:6px 10px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modern-form-input-small,.modern-form-textarea-small{font-size:.75rem!important;font-weight:500!important;margin:2px!important;padding:6px 8px!important}.modern-form-textarea-small{min-height:2.5rem!important}.modern-form-input-large{font-size:.8rem!important;font-weight:600!important;margin:2px!important;padding:6px 10px!important;text-align:center}.modern-form-input:focus,.modern-form-textarea:focus{background:#fff;background:var(--white);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133;outline:none}.modern-form-input::placeholder,.modern-form-textarea::placeholder{color:#94a3b8;color:var(--gray-400);font-size:.875rem;font-weight:400}.modern-form-input-small::placeholder,.modern-form-textarea-small::placeholder{font-size:.7rem!important}.modern-form-input-large::placeholder{font-size:.85rem!important}.modern-form-input-multiline{word-wrap:break-word;background:#fff;background:var(--white);border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#334155;color:var(--gray-700);font-family:inherit;font-size:.8rem;font-weight:500;height:auto;line-height:1.4;margin:2px;max-height:none;min-height:56px;outline:none;overflow:visible;padding:6px 10px;resize:vertical;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:pre-wrap;width:100%;word-break:break-word}.modern-form-input-multiline:focus{background:#fff;background:var(--white);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133;outline:none}.total-progress-indicator{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;color:#475569;color:var(--gray-600);font-size:10px;font-weight:500;margin-top:4px;min-width:-webkit-fit-content;min-width:fit-content;padding:3px 8px;text-align:center;white-space:nowrap}.sub-tasks-section{background:#f8fafc;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);margin-top:12px;overflow:hidden;padding:0}.sub-tasks-header,.sub-tasks-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200)}.sub-tasks-header{background:#f1f5f9;background:var(--gray-100);margin-bottom:0;padding:8px 12px}.sub-tasks-header h5{color:#334155;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.sub-tasks-list{display:flex;flex-direction:column;gap:0}.sub-task-row{grid-gap:0;align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:grid;gap:0;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr);min-height:56px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sub-task-row:last-child{border-bottom:none}.sub-task-row:hover{background:#f8fafc}.sub-task-cell{align-items:center;background:#0000;display:flex;min-height:56px;padding:.75rem .6rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sub-task-cell,.sub-task-cell:first-child{justify-content:center}.sub-task-cell:nth-child(2){justify-content:flex-start;padding-left:1rem}.sub-task-cell:nth-child(3),.sub-task-cell:nth-child(4),.sub-task-cell:nth-child(5),.sub-task-cell:nth-child(6),.sub-task-cell:nth-child(7){justify-content:center}.sub-task-number{align-items:center;background:#f1f5f9;background:var(--gray-100);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:50%;color:#64748b;color:var(--gray-500);display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;text-align:center;width:24px}.sub-task-amount{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:6px;border-radius:var(--radius);color:#334155;color:var(--gray-700);font-size:.8rem;font-weight:600;min-width:80px;padding:6px 8px;text-align:center}.modern-form-textarea{line-height:1.5;min-height:3rem;resize:vertical}.modern-add-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;min-width:90px;padding:.7rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.modern-add-btn:hover{background:#6366f1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-add-btn:active{transform:translateY(0)}.compact-tasks-section{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);margin-top:12px;overflow:hidden;width:100%}.tasks-header{grid-gap:8px;background:#f1f5f9;background:var(--gray-100);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);color:#475569;color:var(--gray-600);display:grid;font-size:12px;font-weight:600;gap:8px;grid-template-columns:40px minmax(180px,2.5fr) minmax(80px,1fr) minmax(70px,.8fr) minmax(100px,1.2fr) minmax(180px,2fr);padding:12px 16px;width:100%}.task-header-cell{letter-spacing:.5px;text-align:center;text-transform:uppercase}.task-header-cell:first-child{text-align:center}.task-header-cell:nth-child(2){padding-left:4px;text-align:left}.tasks-list{background:#fff;background:var(--white);display:flex;flex-direction:column;width:100%}.compact-task-row{grid-gap:8px;align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:grid;gap:8px;grid-template-columns:40px minmax(180px,2.5fr) minmax(80px,1fr) minmax(70px,.8fr) minmax(100px,1.2fr) minmax(180px,2fr);padding:12px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.compact-task-row:last-child{border-bottom:none}.compact-task-row:hover{background:#f8fafc;background:var(--gray-50)}.task-badge,.task-number{align-items:center;display:flex;justify-content:center}.task-badge{background:#e2e8f0;background:var(--gray-200);border-radius:50%;color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:600;height:26px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:26px}.task-name-section{align-items:center;display:flex}.task-input{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius);color:#334155;color:var(--gray-700);font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.task-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a;outline:none}.task-input::placeholder{color:#94a3b8;color:var(--gray-400);font-size:.85rem}.task-quantity-section,.task-rate-section{align-items:center;display:flex;justify-content:center}.task-input-small{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius);color:#334155;color:var(--gray-700);font-size:.8rem;font-weight:500;padding:6px 8px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.task-input-small:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a;outline:none}.task-input-small::placeholder{color:#94a3b8;color:var(--gray-400);font-size:.7rem}.task-amount-section{align-items:center;display:flex;justify-content:center}.calculated-amount{background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;border-radius:var(--radius);color:#10b981;color:var(--success);font-size:.8rem;font-weight:600;min-width:80px;padding:6px 10px;text-align:center;width:100%}.task-progress-section{align-items:center;display:flex}.tasks-total{background:#f8fafc;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);padding:12px 16px;text-align:right}.tasks-total-label{background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;border-radius:var(--radius);color:#10b981;color:var(--success);display:inline-block;font-size:14px;font-weight:700;padding:4px 16px}.amount-display{align-items:center;display:flex;flex-direction:column;width:100%}.calculated-milestone-amount{background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;border-radius:var(--radius);color:#10b981;color:var(--success);font-size:14px;font-weight:600;padding:8px 12px;position:relative;text-align:center;width:100%}.amount-label{color:#64748b;color:var(--gray-500);display:block;font-size:10px;font-weight:400;margin-top:2px}.modern-slider-container{align-items:flex-start;contain:layout style;display:flex;gap:.75rem;padding:0 4px;width:100%}.slider-track-wrapper{align-items:center;cursor:grab;display:flex;flex:1 1;height:20px;margin-top:4px;position:relative;touch-action:none;transform:translateZ(0);-webkit-user-select:none;user-select:none;will-change:auto}.slider-track-wrapper:active{cursor:grabbing}.slider-track-wrapper:hover .slider-thumb{box-shadow:0 4px 12px #00000026;transform:translate(-50%,-50%) scale(1.05)}.slider-track-wrapper:active .slider-thumb{transform:translate(-50%,-50%) scale(1.1)}.slider-thumb{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.slider-thumb:hover{box-shadow:0 4px 12px #00000026}.modern-slider-hidden{height:100%;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.slider-track-bg{background:#e2e8f0;background:var(--gray-200);right:0;will-change:auto;z-index:1}.slider-track-bg,.slider-track-fill{border-radius:4px;height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform:translateZ(0) translateY(-50%)}.slider-track-fill{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#6366f1;background:var(--primary)}.slider-track-fill,.slider-track-previous{transition:width .1s cubic-bezier(.4,0,.2,1);z-index:2}.slider-track-previous{background:#cbd5e1;background:var(--gray-300);border-radius:4px 0 0 4px;height:8px;left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transform:translateZ(0) translateY(-50%);will-change:auto}.modern-slider-container.disabled{opacity:.6;pointer-events:none}.modern-slider-container.disabled .slider-track-wrapper{cursor:not-allowed}.slider-percentage{flex-shrink:0;font-size:.85rem;font-weight:700;min-width:50px;text-align:center}.slider-info{align-items:center;gap:.25rem;min-width:80px}.progress-breakdown,.slider-info{display:flex;flex-direction:column}.progress-breakdown{font-size:.7rem;gap:.1rem;text-align:center}.prev-progress{color:#475569;font-weight:500}.current-progress{color:#1d4ed8;font-weight:600}.modern-context-menu{animation:contextMenuSlideIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);min-width:180px;padding:.5rem 0}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.7rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.context-menu-item:hover{background:#f8fafc;background:var(--gray-50)}.context-menu-item.danger:hover{background:#ef44441a;color:#ef4444;color:var(--danger)}.context-menu-icon{flex-shrink:0;font-size:16px}.context-menu-separator{background:#e2e8f0;background:var(--gray-200);height:1px;margin:.25rem 0}@media (max-width:1400px){.modern-milestone-form,.modern-milestone-header{grid-template-columns:55px 55px minmax(180px,1.8fr) 100px 100px 90px 120px minmax(160px,1.6fr)}.new-milestone .modern-milestone-form{grid-template-columns:55px 55px minmax(180px,1.8fr) 100px 100px 90px 120px minmax(160px,1.6fr) 110px}.compact-task-row,.tasks-header{gap:6px;grid-template-columns:35px minmax(160px,2.2fr) minmax(70px,.9fr) minmax(60px,.7fr) minmax(90px,1.1fr) minmax(160px,1.8fr)}}@media (max-width:1200px){.modern-milestone-form,.modern-milestone-header{grid-template-columns:50px 50px minmax(160px,1.6fr) 90px 90px 80px 110px minmax(140px,1.4fr)}.new-milestone .modern-milestone-form{grid-template-columns:50px 50px minmax(160px,1.6fr) 90px 90px 80px 110px minmax(140px,1.4fr) 100px}.compact-task-row,.tasks-header{gap:4px;grid-template-columns:30px minmax(140px,2fr) minmax(60px,.8fr) minmax(50px,.6fr) minmax(80px,1fr) minmax(140px,1.5fr)}}@media (max-width:900px){.compact-task-row,.tasks-header{gap:4px;grid-template-columns:30px minmax(120px,1.8fr) minmax(50px,.7fr) minmax(45px,.5fr) minmax(70px,.9fr) minmax(120px,1.3fr)}}@media (max-width:768px){.modern-milestone-header{display:none}.modern-milestone-form,.new-milestone .modern-milestone-form{gap:0;grid-template-columns:1fr}.form-cell{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);border-right:none;flex-direction:column;justify-content:flex-start;padding:1rem}.form-cell:last-child{border-bottom:none}.form-cell:before{color:#475569;color:var(--gray-600);content:attr(data-label);display:block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-cell:first-child:before{content:"Select"}.form-cell:nth-child(2):before{content:"#"}.form-cell:nth-child(3):before{content:"Milestone Name"}.form-cell:nth-child(4):before{content:"Description"}.form-cell:nth-child(5):before{content:"Amount"}.form-cell:nth-child(6):before{content:"Due Date"}.form-cell:nth-child(7):before{content:"Progress %"}.form-cell:nth-child(8):before{content:"Action"}.tasks-header{display:none}.tasks-list{gap:.5rem}.compact-task-row{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-lg);gap:.75rem;grid-template-columns:1fr;margin:.5rem;padding:1rem}.task-amount-section,.task-name-section,.task-number,.task-progress-section,.task-quantity-section,.task-rate-section{width:100%}.task-quantity-section,.task-rate-section{justify-content:flex-start}.task-input-small{text-align:left}.modern-slider-container{align-items:center;flex-direction:row;gap:.75rem}.compact-tasks-section{padding:.5rem}.tasks-total{padding:1rem;text-align:center}}.compact-task-row,.modern-milestone-wrapper{contain:layout style;will-change:transform}.modern-milestone-wrapper{transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.slider-thumb,.slider-track-fill,.slider-track-previous{transition:none!important}}@media (prefers-reduced-motion:no-preference){.slider-thumb{transition:left .1s cubic-bezier(.4,0,.2,1),transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.slider-track-fill,.slider-track-previous{transition:width .1s cubic-bezier(.4,0,.2,1)}}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}.modern-milestone-row:hover .modern-milestone-number{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.compact-task-row:hover .task-badge{background:#e0e7ff;background:var(--primary-light);color:#6366f1;color:var(--primary)}.previous-invoices-section{background:#f8fafc;margin-top:12px;overflow:hidden;position:relative;width:100%}.previous-invoices-title{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;margin-top:2px;padding:.75rem 1rem}.previous-invoices-title .title-icon{font-size:1rem;opacity:.7}.previous-invoices-title h4{color:#64748b;flex:1 1;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.previous-invoices-title .title-badge{background:#d97706;min-width:18px;padding:2px 6px}.previous-invoices-title .completion-badge,.previous-invoices-title .title-badge{border-radius:8px;color:#fff;color:var(--white);font-size:.65rem;font-weight:600;text-align:center}.previous-invoices-title .completion-badge{background:#10b981;margin-left:auto;padding:2px 8px}.previous-invoices-header{grid-gap:0;background:#64748b;border-radius:0;color:#fff;color:var(--white);display:grid;font-size:.75rem;font-weight:600;gap:0;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr);margin-bottom:0;padding:0}.previous-invoices-header .header-cell{align-items:center;background:#0000;border-right:1px solid #ffffff1a;color:#fff;color:var(--white);display:flex;font-size:10px!important;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:48px;padding:.75rem .6rem;position:relative;text-transform:uppercase}.previous-invoices-header .header-cell:last-child{border-right:none}.previous-invoices-header .header-cell:nth-child(2){justify-content:flex-start;padding-left:1rem}.previous-invoices-list{display:flex;flex-direction:column}.previous-invoice-row,.previous-invoices-list{background:#fff;background:var(--white);width:100%}.previous-invoice-row{grid-gap:0;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:0;grid-template-columns:80px minmax(200px,2fr) 110px 110px 100px 130px minmax(180px,1.8fr);padding:0;position:relative;transition:all .15s ease}.previous-invoice-row:last-child{border-bottom:none;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.previous-invoice-row:hover{background:#f8fafc}.previous-invoice-row .form-cell{align-items:center;background:#0000;border-right:1px solid #e2e8f0;display:flex;justify-content:center;min-height:56px;padding:.75rem .6rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.previous-invoice-row .form-cell:last-child{border-right:none}.previous-invoice-row .form-cell:nth-child(2){justify-content:flex-start;padding-left:1rem}.invoice-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}.invoice-number{background:#fff;background:var(--white);border:1px solid #e2e8f0;border-radius:4px;color:#334155;font-size:.75rem;font-weight:600;min-width:35px;padding:2px 6px}.invoice-date{color:#64748b;font-size:.65rem;font-weight:500;opacity:.8}.invoice-status{border-radius:3px;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:1px 4px;text-transform:uppercase}.status-requested{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.status-approved{background:#d1fae5;border:1px solid #6ee7b7;color:#047857}.status-paid{background:#dcfce7;border:1px solid #86efac;color:#15803d}.status-rejected{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.milestone-number-previous{align-items:center;background:#64748b;border:2px solid #fff;border:2px solid var(--white);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.milestone-name-previous{display:flex;flex-direction:column;gap:2px}.milestone-text-previous{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.2;max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:normal;word-break:break-word}.invoice-status-small{border-radius:2px;display:inline-block;font-size:.55rem;font-weight:500;letter-spacing:.3px;margin-top:2px;padding:1px 4px;text-transform:uppercase}.invoice-status-small.status-requested{background:#dbeafe;color:#1d4ed8}.invoice-status-small.status-approved{background:#d1fae5;color:#047857}.invoice-status-small.status-paid{background:#dcfce7;color:#15803d}.invoice-status-small.status-rejected{background:#fee2e2;color:#dc2626}.quantity-display,.rate-display,.unit-display{color:#475569;font-size:.75rem;font-weight:500;min-width:60px;padding:4px 8px}.amount-display-previous,.quantity-display,.rate-display,.unit-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;border-radius:var(--radius);text-align:center}.amount-display-previous{color:#334155;font-size:.8rem;font-weight:600;min-width:80px;padding:6px 10px;width:100%}.progress-display-previous{align-items:center;display:flex;gap:.5rem;width:100%}.progress-bar-previous{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;height:12px;overflow:hidden;position:relative}.progress-fill-previous{border-radius:6px;height:100%;transition:width .3s ease}.progress-text-previous{color:#475569;flex-shrink:0;font-size:.7rem;font-weight:600;min-width:35px;text-align:center}.invoice-progress-container{align-items:flex-start;display:flex;gap:.5rem;padding:0 2px;width:100%}.invoice-slider-track-wrapper{align-items:center;display:flex;flex:1 1;height:16px;margin-top:2px;position:relative;-webkit-user-select:none;user-select:none}.invoice-slider-track-bg{background:#f1f5f9;border-radius:3px;right:0;z-index:1}.invoice-slider-track-bg,.invoice-slider-track-previous{height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.invoice-slider-track-previous{background:#94a3b8;border-radius:3px 0 0 3px;opacity:.8;z-index:2}.invoice-slider-track-fill{border-radius:0 3px 3px 0;height:6px;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease;z-index:3}.invoice-slider-thumb{background:#fff;border:2px solid #6366f1;border-radius:50%;box-shadow:0 1px 2px #0000001a;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:5}.invoice-slider-info{align-items:center;display:flex;flex-direction:column;gap:.15rem;min-width:60px}.invoice-slider-percentage{flex-shrink:0;font-size:.7rem;font-weight:600;text-align:center}.invoice-progress-breakdown{display:flex;flex-direction:column;font-size:.6rem;gap:.05rem;text-align:center}.invoice-prev-progress{color:#64748b;font-weight:500}.invoice-current-progress{color:#1d4ed8;font-weight:600}@media (max-width:1400px){.previous-invoice-row,.previous-invoices-header{grid-template-columns:70px minmax(180px,1.8fr) 100px 100px 90px 120px minmax(160px,1.6fr)}}@media (max-width:1200px){.previous-invoice-row,.previous-invoices-header{grid-template-columns:60px minmax(160px,1.6fr) 90px 90px 80px 110px minmax(140px,1.4fr)}}@media (max-width:768px){.previous-invoices-section{margin:.5rem 0;padding:0}.previous-invoices-title{border-radius:8px 8px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.75rem 1rem .5rem}.previous-invoices-title h4{font-size:.75rem}.previous-invoices-header{display:none}.previous-invoice-row{background:#fff;background:var(--white);border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--radius-lg);gap:.5rem;grid-template-columns:1fr;margin:.5rem;padding:1rem}.previous-invoice-row .form-cell{border-bottom:1px solid #e2e8f0;border-right:none;justify-content:flex-start;min-height:auto;padding:.5rem 0;width:100%}.previous-invoice-row .form-cell:last-child{border-bottom:none}.previous-invoice-row .form-cell:before{color:#64748b;content:attr(data-label);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-right:.5rem;min-width:80px;text-transform:uppercase}}@media (max-width:1400px){.sub-task-row{grid-template-columns:70px minmax(180px,1.8fr) 100px 100px 90px 120px minmax(160px,1.6fr)}}@media (max-width:1200px){.sub-task-row{grid-template-columns:60px minmax(160px,1.6fr) 90px 90px 80px 110px minmax(140px,1.4fr)}}@media (max-width:768px){.sub-tasks-section{border-radius:8px;border-radius:var(--radius-lg);margin-top:8px}.sub-tasks-header{padding:8px 12px}.sub-tasks-header h5{font-size:.7rem}.sub-task-row{border-bottom:1px solid #e2e8f0;border-radius:0;gap:.5rem;grid-template-columns:1fr;padding:1rem}.sub-task-row:last-child{border-bottom:none;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.sub-task-cell{justify-content:flex-start;min-height:auto;padding:.5rem 0}.sub-task-cell:before{color:#475569;color:var(--gray-600);content:attr(data-label);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.sub-task-cell:first-child:before{content:"Item"}.sub-task-cell:nth-child(2):before{content:"Name"}.sub-task-cell:nth-child(3):before{content:"Rate"}.sub-task-cell:nth-child(4):before{content:"Qty"}.sub-task-cell:nth-child(5):before{content:"Unit"}.sub-task-cell:nth-child(6):before{content:"Amount"}.sub-task-cell:nth-child(7):before{content:"Progress"}.sub-task-number{font-size:.7rem;height:20px;width:20px}.sub-task-amount{font-size:.75rem;min-width:auto;padding:4px 6px}}* .modern-milestone-header,body .modern-milestone-header,html .modern-milestone-header{background:#64748b!important;background-color:#64748b!important}* .modern-milestone-header .header-cell,body .modern-milestone-header .header-cell,html .modern-milestone-header .header-cell{background-color:initial!important;color:#fff!important}.sticky-header{background:#64748b!important;border-radius:10px 10px 0 0!important;box-shadow:0 2px 4px #0000001a!important}.modern-milestone-wrapper:first-child .sticky-header,.sticky-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.sticky-header .header-cell{background:#64748b!important;border-bottom:1px solid #475569!important;color:#fff!important}.sticky-header .header-cell:first-child{border-top-left-radius:10px!important}.sticky-header .header-cell:last-child{border-top-right-radius:10px!important}.select-all-checkbox{align-items:center!important;color:#fff!important;display:flex!important;gap:8px!important}.select-all-checkbox .MuiSvgIcon-root{transition:all .2s ease!important}.select-all-checkbox .MuiSvgIcon-root:hover{background-color:#ffffff1a!important;border-radius:50%!important;transform:scale(1.05)!important}.modern-milestone-header.sticky-header{background:#64748b!important;background-color:#64748b!important;border-radius:10px 10px 0 0!important;box-shadow:0 2px 8px #00000026!important;overflow:visible!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:translateZ(0)!important;will-change:transform!important;z-index:1000!important}.modern-milestone-wrapper{position:relative!important;z-index:1!important}body,html{overflow:visible!important}.sticky-header{contain:none!important}.ant-tooltip{z-index:9999!important}.ant-tooltip-inner{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;color:#f9fafb!important;font-size:13px!important;line-height:1.5!important;max-width:300px!important;min-width:200px!important;padding:12px 16px!important;white-space:pre-line!important}.ant-tooltip-arrow:before,.ant-tooltip-inner{background-color:#1f2937!important}.modern-form-input:hover{transition:all .15s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition)!important}.modern-form-input:focus,.modern-form-input:hover{border-color:#6366f1!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11a!important}.modern-form-input:focus{outline:none!important}.modal-overlay{background:#000000bf}.modal-content{-ms-overflow-style:none;border-radius:18px!important;box-shadow:0 25px 50px #00000026;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-height:90vh;min-width:80vw;padding:0;position:relative;scrollbar-width:none;width:80vw}.modal-content::-webkit-scrollbar{display:none;height:0;width:0}.modal-header{background:#4f46e5;border-radius:24px 24px 0 0;color:#fff;padding:30px;z-index:10}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.modal-title{font-size:32px;font-weight:700;margin:0}.phone-input-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;padding:8px 16px}.phone-input{background:#0000;border:none;color:#000;font-size:16px;font-weight:500;outline:none;padding:8px;width:180px}.phone-input::placeholder{color:#ffffffb3}.close-modal-button{align-items:center;align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;color:#494949;cursor:pointer;display:flex;font-size:23px;height:40px;justify-content:center;min-height:40px;min-width:40px;width:40px}.close-modal-button:hover{background:#ffffff4d}.form-container{grid-gap:30px;-ms-overflow-style:none;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;overflow-y:auto;padding:40px;scrollbar-width:none}.form-container::-webkit-scrollbar{display:none;height:0;width:0}@media (max-width:1200px){.form-container{grid-template-columns:1fr 1fr}}@media (max-width:768px){.form-container{grid-template-columns:1fr;padding:20px}}.form-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000014;overflow:hidden;padding:14px;position:relative}.form-wrapper:before{background:#4f46e5;content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-title{align-items:center;color:#1a202c;display:flex;gap:12px}.section-icon{color:#4f46e5;font-size:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:8px}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:16px;font-weight:500;padding:12px 16px;width:100%}.form-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-input.loading{background:#f0f0f0}.toggle-container{align-items:center;background:#f0f9ff;border:1px solid #e0e7ff;border-radius:12px;display:flex;gap:12px;padding:16px}.toggle-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #4f46e5;border-radius:4px;cursor:pointer;height:20px;position:relative;width:20px}.toggle-checkbox:checked{background:#4f46e5;border-color:#4f46e5}.toggle-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:2px;position:absolute;top:-2px}.toggle-label{color:#1e40af;cursor:pointer;font-size:15px;font-weight:600}.modal-footer{background:#f8fafc;border-radius:0 0 24px 24px;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;padding:30px 40px}.btn{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:16px 32px;position:relative}.btn:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 8px 20px #6b72804d}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;box-shadow:0 8px 20px #4f46e566}.location-indicator{color:#10b981;font-size:12px;font-weight:500;margin-top:4px}*{font-family:Montserrat,sans-serif}#DashboardPage{display:flex;flex:1 1;flex-direction:row;overflow:hidden}#DashboardPage #dpmain{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:40px 60px}#DashboardPage #dpmain #dpmHeading{align-items:center;display:flex;flex-direction:row;justify-content:space-between}#DashboardPage #dpmain #dpmHeading #dpmhTitle{color:#353535;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#fdd34d;text-decoration-color:#fdd34d}#DashboardPage #dpmain #dpmFilterArea{align-items:center;display:flex;flex-direction:row;justify-content:space-between}#DashboardPage #dpmain #dpmFilterArea #dpmFilter{align-items:center;display:flex;flex-direction:row;gap:5px}#DashboardPage #dpmain #projectsHeader{align-items:center;background-color:var(--staart-yellow);display:flex;flex-direction:row;font-size:small;font-weight:600;height:45px;justify-content:space-between}#DashboardPage #dpmain ::-webkit-scrollbar{width:0}#DashboardPage #dpmain #projectsRow{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:scroll}#DashboardPage #dpmain #projectsPagination{display:flex;justify-content:center}.activeItem:hover{opacity:.6}.projectRow{border:.2px solid #c4c4c4;border-radius:10px;display:flex;flex-direction:column}.projectRow .projectHeader{align-items:center;display:flex;flex-direction:row;font-size:small;font-weight:600;height:45px;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{display:inline-block;position:relative}.dropdown-toggle{border:1px solid #ccc;border-radius:4px;color:#000;cursor:pointer;font-size:16px;height:50px;min-width:200px;padding:10px;width:200px}.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 #0003;list-style:none;margin-top:5px;min-width:200px;padding:0;z-index:1}.dropdown-item{cursor:pointer;padding:10px}.dropdown-item:hover{background-color:#f1f1f1}.vehicles-container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:20px;width:100%}.header-tabs-container{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-tabs{background:#f5f5f5;border-radius:12px;display:flex;gap:0;min-height:44px;padding:6px;position:relative}.header-tabs>div{background:#0000;border:none;border-radius:22px;color:#888;cursor:pointer;font-size:15px;font-weight:500;margin:0 2px;outline:none;padding:10px 28px;position:relative;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.header-tabs>div.active{color:#222;font-weight:600}.header-tabs>div:focus{outline:none}.tab-indicator{background:#fdd34d;border-radius:22px;bottom:6px;box-shadow:0 2px 8px #fdd34d26;position:absolute;top:6px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.header-actions{align-items:center;display:flex;gap:16px}.more-actions-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.more-actions-button:hover{background-color:#0000000d}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001f;min-width:220px;overflow:hidden;position:absolute;right:0;top:50px;z-index:30}.dropdown-menu-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.dropdown-menu-item:hover{background-color:#f5f5f5}.dropdown-menu-item svg{color:#555}.dropdown-menu-item span{color:#333;font-size:14px;font-weight:500}.controls-section{background:#fff;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;position:-webkit-sticky;position:sticky;z-index:15}.search-row,.search-wrapper{width:100%}.search-wrapper input{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #00000008;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-wrapper input:focus{border-color:#fdd34d;box-shadow:0 0 0 3px #fdd34d33;outline:none}.controls-row{align-items:center;display:flex;justify-content:space-between}.controls-right,.filters{align-items:center;display:flex;gap:16px}.filters{flex-wrap:nowrap}.time-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;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-position:right 12px center;background-repeat:no-repeat;background-size:10px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;height:40px;padding:10px 32px 10px 16px;text-align:left;transition:background-color .2s ease}.time-filter:hover{background-color:#fff6da;border-color:#333}.date-pickers{align-items:center;display:flex;gap:12px;height:40px}.modern-date-picker{background-color:#fff;border-radius:8px;height:40px}.filters-container{position:relative}.filter-trigger,.filters-container{align-items:center;display:flex;height:40px}.filter-trigger{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;gap:8px;padding:0 16px;transition:all .2s ease}.filter-trigger:hover{background:#f5f5f5;border-color:#d0d0d0}.filter-trigger.active{background:#2196f31a;border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f31a;font-weight:500;height:40px;padding:0 16px}.action-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;letter-spacing:.5px;outline:none;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.action-button:hover{background-color:#fff6da;border-color:#333}.action-button:active{transform:scale(.98)}.filter-modal{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}.filter-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.filter-header h3{color:#333;font-size:16px;font-weight:500;margin:0}.filter-header button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding: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{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-section-title{color:#666;font-size:14px;font-weight:500}.select-all-btn{background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-size:13px;padding:4px 8px}.select-all-btn:hover{background:#f5f5f5}.filter-options{display:flex;flex-direction:column;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{align-items:center;border-radius:6px;display:flex;padding:6px 8px;transition:all .2s}.filter-option:hover{background:#f5f5f5}.filter-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #ddd;border-radius:4px;cursor:pointer;height:18px;margin-right:10px;position:relative;transition:all .2s;width:18px}.filter-checkbox:checked{background:#fdd34d;border-color:#fdd34d}.filter-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.filter-label{color:#333;cursor:pointer;font-size:14px}.filter-count{color:#666;font-size:12px;margin-left:4px}.active-filters{background:#0000;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;margin-top:12px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:120px;z-index:14}.filter-tag{animation:fadeIn .2s ease-out;background:#fdd34d15;border:1px solid #fdd34d;border-radius:20px;color:#333;font-size:13px;gap:6px;padding:4px 12px}.filter-tag,.filter-tag button{align-items:center;display:flex}.filter-tag button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;justify-content:center;padding:0}.filter-tag button:hover{color:#333}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:visible;width:100%}.table-scroll-container,.table-wrapper{display:block;position:relative}table{border-collapse:initial;border-spacing:0;height:auto;position:relative;width:-webkit-max-content;width:max-content}thead tr:first-child th{background-color:#fde8a5;border-bottom:2px solid #fff;border-right:2px solid #fff;color:#333;font-size:12px;font-weight:600;height:36px;letter-spacing:.5px;min-width:80px;overflow:visible;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}thead tr:nth-child(2) th{top:36px;z-index:9}thead tr:nth-child(2) th,thead tr:only-child th{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d;color:#333;font-size:12px;font-weight:600;height:36px;letter-spacing:.5px;min-width:80px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:right;text-transform:uppercase;white-space:nowrap}thead tr:only-child th{top:0;z-index:10}.group-header{background-color:#fde8a5;border-bottom:2px solid #fff;border-right:2px solid #fff;font-weight:600;height:36px;letter-spacing:.5px;text-align:center;text-transform:uppercase}td{border-bottom:1px solid #f0f0f0;color:#333;min-width:80px;transition:background .2s;white-space:nowrap}.tdClass,td{font-size:14px;padding:12px 16px;text-align:right}.tdClass{word-wrap:break-word;border-bottom:1px solid #eee;max-width:500px;overflow-wrap:break-word;vertical-align:top;white-space:normal;width:200px}tr:nth-child(2n){background-color:#fafafa}tr:hover{background-color:#f5f5f5}.description-container{align-items:center;display:flex;justify-content:space-between}.add-vehicle-button{overflow:hidden;position:relative}.add-vehicle-button:hover{background-color:#e5b925!important}.add-vehicle-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.add-vehicle-button:before{content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.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{align-items:center;background:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#fdd34d;height:40px;width:40px}.table-scroll-container::-webkit-scrollbar{display:block;height:12px;width:12px}.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:3px solid #f1f1f1;border-radius:6px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#e5b925}.table-scroll-container table{position:relative}.table-scroll-container thead{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:9}@media (max-width:1200px){.header-tabs-container{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:768px){.controls-section{align-items:stretch;flex-direction:column;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{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.header-tabs::-webkit-scrollbar{display:none}.header-tabs>div{font-size:13px;padding:8px 16px}.table-wrapper{height:100vh}thead tr:nth-child(2) th{top:36px}.header-actions{flex-wrap:wrap;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 #0000001a!important}.MuiDatePicker-root,.MuiInputBase-root{border-radius:8px!important}.ReactVirtualized__Table__headerRow{font-weight:700}.ReactVirtualized__Table__headerRow,.ReactVirtualized__Table__row{align-items:center;display:flex;flex-direction:row}.ReactVirtualized__Table__headerTruncatedText{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{align-items:center;display:flex}.ReactVirtualized__Table__sortableHeaderIcon{fill:currentColor;flex:0 0 24px;height:1em;width:1em}.table-scroll-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.group-header-cell{background-color:#f0f0f0;border-bottom:1px solid #ddd;font-weight:700;text-align:center}.header-cell{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;font-weight:700;padding:10px 8px}.cell-content{align-items:center;display:flex;height:100%;overflow:hidden;padding:8px;text-overflow:ellipsis}.highlighted-text{background-color:#fdd34d}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;max-height:85vh;max-width:900px;overflow-y:auto;width:90%}.modal-header{background:#fdd34d;border-radius:8px 8px 0 0;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#333;font-size:16px}.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{background:#fff;border-bottom:1px solid #eee;padding:12px 16px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-header h3{color:#333;font-size:14px;font-weight:600;margin:0}.total-cost{background:#fdd34d;border-radius:16px;color:#333;font-size:13px;font-weight:500;padding:4px 12px}.summary-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.summary-item{gap:2px}.summary-item label{color:#666;font-size:12px;font-weight:500}.summary-item span{color:#333;font-size:13px;font-weight:500}.service-history{padding:12px 16px}.service-history h4{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.service-history h4:after{background:#eee;content:"";flex:1 1;height:1px}.maintenance-table{border-collapse:collapse;font-size:13px;width:100%}.maintenance-table th{background:#fff;border-bottom:2px solid #fdd34d;color:#666;font-weight:600;padding:8px;text-align:left}.maintenance-table td{border-bottom:1px solid #eee;color:#333;padding:8px}.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;gap:16px}.breakdown-item{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}.breakdown-header{align-items:center;background:#f8f8f8;display:flex;justify-content:space-between;padding:12px 16px}.breakdown-cost{color:#333;font-size:14px;font-weight:600}.breakdown-details{padding:16px}.breakdown-info .reason{color:#333;font-size:14px;margin:0 0 12px}.timestamps{color:#666;display:flex;font-size:12px;gap:16px}.breakdown-images{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.breakdown-images img{border-radius:4px;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s;width:100%}.breakdown-table-container{overflow-x:auto}.breakdown-table{border-collapse:collapse;font-size:13px;margin-top:12px;width:100%}.breakdown-table th{background:#f8f8f8;border-bottom:2px solid #fdd34d;color:#333;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.breakdown-table td{border-bottom:1px solid #eee;padding:12px;vertical-align:middle}.breakdown-table tr:hover{background-color:#fff9e6}.status-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;min-width:80px;padding:4px 8px;text-align:center}.image-thumbnails{display:flex;flex-wrap:wrap;gap:8px}.image-thumbnail-wrapper{border-radius:4px;cursor:pointer;height:40px;overflow:hidden;width:40px}.image-thumbnail-wrapper img{height:100%;object-fit:cover;transition:transform .2s;width:100%}.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{background-color:#fdd34d;border-radius:50%;color:#333;font-size:12px;font-weight:500;padding:2px 6px;position:absolute;right:-8px;top:-8px}.image-preview-overlay{background-color:#fffffff2}.image-preview-content{background:#fff;display:flex;flex-direction:column;height:100%;width:100%}.preview-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}.preview-title{color:#333;font-size:14px;font-weight:500}.image-main-preview{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:20px;position:relative}.image-main-preview img{max-height:calc(100vh - 200px);max-width:100%;object-fit:contain}.image-thumbnails-preview{background:#fff;border-top:1px solid #eee;display:flex;gap:10px;height:120px;overflow-x:auto;padding:20px}.thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .2s ease;width:60px}.modal-content-wrapper{padding:16px}.description-cost-section{grid-gap:16px;background:#f5f5f5;border-radius:4px;display:grid;gap:16px;grid-template-columns:1fr auto;margin-bottom:16px}.cost-section,.description-section{padding:12px 16px}.label{color:#666;display:block;margin-bottom:4px}.value{color:#333;font-size:14px;font-weight:500;margin:0}.main-image-section{align-items:center;background:#fff;border-radius:4px;display:flex;justify-content:center;margin-bottom:16px;overflow:hidden}.main-image-section img{max-height:300px;max-width:100%;object-fit:contain}.thumbnails-section{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.thumbnail.active{border-color:#fdd34d}.thumbnail img{height:100%;object-fit:cover;width:100%}.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{color:#666!important;padding:4px!important}.nav-button:hover{background-color:#0000000a!important;color:#333!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{gap:8px;grid-template-columns:1fr}.thumbnail{height:50px;width:50px}.image-preview-content{padding:0}.preview-header{padding:8px 12px}.preview-title{font-size:14px}.image-main-preview{padding:12px}.image-thumbnails-preview{height:100px;padding:12px}.thumbnail{height:60px;width:60px}}.compact-preview-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:90vw;overflow:hidden;width:600px}.image-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.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{background-color:#00000080;border-radius:15px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%)}.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{background:#fff;border-radius:16px;display:flex;flex-direction:column;height:calc(100vh - 180px)!important;min-width:0;min-width:auto;overflow-y:hidden;width:100%}.virtual-table-header{background:#f8fafc;border-bottom:2px solid #e9ecef;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:10}.virtual-table-header-row{align-items:center;background:#fff9db;border:none;display:flex;flex:0 0 auto;margin:0;min-height:60px;padding:0}.virtual-table-header-cell{align-items:center;background:#fff9db;border-right:1px solid #e9ecef;box-sizing:border-box;color:#22223b;display:flex;font-size:17px;font-weight:700;overflow:hidden;padding:22px 24px;text-align:left;text-overflow:ellipsis;transition:background .2s;white-space:nowrap}.virtual-table-header-cell:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.virtual-table-header-cell:last-child{border-bottom-right-radius:16px;border-right:none;border-top-right-radius:16px}.virtual-table-row{align-items:center;display:flex;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{align-items:center;border-bottom:1px solid #e9ecef;border-right:1px solid #f0f0f0;border-top:1px solid #e9ecef;box-sizing:border-box;display:flex;font-size:17px;min-height:72px;overflow:hidden;padding:18px 24px;text-overflow:ellipsis;transition:background .2s,color .2s;white-space:nowrap}.virtual-table-cell:last-child{border-right:none}.virtual-table-cell.purpose-cell{overflow-wrap:break-word;white-space:normal;word-break:break-word}.virtualized-table-container::-webkit-scrollbar{background:#f1f1f1;border-radius:8px;height:10px}.virtualized-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.daily-report-table .virtual-table-header-cell{font-size:13px;font-weight:700;letter-spacing:.5px;position:relative;text-transform:uppercase}.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{border:1px solid #007bff;border-radius:12px;box-shadow:0 2px 4px #007bff33;color:#007bff;content:"ENGINE 1";font-size:10px;font-weight:800;left:50%;padding:3px 10px;position:absolute;top:-22px;transform:translateX(-50%);white-space:nowrap}.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{border:1px solid #28a745;border-radius:12px;box-shadow:0 2px 4px #28a74533;color:#28a745;content:"ENGINE 2";font-size:10px;font-weight:800;left:50%;padding:3px 10px;position:absolute;top:-22px;transform:translateX(-50%);white-space:nowrap}.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{border:1px solid #ffc107;border-radius:12px;box-shadow:0 2px 4px #ffc10733;color:#856404;content:"DISTANCE";font-size:10px;font-weight:800;left:50%;padding:3px 10px;position:absolute;top:-22px;transform:translateX(-50%);white-space:nowrap}.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{border:1px solid #dc3545;border-radius:12px;box-shadow:0 2px 4px #dc354533;color:#dc3545;content:"FUEL & COST";font-size:10px;font-weight:800;left:50%;padding:3px 10px;position:absolute;top:-22px;transform:translateX(-50%);white-space:nowrap}.daily-report-table .virtual-table-header{border-bottom:3px solid #e9ecef;min-height:85px;padding-top:28px}.daily-report-table .virtual-table-cell{font-size:13px;transition:all .2s ease}.daily-report-table .virtual-table-cell:hover{background-color:#007bff0d;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.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^=₹]{border-left:2px solid #28a745;color:#28a745;font-weight:600;padding-left:10px}.daily-report-table .virtual-table-cell.number-cell[title="-"],.daily-report-table .virtual-table-cell.number-cell[title="0"],.daily-report-table .virtual-table-cell.number-cell[title="₹0.00"]{background:#dc35450d;color:#dc3545;font-style:italic}.daily-report-table .virtual-table-cell.date-cell{color:#495057;font-family:Segoe UI,Monaco,Consolas,monospace;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{border:1px solid #000;box-shadow:none}.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:#0000!important}}.virtual-table-loading{align-items:center;color:#6c757d;display:flex;font-size:16px;height:200px;justify-content:center}.daily-report-table .virtual-table-loading{background:#f8f9fa;border-radius:8px}.daily-report-table .virtual-table-loading:after{color:#6c757d;content:"Loading daily reports...";font-style:italic}.highlighted-text{background-color:#fff3cd;border-radius:3px;color:#856404;font-weight:600;padding:2px 4px}.virtual-table-scroll-inner{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-width:100%;width:100%}.virtual-table-scroll-inner>div{-ms-overflow-style:none;scrollbar-width: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{background:#fff9db;font-size:13px;font-weight:700;letter-spacing:.5px;padding:22px 24px;position:relative;text-transform:uppercase}.service-schedule-table .virtual-table-header{border-bottom:3px solid #e9ecef;min-height:85px;padding-top:28px}.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:#007bff0d;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.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^=₹]{border-left:2px solid #28a745;color:#28a745;font-weight:600;padding-left:10px}.service-schedule-table .virtual-table-cell.number-cell[title="-"],.service-schedule-table .virtual-table-cell.number-cell[title="0"],.service-schedule-table .virtual-table-cell.number-cell[title="₹0.00"]{background:#dc35450d;color:#dc3545;font-style:italic}.service-schedule-table .virtual-table-cell.date-cell{color:#495057;font-family:Segoe UI,Monaco,Consolas,monospace;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{background:linear-gradient(135deg,#fffbeb,#fef7e5);border:1px solid #fed7aa;border-radius:8px;box-shadow:0 1px 4px #fb923c1a;margin:8px 0;overflow:hidden;width:100%}.grouped-additional-info{background:#f9fafb!important;border:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-left:3px solid #10b981!important;border-left:var(--grouped-accent,3px solid #10b981)!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important;box-shadow:none!important;margin:0!important;padding-bottom:0!important;padding-top:2px!important}.info-header{background:linear-gradient(135deg,#fb923c,#ea580c);border-bottom:1px solid #fed7aa;padding:6px 10px}.info-title{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.05em;text-transform:uppercase}.info-content{padding:10px 12px}.info-section{margin-bottom:8px}.info-section:last-child{margin-bottom:0}.section-title{border-bottom:1px solid #fed7aa;color:#c2410c;font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;padding-bottom:2px}.info-row{display:flex;gap:8px;margin-bottom:4px}.info-row:last-child{margin-bottom:0}.info-item{align-items:center;background-color:#fff9;border-radius:4px;display:flex;flex:1 1;justify-content:space-between;min-height:20px;padding:2px 6px}.info-item.full-width{flex:1 1}.info-label{color:#c2410c;font-size:9px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.info-value{color:#7c2d12;font-size:10px;font-weight:500;max-width:60px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.info-item.full-width .info-value{max-width:none}.dropdown-container{display:flex;flex-direction:column;gap:4px;width:250px}.dropdown-label{color:#6e6e6e;font-size:14px;font-weight:500}.dropdown{-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;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;outline:none;padding:8px 12px}.dropdown:hover{border-color:#999}.dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dropdown option{font-size:16px;padding:8px}body,html{background-color:#f9fafb}.entry-logs-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.header-container{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px;width:100%;z-index:100}.header-with-back-button{align-items:center;display:flex}.back-button{border-radius:50%;color:#495057;margin-right:16px}.back-icon{font-size:22px}.header-text{flex:1 1}.date-selector-container{min-width:360px}.spinner-border{animation:spinner-border .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;display:inline-block;height:1.5rem;vertical-align:text-bottom;width:1.5rem}@keyframes spinner-border{to{transform:rotate(1turn)}}.table-container{flex:1 1;height:calc(100vh - 100px);margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.table-scroll-container{height:100%;margin:0;overflow:auto;padding:0}.entry-logs-table{border-collapse:initial;border-spacing:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;width:100%}.entry-logs-table td,.entry-logs-table th{border-bottom:1px solid #e5e7eb;box-sizing:border-box;height:60px;padding:16px;text-align:center}.entry-logs-table thead{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:50}.entry-logs-table th{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#1f2937;font-weight:600}.project-column{background-color:#fff!important;box-shadow:4px 0 8px -4px #0000001a;min-width:250px;text-align:left;width:250px}.entry-logs-table th.project-column,.project-column{left:0;position:-webkit-sticky;position:sticky;z-index:60}.date-column{min-width:140px;width:140px}.filler-cell,.filler-column{border-bottom:1px solid #e5e7eb;min-width:50px;width:100%}.date-header{align-items:center;display:flex;flex-direction:column}.weekday{color:#4a6cf7;font-weight:700;margin-bottom:4px}.full-date{color:#6b7280;font-size:13px}.project-name{box-shadow:4px 0 8px -4px #0000001a;box-sizing:border-box;font-weight:600;height:60px;left:0;min-width:250px;overflow:hidden;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:250px;z-index:40}.even-row .project-name{background-color:#fff}.odd-row .project-name{background-color:#f9fafb}.project-column:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.entry-logs-table tr{height:60px}.entry-cell{height:60px;vertical-align:middle}.entry-cell:hover .entry-value{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.entry-value{align-items:center;display:inline-flex;font-size:14px;font-weight:600;height:36px;justify-content:center;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-color:#cbd5e1 #f1f1f1;scrollbar-width:thin}@media (max-width:768px){.entry-logs-container{height:auto;overflow-y: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;font-family:Poppins,sans-serif;height:100vh}.billing-container,.billing-container .billing-content{display:flex;flex-direction:column;overflow:hidden;width:100%}.billing-container .billing-content{height:100%;padding:1rem}.billing-container .billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.billing-container .billing-header .header-buttons{display:flex;gap:10px;margin-right:30px}.billing-container .billing-header .billing-title{align-items:center;display:flex;gap:1rem}.billing-container .billing-header .billing-title h1{color:#333;font-size:1.5rem;font-weight:600;margin:0}.billing-container .billing-header .billing-title .project-selector{margin-left:10px;position:relative}.billing-container .billing-header .billing-title .project-selector:before{background:linear-gradient(135deg,#fdd34d33,#fdd34d0d);border-radius:10px;bottom:-4px;content:"";left:-4px;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .3s ease;z-index:0}.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;font-size:.9rem;transition:all .2s ease}.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{font-weight:500;height:24px;letter-spacing:.2px;padding:8px 10px}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fdd34d80;border-width:1px;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{color:#888;padding:2px;transition:transform .2s ease}.billing-container .billing-header .billing-title .project-selector .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused .MuiAutocomplete-popupIndicator{color:#fdd34d;transform:rotate(180deg)}.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{color:#555;transform:translate(14px,-6px) scale(.75)}.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 #0000001a;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{font-size:.9rem;min-height:auto;padding:8px 14px;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:#fdd34d26;color:#333;font-weight:500}.billing-container .billing-header .billing-title .project-selector+.MuiAutocomplete-popper .MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option:hover{background-color:#fdd34d14}.billing-container .billing-header .billing-actions{align-items:center;display:flex;gap:1rem}.billing-container .billing-header .billing-actions .action-btn .icon-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.billing-container .billing-header .billing-actions .action-btn .icon-btn:hover{background-color:#f5f5f5}.billing-container .billing-header .billing-actions .notifications{height:24px;position:relative;width:24px}.billing-container .billing-header .billing-actions .notifications .notification-badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.billing-container .filter-bar{align-items:center;display:flex;flex-shrink:0;gap:1.25rem;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:10}.billing-container .filter-bar .filter-group{position:relative}.billing-container .filter-bar .filter-group .filter-btn{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem .9rem;transition:all .2s ease}.billing-container .filter-bar .filter-group .filter-btn .filter-badge{align-items:center;background-color:#fdd34d;border-radius:10px;color:#333;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;margin-left:4px;min-width:20px;padding:6px}.billing-container .filter-bar .filter-group .filter-btn .filter-tag{align-items:center;background-color:#fffaeb;border:1px solid #fdd34d;border-radius:4px;color:#333;display:inline-flex;font-size:.75rem;font-weight:500;margin-left:4px;padding:3px 10px}.billing-container .filter-bar .filter-group .filter-btn:hover{background-color:#f8f8f8;color:#222}.billing-container .filter-bar .filter-group .filter-btn.active{background-color:#fffaeb;border-color:#fdd34d;color:#222;font-weight:500;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{align-items:center;display:flex;gap:1rem}.billing-container .filter-bar .date-filter .date-input{display:flex;flex-direction:column}.billing-container .filter-bar .date-filter .date-input label{color:#666;font-size:.75rem;font-weight:500;margin-bottom:.25rem;padding-left:2px}.billing-container .filter-bar .date-filter .date-input .date-field{align-items:center;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;padding:.6rem .85rem;transition:all .2s ease}.billing-container .filter-bar .date-filter .date-input .date-field:hover{background-color:#fffbf0;border-color:#fdd34d}.billing-container .filter-bar .date-filter .date-input .date-field input{background:#0000;border:none;cursor:pointer;font-size:.85rem;outline:none;width:100px}.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{color:#666;transform:scale(1.1)}.billing-container .filter-bar .date-filter .clear-filter-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;margin-top:20px;padding:8px;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{align-items:center;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;display:flex;padding:.6rem .85rem;position:relative;transition:all .2s ease;width:30vw}.billing-container .filter-bar .search-box:focus-within,.billing-container .filter-bar .search-box:hover{background-color:#fff;border-color:#fdd34d;box-shadow:0 0 0 3px #fdd34d1a}.billing-container .filter-bar .search-box input{background-color:#0000;border:none;font-size:.9rem;outline:none;padding:.25rem 0;width:100%}.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{align-items:center;display:flex;margin-bottom:.5rem}.billing-container .bill-type-tabs .bill-type-label{color:#666;font-size:.9rem;font-weight:500;margin-right:1rem}.billing-container .bill-type-tabs .bill-type-tab{background-color:#e0e0e0;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;height:40px;margin-bottom:10px;margin-right:.75rem;min-width:150px;padding:.75rem 2rem;text-align:center}.billing-container .bill-type-tabs .bill-type-tab.active{background-color:#fdd34d;color:#333}.billing-container .no-bills{align-items:center;color:#666;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:3rem 0}.billing-container .no-bills p{margin-bottom:1.5rem}.billing-container .no-bills .loading-text{color:#555;font-weight:500;margin-top:15px}.billing-container .no-bills .generate-btn{background-color:#fdd34d;border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1.5rem}.billing-container .no-bills .generate-btn:hover{background-color:#fcc52c}.billing-container .no-bills.loading-only{padding:2rem 0;position:relative}.billing-container .no-bills.loading-only p{color:#777;font-style:italic;margin-bottom:0;padding-left:8px;position:relative}.billing-container .no-bills.loading-only p:before{background-color:#fdd34d;border-radius:2px;content:"";height:80%;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.billing-container .bills-list-container{flex-grow:1;height:calc(100vh - 200px);overflow:hidden;position:relative}.billing-container .bills-list{bottom:0;display:flex;flex-direction:column;gap:.5rem;left:0;max-height:100%;overflow-y:auto;padding-bottom:2rem;padding-right:.5rem;position:absolute;right:0;top: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:2px solid #fcd24e;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;overflow:visible;transition:all .2s ease}.billing-container .bills-list .bill-card:hover{box-shadow:0 4px 10px #00000026}.billing-container .bills-list .bill-card .bill-card-header{align-items:stretch;background-color:#ffe9a2;border-top-left-radius:10px;border-top-right-radius:10px;display:flex}.billing-container .bills-list .bill-card .bill-card-header .status-indicator{flex-shrink:0;width:6px}.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{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between;padding:1rem}.billing-container .bills-list .bill-card .bill-card-header .bill-info .po-number{align-items:center;display:flex;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.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{aspect-ratio:1/1!important;border:none!important;border-radius:50%!important;box-sizing:border-box!important;display:inline-block!important;flex-grow:0!important;flex-shrink:0!important;height:16px!important;margin-bottom:0!important;margin-left:0!important;margin-right:8px;margin-top:0!important;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;overflow:hidden!important;padding:0!important;position:relative;transform:none!important;vertical-align:middle;width:16px!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{aspect-ratio:1/1!important;border:none!important;border-radius:50%!important;box-sizing:border-box!important;display:inline-block!important;flex-grow:0!important;flex-shrink:0!important;height:16px!important;margin-bottom:0!important;margin-left:0!important;margin-right:8px;margin-top:0!important;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;overflow:hidden!important;padding:0!important;position:relative;transform:none!important;vertical-align:middle;width:16px!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{color:#666;font-size:.85rem;font-style:italic;font-weight:400;margin-left:4px}.billing-container .bills-list .bill-card .bill-card-header .bill-info .bill-date{color:#666;font-size:.8rem}.billing-container .bills-list .bill-card .bill-card-header .bill-actions{align-items:center;display:flex;padding:0 1rem}.billing-container .bills-list .bill-card .bill-card-header .bill-actions .more-options{background:none;border:none;color:#666;cursor:pointer}.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{background-color:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;padding:.5rem 1rem}.billing-container .bills-list .bill-card .bill-related-info .related-bills{color:#555;font-size:.85rem;font-weight:500}.billing-container .bills-list .bill-card .bill-related-info .related-bills .related-bill-item{align-items:center;border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:8px 0}.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{border-radius:12px;font-size:.75rem;padding:3px 8px}.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{align-items:center;color:#555;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 1rem}.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;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:auto;padding:.7rem 1.5rem}.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{border-radius:10px;padding:1rem}.billing-container .bills-list .bill-card .bill-details .bill-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.billing-container .bills-list .bill-card .bill-details .bill-section-header h3{color:#333;font-size:1rem;font-weight:600;margin:0}.billing-container .bills-list .bill-card .bill-details .table-wrapper{border:1px solid #eee;border-radius:10px;margin-bottom:15px;overflow:hidden}.billing-container .bills-list .bill-card .bill-details .bill-items-table{background-color:#fff;border:none;border-collapse:initial;border-spacing:0;font-size:14px;margin-bottom:0;position:relative;table-layout:fixed;width:100%;z-index:0}.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(10),.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 th:nth-child(10),.billing-container .bills-list .bill-card .bill-details .bill-items-table.bill-details-table th:nth-child(9){width:8%!important}.billing-container .bills-list .bill-card .bill-details .bill-items-table th{background-color:#ffe9a2;border:1px solid #eee;color:#495057;font-size:.8rem;font-weight:500;overflow:hidden;padding:.75rem .5rem;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:0}.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{border:1px solid #eee;font-size:.85rem;height:60px;max-height:60px;overflow:hidden;padding:.75rem .5rem;text-align:left;text-overflow:ellipsis;vertical-align:middle}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name{align-items:flex-start;display:flex;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{color:#333;display:flex;flex-direction:row;font-weight:600;line-height:1.3;margin-bottom:.25rem;white-space:normal}.billing-container .bills-list .bill-card .bill-details .bill-items-table td .item-name .item-desc{-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8rem;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;white-space:normal}.billing-container .bills-list .bill-card .bill-details .bill-items-table tbody tr.selected-row{background-color:#223c7d14!important;border-left:3px solid #223c7d}.billing-container .bills-list .bill-card .bill-details .bill-items-table tbody tr.selected-row:hover{background-color:#223c7d1f!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{background-color:#f9f9f9;border-radius:4px;margin-bottom:1rem;padding:1.5rem;text-align:center}.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;cursor:pointer;font-weight:500;padding:.5rem 1.25rem}.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]{accent-color:#fdd34d;cursor:pointer;height:18px;width:18px}.action-btn .icon-btn{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;font-size:14px!important;padding:8px 16px!important}.action-btn .icon-btn:hover{background-color:#f5f5f5!important}@media(max-width:768px){.billing-container .billing-header{align-items:flex-start;flex-direction:column;gap:1rem}.billing-container .billing-header .billing-actions{justify-content:space-between;width:100%}.billing-container .filter-bar{flex-wrap:wrap;gap:1rem}.billing-container .filter-bar .search-box{order:0;width:100%}.billing-container .filter-bar .date-filter{justify-content:space-between;width:100%}.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{font-size:.75rem;padding:.5rem .35rem}.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;height:36px!important;position:relative;width:36px!important}.notifications,.notifications .notification-badge{align-items:center;border-radius:50%;display:flex;justify-content:center}.notifications .notification-badge{background-color:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;height:18px;position:absolute;right:-5px!important;top:-5px!important;width:18px}body,html{font-family:Poppins,sans-serif}.filter-dropdown{animation:dropdownFadeIn .25s cubic-bezier(.25,.46,.45,.94);background-color:#d1d1d1;border:1px solid #ebebebcc;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;left:0;margin-top:10px;max-height:400px;min-width:320px;position:absolute;top:100%;z-index:9999}.filter-dropdown .dropdown-header{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.filter-dropdown .dropdown-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.filter-dropdown .dropdown-header .clear-btn{background:none;border:none;border-radius:4px;color:#f46036;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .2s ease}.filter-dropdown .dropdown-header .clear-btn:hover{background-color:#f460361a}.filter-dropdown .dropdown-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.filter-dropdown .dropdown-header .close-btn:hover{background-color:#0000000d;color:#000}.filter-dropdown .dropdown-content{flex-grow:1;overflow-y:auto;padding:12px 0}.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{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:12px 20px;transition:all .15s ease}.filter-dropdown .dropdown-item:hover{background-color:#f8f8f8}.filter-dropdown .dropdown-item.active{background-color:#fffaeb;color:#222;font-weight:500}.filter-dropdown .dropdown-item.active .checkbox{background-color:#fdd34d;border-color:#fcc52c}.filter-dropdown .dropdown-item.active .checkbox:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px}.filter-dropdown .dropdown-item .checkbox{border:2px solid #ddd;border-radius:4px;flex-shrink:0;height:18px;margin-right:12px;position:relative;transition:all .15s ease;width:18px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.highlight-text{background-color:#fff0b3;border-radius:2px;font-weight:500;padding:0 2px}.date-picker-container{padding:16px;width:280px}.date-picker-container .MuiFormControl-root{margin:8px 0;width:100%}.date-picker-container .date-picker-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.date-picker-container .date-picker-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px}.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{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.loading-items-container p{font-size:14px;margin-top:12px}.loading-text-sm{align-items:center;color:#777;display:inline-flex;font-size:.85em;font-style:italic}.loading-text-sm:after{animation:pulseAnimation 1.5s infinite;background-color:#fdd34d;border-radius:50%;content:"";display:inline-block;height:6px;margin-left:4px;width:6px}@keyframes pulseAnimation{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.spinner{animation:spin .8s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#3d84ff;display:inline-block;height:18px;width:18px}.active-filters{z-index:100}.active-filters .active-filters-title{color:#444;font-size:15px;font-weight:600;margin-bottom:8px;padding-left:4px}.active-filters .active-filters-list{display:flex;flex-wrap:wrap;gap:10px}.active-filters .active-filters-list .filter-item{align-items:center;animation:chipAppear .3s ease-in-out;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:13px;padding:8px 14px;transition:all .2s ease}.active-filters .active-filters-list .filter-item:hover{border-color:#d0d0d0;box-shadow:0 3px 6px #00000026}.active-filters .active-filters-list .filter-item .filter-category{color:#555;font-weight:600;margin-right:6px}.active-filters .active-filters-list .filter-item .filter-value{color:#333}.active-filters .active-filters-list .filter-item .remove-filter{align-items:center;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin-left:10px;transition:all .2s ease;width:20px}.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;border:1px solid #e0e0e0;color:#333;cursor:pointer;font-weight:500}.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{align-items:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 6px #00000008;color:#444;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 16px;position:relative;transition:all .2s ease}.dropdown-button .icon{color:#999;font-size:14px;margin-left:8px;transition:transform .3s ease}.dropdown-button:hover{border-color:#bbb;box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.dropdown-button:hover .icon{color:#555}.dropdown-button .count-badge{align-items:center;background-color:#fdd34d;border-radius:10px;box-shadow:0 1px 3px #fdd34d4d;color:#333;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-left:8px;margin-right:4px;min-width:20px;padding:0 6px;transition:all .2s ease}.dropdown-button.active{background-color:#fdd34d14;border-color:#fdd34d;box-shadow:0 1px 3px #fdd34d33}.dropdown-button.active .icon{color:#333;transform:rotate(180deg)}.dropdown-content{background-color:#fff;min-width:220px;padding:12px 0;position:relative;z-index:1000}.dropdown-content:before{background-color:#fff;border-left:1px solid #00000014;border-top:1px solid #00000014;content:"";height:16px;left:20px;position:absolute;top:-8px;transform:rotate(45deg);width:16px;z-index:0}.modern-checkbox{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;margin-right:12px;position:relative;transition:all .2s ease}.modern-checkbox:hover{border-color:#223c7d;box-shadow:0 0 0 1px #223c7d1a}.modern-checkbox.selected{background-color:#223c7d;border-color:#223c7d}.modern-checkbox.selected svg{animation:checkmark .2s ease-in-out;color:#fff}.modern-checkbox svg{left:50%;position:absolute;top: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;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s ease}.bill-number-link:hover{color:#049}.bill-action-buttons{display:flex;flex-wrap:nowrap;gap:8px;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{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;font-size:11px;font-weight:500;justify-content:center;min-width:55px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.approve-btn{background-color:#a6cf98;color:#fff}.approve-btn:hover{background-color:#557c55;box-shadow:0 2px 5px #0000001f;transform:translateY(-2px)}.approve-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.decline-btn{background-color:#ff8787;color:#fff}.decline-btn:hover{background-color:#ff6363;box-shadow:0 2px 5px #0000001f;transform:translateY(-2px)}.decline-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.view-btn{background-color:#223c7d;color:#fff}.view-btn:hover{background-color:#004183;box-shadow:0 2px 5px #0000001f;transform:translateY(-2px)}.view-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.view-btn:only-child{min-width:100%}.status-approved{background-color:#4caf5014;color:#388e3c}.status-approved,.status-declined{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-align:center;white-space:nowrap;width:auto}.status-declined{background-color:#f4433614;color:#d32f2f}.status-requested{background-color:#ff980014;border-radius:12px;color:#ef6c00;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-align:center;white-space:nowrap;width:auto}.non-editable{color:#333;font-weight:500}.non-editable-title{color:#333;font-size:14px;font-weight:600}.category-tag.non-editable{background-color:#f0f0f0;border-radius:4px;color:#555;font-size:12px;font-weight:600;margin-right:10px;padding:2px 8px}.title-text.non-editable{color:#333;font-size:14px;font-weight:600}.bill-details-table td:nth-child(6){position:relative}.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{border-radius:12px;content:attr(data-status);display:inline-block;font-size:12px;padding:4px 10px;white-space:nowrap}.bill-details-table span.status-pill,.bill-items-table span.status-pill{align-items:center;align-self:center;border-radius:4px;display:inline-block;font-size:12px;justify-content:center;padding:4px 10px;text-align:center;white-space:nowrap}.bill-details-table span.status-pill.status-approved,.bill-items-table span.status-pill.status-approved{background-color:#4caf5014;color:#388e3c}.bill-details-table span.status-pill.status-declined,.bill-items-table span.status-pill.status-declined{background-color:#f4433614;color:#d32f2f}.bill-details-table span.status-pill.status-requested,.bill-items-table span.status-pill.status-requested{background-color:#ff980014;color:#ef6c00}.bill-details-table span.status-pill.status-draft,.bill-items-table span.status-pill.status-draft{background-color:#f4433614;color:#d32f2f}.bill-details-table span.status-pill.status-paid,.bill-items-table span.status-pill.status-paid{background-color:#0d466014;color:#0c5460}.bill-details-table span.status-pill.status-pending,.bill-items-table span.status-pill.status-pending{background-color:#ff572214;color:#ff5722}.bill-details-table tbody tr{height:60px!important;line-height:1.2!important;max-height:60px!important}.bill-details-table tbody tr td{height:60px!important;max-height:60px!important;overflow:hidden!important;padding:8px 6px!important;vertical-align:middle!important}.bill-details-table tbody tr td>div{display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;line-height:1.1!important;max-height:44px!important;overflow:hidden!important}.bill-details-table tbody tr td>div>div{font-size:11px!important;line-height:1.1!important;margin-bottom:2px!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%"]{font-size:10px!important;height:16px!important;line-height:16px!important;margin:1px!important;min-height:16px!important;min-width:16px!important;width:16px!important}.bill-details-table tbody tr td:nth-child(7){max-width:120px!important;min-width:100px!important}.bill-details-table tbody tr td:nth-child(7)>div{font-size:12px!important;gap:2px!important;line-height:1.2!important}.bill-details-table tbody tr td:nth-child(7)>div>div:first-child{font-size:12px!important;font-weight:600!important;margin-bottom:2px!important}.bill-details-table tbody tr td:nth-child(7)>div>div:last-child{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important;justify-content:flex-start!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;font-weight:600!important;margin-bottom:2px!important}.bill-details-table tbody tr td:nth-child(8)>div>div:last-child{color:#6b7280!important;font-size:11px!important}.billing-actions{align-items:center;display:flex;gap:10px}.generate-nmr-btn:hover{background-color:#45a049!important}.MuiDialog-paper{border-radius:8px!important;box-shadow:0 4px 20px #00000026!important}.MuiDialogTitle-root{border-bottom:1px solid #eee;padding:20px 24px!important}.MuiDialogTitle-root h2{color:#333;font-size:1.5rem;font-weight:600}.MuiDialogContent-root{padding:24px!important}.MuiDialogContent-root h3{color:#555;font-size:1rem;font-weight:500}.contractors-list{border:1px solid #ddd;border-radius:4px;margin-top:10px;max-height:200px;overflow-y:auto;padding: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{border-radius:4px;margin:4px 0;padding:4px 8px;transition:background-color .2s}.MuiFormControlLabel-root:hover{background-color:#f5f5f5}.MuiCheckbox-root{color:#666!important}.MuiCheckbox-root.Mui-checked{color:#4caf50!important}.MuiButton-root{border-radius:4px!important;font-weight:500!important;padding:8px 16px!important;text-transform:none!important}.MuiButton-root.MuiButton-contained{box-shadow:none!important}.MuiButton-root.MuiButton-contained:hover{box-shadow:0 2px 4px #0000001a!important}.billing-tabs{align-self:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;isolation:isolate;margin-top:10px;min-width:300px;padding:6px;position:relative;width:auto}.billing-tabs:before{background:linear-gradient(90deg,#fdd34d,#ffe58e,#ffefbc);border-radius:7px;content:"";height:34px;left:6px;position:absolute;top:6px;transition:left .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.billing-tabs.nmr-active:before{left:calc(50% + 2px)}.billing-tabs .tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;height:34px;justify-content:center;margin:0;outline:none;padding:0;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.billing-tabs .tab:hover:not(.active){background:#f1f5f9cc;color:#1e293b;transform:translateY(-1px)}.billing-tabs .tab.active{background:#0000;color:#1e293b;font-weight:600;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{background:#0000;transform:none}.billing-tabs.billing-tabs-header{-webkit-margin-after:0;align-items:center;background:#fff;border:1px solid #e5e7eb;height:48px;margin-block-end:0;min-width:20vw;padding:6px}.billing-tabs.billing-tabs-header:before{left:6px;top:6px;transition:left .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px)}.billing-tabs.billing-tabs-header.nmr-active:before{left:calc(50% + 2px)}.billing-tabs.billing-tabs-header .tab{font-size:13px;margin:0;padding:0}.billing-tabs.billing-tabs-header .tab.active{color:#111827}@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{overflow:hidden;position:relative}.tab-content-container .tab-content{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1);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{background:#f8f9fa;border-radius:12px;margin-top:24px;padding:48px 24px;text-align:center}.nmr-bills-content h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:16px}.nmr-bills-content p{color:#666;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:600px}.progress-indicator{bottom:20px;position:fixed;right:20px;z-index:9999}.progress-indicator .progress-content{align-items:center;animation:fadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;display:flex;min-width:240px;padding:12px 16px}.progress-indicator .progress-content .progress-text{display:flex;flex-direction:column;margin-left:16px}.progress-indicator .progress-content .progress-text .progress-message{color:#333;font-size:14px;font-weight:500;margin-bottom:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-indicator .progress-content .progress-text .progress-percentage{color:#777;font-size:12px}.nmr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.nmr-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nmr-modal-header{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid #eee;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.nmr-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.nmr-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.nmr-modal-header .close-btn:hover{background-color:#f5f5f5;color:#333;transform:rotate(90deg)}.nmr-modal-content{flex:1 1;overflow-y:auto;padding:32px}.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{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:500;gap:8px;margin:0 0 16px}.nmr-modal-content .contractors-section h3:before,.nmr-modal-content .date-range-section h3:before,.nmr-modal-content .project-section h3:before{background:#fdd34d;border-radius:2px;content:"";display:block;height:16px;width:4px}.nmr-modal-content .project-selector .MuiOutlinedInput-root{background-color:#f8f9fa;border-radius:12px;transition:all .3s ease}.nmr-modal-content .project-selector .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:0 2px 8px #0000000d}.nmr-modal-content .project-selector .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 4px 12px #00000014}.nmr-modal-content .date-inputs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root{background-color:#f8f9fa;border-radius:12px;transition:all .3s ease}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:0 2px 8px #0000000d}.nmr-modal-content .date-inputs .date-picker .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 4px 12px #00000014}.nmr-modal-content .contractors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nmr-modal-content .contractors-header .select-all-btn{background:none;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.nmr-modal-content .contractors-header .select-all-btn:disabled{cursor:not-allowed;opacity:.5}.nmr-modal-content .loading{color:#666;padding:40px;text-align:center}.nmr-modal-content .loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#fdd34d;height:40px;margin:0 auto 16px;width:40px}.nmr-modal-content .loading p{font-size:.9rem;margin:0}.nmr-modal-content .no-contractors-message,.nmr-modal-content .no-project-message{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:12px;color:#666;font-size:.9rem;padding:32px;text-align:center}.nmr-modal-content .contractors-list{grid-gap:12px;background:#f8f9fa;border:1px solid #eee;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:300px;overflow-y:auto;padding:16px}.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{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.nmr-modal-content .contractors-list .contractor-item:hover{box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.nmr-modal-content .contractors-list .contractor-item.selected{background:#fff9e6;border-color:#fdd34d}.nmr-modal-content .contractors-list .contractor-item .checkbox{align-items:center;background:#fff;border:2px solid #ddd;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.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{color:#333;font-size:.9rem}.nmr-modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #eee;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.nmr-modal-footer button{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;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;box-shadow:0 2px 8px #fdd34d4d;color:#000}.nmr-modal-footer button.generate-btn:hover:not(:disabled){background:#fcd02c;box-shadow:0 4px 12px #fdd34d66;transform:translateY(-1px)}.nmr-modal-footer button.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.raise-nmr-bill-wrapper{background:#f8fafc;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;padding:0}.raise-nmr-bill-container{background:#fff;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0 0 32px}.raise-nmr-bill-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.raise-nmr-bill-header-bar .back-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;margin-right:16px;transition:color .2s}.raise-nmr-bill-header-bar .back-btn:hover{color:#334155}.raise-nmr-bill-header-bar h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.generate-bill-btn{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f61a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s}.generate-bill-btn:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f626;transform:translateY(-1px)}.vendor-bill-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:32px;justify-content:space-between;margin:24px 32px;padding:24px}.modern-vendor-info-grid{grid-gap:32px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #1e293b0f;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:32px 24px}.bill-info-block,.vendor-info-block{background:none;border:none;box-shadow:none;display:flex;flex-direction:column;gap:18px}.bill-info-block>div,.vendor-info-block>div{align-items:center;background:none;border:none;color:#334155;display:flex;font-size:1.05rem;font-weight:500;gap:12px;padding:0}.bill-info-block strong,.vendor-info-block strong{color:#64748b;font-size:1.05rem;font-weight:600;min-width:120px}.contractor-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;max-width:100%;overflow:hidden;padding:0 0 24px}.contractor-title{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;letter-spacing:.3px;padding:16px 24px}.contractor-title .contractor-info{align-items:center;display:flex;gap:16px}.contractor-title .rate-type-indicator{border:1px solid;border-radius:20px;font-size:.85rem;font-weight:500;padding:6px 12px}.contractor-title .rate-type-indicator.hourly{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.contractor-title .rate-type-indicator.daily{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.contractor-title .contractor-actions,.contractor-title .rate-management-btn{align-items:center;display:flex;gap:8px}.contractor-title .rate-management-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.contractor-title .rate-management-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contractor-title .rate-management-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.contractor-title .rate-management-btn:hover:before{left:100%}.contractor-title .rate-management-btn:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.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{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px;transition:all .2s ease}.contractor-title .delete-contractor-btn:hover{background:#fef2f2;color:#dc2626}.vendor-description-row{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.95rem;padding:12px 24px}.table-scroll-container{box-sizing:border-box;max-width:100vw;overflow-x:auto;overflow-y:visible;width:100%}.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{border-collapse:collapse;font-size:.95rem;margin:0;max-width:100vw;table-layout:fixed;width:100%}.nmr-table,.nmr-table td{box-sizing:border-box;overflow:hidden}.nmr-table td{background:#fff;border-radius:0!important;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.85rem;height:56px;min-height:56px;padding:10px 8px;text-align:left!important;text-overflow:ellipsis;vertical-align:middle;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{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.nmr-table th{background:#f7f9fc!important;border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:22px 20px!important;position:-webkit-sticky;position:sticky;text-align:left!important;text-transform:uppercase;top:0;vertical-align:middle;z-index:2}.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{color:#94a3b8;cursor:pointer;font-size:1.1rem;transition:all .2s}.nmr-table .action-icons svg:hover{color:#3b82f6;transform:scale(1.1)}.add-row{align-items:center;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;margin-left:8px;padding:8px 12px;transition:all .2s}.add-row:hover{background:#f1f5f9}.add-row svg{font-size:1.1rem}.nmr-progress-bar-wrapper{align-items:center;display:flex;flex-direction:column;margin:32px 0}.nmr-progress-label{color:#1976d2;font-size:1.08rem;font-weight:600;margin-bottom:12px}.nmr-progress-bar{background:#e0e7ef;border-radius:6px;box-shadow:0 1px 4px #1e293b0f;height:10px;overflow:hidden;width:320px}.nmr-progress-bar-inner{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:6px;height:100%;transition:width .3s cubic-bezier(.4,2,.3,1)}.nmr-summary-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;margin:32px}.nmr-summary-card,.nmr-summary-view{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex:1 1 350px;min-width:320px;padding:24px}.nmr-summary-card h3,.nmr-summary-view h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.nmr-summary-list{list-style:none;margin:0;padding:0;width:100%}.nmr-summary-list li{color:#475569;margin-bottom:8px;padding:8px 0}.nmr-summary-list li,.summary-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;min-height:32px}.summary-row{border-bottom:1px solid #e2e8f0;padding:12px 0}.summary-row .label{color:#64748b;font-weight:500;min-width:160px;text-align:left}.summary-row .value{color:#1e293b;font-family:Inter,monospace;font-weight:600;min-width:140px;text-align:right}.net-payable{align-items:center;color:#059669;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-top:10px;min-height:40px}.net-payable:before{color:#1e293b;content:"NET PAYABLE:"}.net-payable:after{color:#059669;margin-right:4px}.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{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.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{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:32px;padding:24px}.footer-section{flex:1 1 250px;min-width:200px}.footer-section .footer-label{color:#1e293b;font-weight:600;margin-bottom:8px}.footer-section .footer-value{border-radius:4px;color:#64748b;min-height:24px;padding:4px 8px;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{color:#94a3b8;font-size:.9rem;margin-top:24px}.footer-section .footer-sign .editable-field{border-radius:4px;color:#1e293b;display:inline-block;font-weight:500;min-height:24px;padding:4px 8px;transition:all .2s}.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{color:#64748b;font-size:.95rem;font-weight:500;margin:0 32px;padding:16px 0}.nmr-table td.date-col,.nmr-table th.date-col{min-width:120px;overflow:hidden;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:12%}.nmr-table td.location-col,.nmr-table th.location-col{min-width:130px;overflow:hidden;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:13%}.nmr-table td.description-col,.nmr-table th.description-col{min-width:140px;overflow:hidden;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:15%}.nmr-table td.time-col,.nmr-table th.time-col{min-width:160px;overflow:hidden;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:16%}.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{word-wrap:break-word;min-width:80px;text-align:right;vertical-align:middle;white-space:normal;width:8%}.nmr-table td.rate-col,.nmr-table th.rate-col{min-width:100px;overflow:visible;text-align:right;vertical-align:middle;white-space:nowrap;width:10%}.nmr-table td.amount-col,.nmr-table th.amount-col{word-wrap:break-word;min-width:120px;text-align:right;vertical-align:middle;white-space:normal;width:12%}.nmr-table td.amount-col .editable-field,.nmr-table td.amount-col .field-content{word-wrap:break-word;overflow:visible;white-space:normal}.nmr-table td.amount-col .field-content{text-overflow:clip}.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{max-width:80px!important;min-width:60px!important;overflow:visible!important;width:6%!important}td.action-col{padding:8px 4px!important;white-space:nowrap!important}td.action-col div{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:2px!important;justify-content:center!important;max-width:100%!important;overflow:visible!important;width:100%!important}td.action-col button{background:#0000!important;border:none!important;border-radius:3px!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:20px!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;padding:2px!important;visibility:visible!important;width:20px!important}td.action-col button svg{font-size:12px!important;height:12px!important;width:12px!important}.nmr-table tbody tr td.action-col{max-width:80px!important;min-width:60px!important;overflow:visible!important;padding:8px 4px!important;width:6%!important}.nmr-table tbody tr td.action-col *{max-width:100%!important;overflow:visible!important}.nmr-table tbody tr td.action-col .action-btn{display:inline-flex!important;height:20px!important;margin:0!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;opacity:1!important;padding:2px!important;position:relative!important;visibility:visible!important;width:20px!important;z-index:10!important}.nmr-table tbody tr td.action-col .action-btn svg{font-size:12px!important;height:12px!important;width:12px!important}.nmr-table tr td.action-col{max-width:80px!important;min-width:60px!important;overflow:visible!important;padding:8px 4px!important;width:6%!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;gap:24px}}@media(max-width:900px){.modern-vendor-info-grid{gap:18px;grid-template-columns:1fr;padding:18px 8px}}.editable-field{border-radius:6px;cursor:pointer;min-width:0;overflow:hidden;padding:4px 8px;transition:all .2s}.editable-field:hover{background:#f1f5f9}.editable-field.editing{background:#fff;box-shadow:0 0 0 2px #3b82f6;overflow:visible}.editable-field input{background:#0000;border:none;color:#1e293b;font-size:.95rem;outline:none;padding:6px 8px;width:100%}.editable-field input:focus{outline:none}.editable-field .field-content{color:#1e293b;display:block;white-space:nowrap;width:100%}.editable-field.numeric .field-content{overflow:visible;text-overflow:clip;white-space:nowrap!important}.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;border-top:1px solid #ffe066;color:#b71c1c;font-weight:500}.overtime-label{background:#ffd600;color:#b71c1c;font-size:.95rem;font-weight:700;margin-right:8px}.assigned-badge,.overtime-label{border-radius:6px;letter-spacing:.5px;padding:2px 10px}.assigned-badge{background:#14ae5c;box-shadow:0 1px 2px #14ae5c14;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-left:2px}.view-images-btn{background:#3b82f6;border:none;border-radius:6px;box-shadow:0 1px 4px #3b82f614;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:6px 16px;transition:background .2s}.view-images-btn:hover{background:#2563eb}.nmr-time-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:#1e293b;font-size:1rem;margin:0 2px;max-width:140px;min-width:110px;padding:4px 10px;transition:border .2s}.nmr-time-picker:focus{border:1.5px solid #3b82f6;outline:none}.nmr-image-modal{background:none!important;min-height:0!important;min-height:auto!important;overflow:visible!important;overflow:initial!important;position:static!important}.nmr-image-modal-content{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #1e293b38;display:flex;flex-direction:column;margin:0 auto;padding:40px 32px 32px}.nmr-image-modal-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(6,1fr);margin:24px 0 0;width:100%}.nmr-image-modal-grid img{aspect-ratio:1/1;background:#f8fafc;border-radius:12px;box-shadow:0 2px 12px #1e293b1a;cursor:pointer;object-fit:cover;transition:transform .2s,box-shadow .2s;width:100%}.nmr-image-modal-grid img:hover{box-shadow:0 4px 16px #1e293b2e;transform:scale(1.04)}.nmr-image-modal-download{background:#059669;border:none;border-radius:6px;box-shadow:0 1px 4px #05966914;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:8px 20px;transition:background .2s}.nmr-image-modal-download:hover{background:#047857}.nmr-table td.action-cell,.nmr-table th.action-col{box-sizing:border-box;height:56px;min-height:56px;padding:0 12px;vertical-align:middle!important}.nmr-table .action-icons{align-items:center;box-sizing:border-box;display:flex;gap:12px;height:56px;justify-content:center;margin:0;min-height:56px;padding:0;width:100%}.nmr-table tr{height:56px;min-height:56px;transition:background .18s}.nmr-table tr:hover{background:#f1f5f9!important}.nmr-table tfoot td,.nmr-table tfoot tr{background:#f8fafc!important;color:#1e293b;font-weight:600;height:56px;min-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}.center-align{text-align:center!important}.left-align{text-align:left!important}.clock-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:1rem;padding:6px 10px;transition:background .2s}.clock-btn:hover{background:#e0e7ef}.collapsed-row{background:#f8fafc!important;border-left:4px solid #3b82f6!important}.collapsed-row td{max-width:0;overflow:hidden;padding:12px 15px!important;text-overflow:ellipsis;vertical-align:middle!important;white-space:nowrap}.collapsed-row .collapse-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:4px;transition:all .2s}.collapsed-row .collapse-toggle-btn:hover{background:#e0e7ff}.collapsed-row .date-info{align-items:center;display:flex;gap:8px;min-width:0;overflow:hidden}.collapsed-row .date-info .date-text{color:#1e293b;flex-shrink:0;font-size:.95rem;font-weight:600}.collapsed-row .date-info .row-count-badge{background:#e2e8f0;border-radius:4px;color:#64748b;display:inline-block;flex-shrink:0;font-size:.75rem;padding:2px 6px;position:relative;white-space:nowrap;z-index:1}.collapsed-row .combined-info{color:#6b7280;display:block;font-size:.9rem;font-style:italic;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-row .worker-count{color:#1e293b;display:block;font-size:.95rem;font-weight:600;text-align:center}.collapsed-row .rate-value{text-align:right}.collapsed-row .total-amount{color:#059669;display:block;font-size:.95rem;font-weight:600;text-align:right}.collapsed-row .rate-value{color:#1e293b;display:block;font-size:.95rem;font-weight:600;text-align:center;white-space:nowrap}.collapsed-row .expand-btn{display:none!important}.collapsed-row .date-col{max-width:200px;min-width:200px;width:200px}.collapsed-row .location-col{max-width:150px;min-width:150px;width:150px}.collapsed-row .description-col{max-width:200px;min-width:200px;width:200px}.collapsed-row .time-col{max-width:100px;min-width:100px;width:100px}.collapsed-row .female-col,.collapsed-row .male-col,.collapsed-row .mason-col{max-width:100px;min-width:100px;text-align:right;width:100px}.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{max-width:160px;min-width:120px;overflow:visible;text-align:right;white-space:nowrap;width:140px}.collapsed-row .rate-col .editable-field{text-align:right}.collapsed-row .rate-col .editable-field .field-content{overflow:visible;text-align:right;white-space:nowrap!important}.collapsed-row .rate-col .editable-field input{text-align:right}.collapsed-row .amount-col{max-width:120px;min-width:120px;text-align:right;width:120px}.collapsed-row .action-col{max-width:80px!important;min-width:60px!important;overflow:visible!important;text-align:center;width:6%!important}.expanded-header-row{background:#f1f5f9!important;border-left:4px solid #059669!important}.expanded-header-row td{overflow:hidden;padding:12px 15px!important;vertical-align:middle!important}.expanded-header-row .collapse-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#059669;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:4px;transition:all .2s}.expanded-header-row .collapse-toggle-btn:hover{background:#dcfce7}.expanded-header-row .date-info{align-items:center;display:flex;gap:8px;min-width:0;overflow:hidden}.expanded-header-row .date-info .date-text{color:#1e293b;flex-shrink:0;font-size:.95rem;font-weight:600}.expanded-header-row .date-info .expanded-badge{background:#dcfce7;border-radius:4px;color:#64748b;flex-shrink:0;font-size:.75rem;padding:2px 6px;white-space:nowrap}.expanded-header-row .expanded-info{color:#6b7280;font-size:.9rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-overlay{align-items:center!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;top:0!important;width:100vw!important;z-index:1000!important}.rate-management-modal{background:#fff!important;border:none!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;height:80vh!important;left:50%!important;margin:0 auto!important;max-height:80vh!important;max-width:900px!important;min-width:600px!important;outline:none!important;overflow:visible!important;padding:0!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:70vw!important}.rate-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;overflow:hidden;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rate-modal-header .header-content{align-items:center;display:flex;gap:16px;position:relative;z-index:2}.rate-modal-header .header-content .header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.rate-modal-header .header-content .header-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px}.rate-modal-header .header-content .header-text h2{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px;text-shadow:0 2px 4px #0003}.rate-modal-header .header-content .header-text p{color:#ffffffe6;font-size:14px;font-weight:400;margin:0;opacity:.9}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.rate-modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0;position:relative}.rate-modal-body .scrollable-content{-ms-overflow-style:none;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;scrollbar-width:none}.rate-modal-body .scrollable-content::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}.rate-modal-body .scrollable-content::-webkit-scrollbar-thumb,.rate-modal-body .scrollable-content::-webkit-scrollbar-track{background:#0000;display:none}.rate-modal-body .scrollable-content::-webkit-scrollbar-corner{background:#0000;display:none}.rate-type-selection{margin-bottom:24px}.rate-type-selection .section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:16px}.rate-type-selection .section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.rate-type-selection .rate-type-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;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;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.rate-type-selection .rate-type-cards .rate-type-card:hover{border-color:#c7d2fe;box-shadow:0 8px 25px #667eea1a;transform:translateY(-2px)}.rate-type-selection .rate-type-cards .rate-type-card.selected{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#667eea;box-shadow:0 6px 20px #667eea33;transform:translateY(-1px)}.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{align-items:center;display:flex;gap:12px;margin-bottom:8px}.rate-type-selection .rate-type-cards .rate-type-card .card-header .card-icon{align-items:center;background:#e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rate-type-selection .rate-type-cards .rate-type-card .card-header .card-title{color:#1e293b;font-size:16px;font-weight:600;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{background:#667eea1a;border-radius:6px;color:#4c1d95;font-size:12px;font-weight:500;margin-top:8px;padding:8px}.worker-rates-section{margin-bottom:24px}.worker-rates-section .section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:16px}.worker-rates-section .section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.worker-rates-section .rate-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.worker-rates-section .rate-cards-grid .rate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.worker-rates-section .rate-cards-grid .rate-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.worker-rates-section .rate-cards-grid .rate-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.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{align-items:center;display:flex;gap:10px;margin-bottom:12px}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-icon{align-items:center;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 2px}.worker-rates-section .rate-cards-grid .rate-card .card-header .worker-info .worker-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container{margin-bottom:8px;position:relative}.worker-rates-section .rate-cards-grid .rate-card .rate-input-container .rate-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:16px;font-weight:600;padding:10px 12px;text-align:center;transition:all .3s ease;width:100%}.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{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.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{color:#64748b;font-size:14px;font-weight:600;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.worker-rates-section .rate-cards-grid .rate-card .card-footer .hourly-equivalent{color:#64748b;display:block;font-size:12px;font-style:italic;font-weight:500;text-align:center}.application-scope-section{margin-bottom:24px}.application-scope-section .section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:16px}.application-scope-section .section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.application-scope-section .scope-options{grid-gap:8px;display:grid;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;cursor:pointer;padding:12px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.application-scope-section .scope-options .scope-option:hover{border-color:#c7d2fe;box-shadow:0 4px 15px #667eea14;transform:translateY(-1px)}.application-scope-section .scope-options .scope-option.selected{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#667eea;box-shadow:0 4px 15px #667eea26;transform:translateY(-1px)}.application-scope-section .scope-options .scope-option .option-header{align-items:flex-start;display:flex;gap:10px}.application-scope-section .scope-options .scope-option .option-header input[type=radio]{accent-color:#667eea;cursor:pointer;margin-top:2px;transform:scale(1.1)}.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{align-items:center;display:flex;gap:6px;margin-bottom:2px}.application-scope-section .scope-options .scope-option .option-header .option-content .option-icon-text .option-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.application-scope-section .scope-options .scope-option .option-header .option-content .option-icon-text .option-title{color:#1e293b;font-size:14px;font-weight:600;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;margin-bottom:16px;margin-top:12px;padding:16px}.application-scope-section .contractor-selection .selection-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px}.application-scope-section .contractor-selection .selection-title svg{color:#667eea;font-size:16px}.application-scope-section .contractor-selection .contractor-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.application-scope-section .contractor-selection .contractor-grid .contractor-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .3s ease}.application-scope-section .contractor-selection .contractor-grid .contractor-item:hover{background:#f0f7ff;border-color:#667eea}.application-scope-section .contractor-selection .contractor-grid .contractor-item:has(input:checked){background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#667eea}.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]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.application-scope-section .contractor-selection .contractor-grid .contractor-item .contractor-name{color:#374151;flex:1 1;font-size:14px;font-weight:500;line-height:1.3}.application-scope-section .date-range-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:16px}.application-scope-section .date-range-section .date-range-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px}.application-scope-section .date-range-section .date-range-title svg{color:#667eea;font-size:16px}.application-scope-section .date-range-section .date-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.application-scope-section .date-range-section .date-inputs .date-input-group label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.application-scope-section .date-range-section .date-inputs .date-input-group input[type=date]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease;width:100%}.application-scope-section .date-range-section .date-inputs .date-input-group input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.application-scope-section .additional-options{margin-top:16px}.application-scope-section .additional-options .option-section-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.application-scope-section .additional-options .option-section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:16px;width:3px}.application-scope-section .additional-options .overtime-options{display:flex;flex-direction:column;gap:8px}.application-scope-section .additional-options .option-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.application-scope-section .additional-options .option-item:hover{background:#f0f7ff;border-color:#667eea}.application-scope-section .additional-options .option-item input[type=checkbox],.application-scope-section .additional-options .option-item input[type=radio]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.application-scope-section .additional-options .option-item .option-label{color:#374151;flex:1 1;font-size:14px;font-weight:500;line-height:1.3}.rate-modal-footer{background:#f8fafc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e2e8f0;bottom:0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px;z-index:10}.rate-modal-footer .btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.rate-modal-footer .btn.btn-secondary{background:#fff;border-color:#d1d5db;color:#64748b}.rate-modal-footer .btn.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #00000014;color:#374151;transform:translateY(-1px)}.rate-modal-footer .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.rate-modal-footer .btn.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px)}.rate-modal-footer .btn.btn-primary:active{transform:translateY(0)}.document-warning{background:#fef3cd;border:1px solid #fbbf24;border-radius:8px;margin:16px 32px;overflow:hidden;padding:0}.document-warning .warning-content{align-items:center;display:flex;gap:16px;padding:16px 20px}.document-warning .warning-content svg{color:#f59e0b;flex-shrink:0}.document-warning .warning-content h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 4px}.document-warning .warning-content p{color:#92400e;font-size:14px;line-height:1.4;margin:0}.document-warning .warning-content .upload-documents-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-left:auto;padding:8px 16px;transition:background .2s ease}.document-warning .warning-content .upload-documents-btn:hover{background:#d97706}.document-success{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#047857;display:flex;font-weight:500;gap:12px;margin:16px 32px;padding:12px 20px}.document-success svg{color:#10b981;flex-shrink:0}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 #00000040;display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:initial;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(100%)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(.96)}}.stepper-container{align-self:center;justify-content:center;margin:0 auto;padding:20px 10px;position:relative;width:60%}.stepper,.stepper-container{align-items:center;display:flex}.stepper{justify-content:space-between;width:100%}.step{flex-direction:column;text-align:center;width:80px;z-index:2}.step,.step-circle{align-items:center;display:flex}.step-circle{background-color:#e0e0e0;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;height:24px;justify-content:center;margin-bottom:8px;width:24px}.step-label{color:#757575;font-size:12px;font-weight:500;line-height:1.3;white-space:pre-line}.connector-line{border-top:2px dashed #e0e0e0;flex:1 1;height:0;margin-top:-20px;min-width:40px;z-index:1}.connector-line.active{border-top-style:dashed;border-top-width:2px}.bill-detail-container{height:100%;overflow-y:auto;padding:20px}.bill-detail-container .spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.bill-detail-container .bill-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bill-detail-container .bill-detail-header .back-button{align-items:center;border-radius:4px;color:#555;cursor:pointer;display:flex;gap:8px;padding:8px 12px;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;gap:10px}.bill-detail-container .bill-content{background-color:#f5f5f5;border-radius:6px;height:calc(100% - 70px);overflow-y:auto;padding:20px}.bill-detail-container .bill-content .bill-paper{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:30px}.bill-detail-container .bill-content .bill-paper .bill-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title{align-items:center;display:flex;gap:15px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title h2{color:#333;font-size:24px;margin:0}.bill-detail-container .bill-content .bill-paper .bill-header .bill-title .status-indicator{border-radius:4px;font-size:14px;font-weight:500;padding:5px 10px}.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;gap:8px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item{align-items:center;display:flex}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item .label{color:#666;font-weight:500;width:80px}.bill-detail-container .bill-content .bill-paper .bill-header .bill-info .bill-info-item .value{color:#333;font-weight:600}.bill-detail-container .bill-content .bill-paper .bill-details-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;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{color:#666;font-size:16px;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{background-color:#fafafa;border:1px solid #eee;border-radius:4px;padding:15px}.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{color:#333;font-size:16px;font-weight:600;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;gap:5px;margin-bottom:20px}.bill-detail-container .bill-content .bill-paper .bill-tabs .tab{background-color:#f5f5f5;border-radius:4px 4px 0 0;cursor:pointer;font-weight:500;padding:10px 20px}.bill-detail-container .bill-content .bill-paper .bill-tabs .tab.active{background-color:#fff8e1;border-bottom:2px solid #fdd34d;box-shadow:0 -1px 3px #0000000d}.bill-detail-container .bill-content .bill-paper .bill-items-section{margin-bottom:30px}.bill-detail-container .bill-content .bill-paper .bill-items-section h3{color:#333;font-size:18px;margin-bottom:15px}.bill-detail-container .bill-content .bill-paper .bill-items-section .no-items{background-color:#f9f9f9;border-radius:4px;color:#666;padding:20px;text-align:center}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section{border:1px solid #eee;border-radius:6px;margin-bottom:30px;overflow:hidden}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:12px 15px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header h4{color:#333;font-size:16px;margin-bottom:8px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .section-header .section-details{color:#666;display:flex;font-size:14px;gap:20px}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table{border-collapse:collapse;width:100%}.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{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table th{background-color:#f8f9fa;color:#333;font-weight:600}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table th.editable{background-color:#fdd34d1a}.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:#fdd34d0d}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td .editable-input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.bill-detail-container .bill-content .bill-paper .bill-items-section .bill-section .items-table td .editable-input:focus{border-color:#fdd34d;box-shadow:0 0 0 2px #fdd34d33;outline:none}.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{color:#555;text-align:right}.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{border-top:1px solid #eee;margin-bottom:30px;padding-top:20px}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section{margin-left:auto;max-width:400px;width:100%}.bill-detail-container .bill-content .bill-paper .bill-summary .bill-total-section .total-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.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{border-top:2px solid #eee;color:#333;font-size:18px;font-weight:700;margin-top:5px;padding-top:15px}.bill-detail-container .bill-content .bill-paper .bill-remarks{margin-bottom:30px}.bill-detail-container .bill-content .bill-paper .bill-remarks h3{color:#555;font-size:16px;margin-bottom:10px}.bill-detail-container .bill-content .bill-paper .bill-remarks p{background-color:#f9f9f9;border-radius:4px;color:#555;min-height:80px;padding:15px}.bill-detail-container .bill-content .bill-paper .bill-remarks textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:inherit;padding:15px;width:100%}.bill-detail-container .bill-content .bill-paper .bill-remarks textarea:focus{border-color:#fdd34d;box-shadow:0 0 0 2px #fdd34d33;outline:none}.bill-detail-container .bill-content .bill-paper .bill-signatures{border-top:1px solid #eee;display:flex;justify-content:space-between;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{color:#666;font-weight:500;margin-bottom:8px}.bill-detail-container .bill-content .bill-paper .bill-signatures .signature-block .signature-date{color:#888;font-size:14px;margin-top:5px}@media print{.bill-detail-header,.bill-tabs{display:none!important}.bill-content{background-color:#fff!important;height:auto!important;overflow:visible!important;padding:0!important}.bill-content .bill-paper{box-shadow:none!important;padding:0!important}.bill-items-section{page-break-inside:avoid}}.additional-items-title,.section-title,.work-order-title{border-bottom:none!important;box-shadow:none!important}.raise-bill-wrapper{min-height:100vh;position:relative}.raise-bill-container,.raise-bill-wrapper{background-color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.raise-bill-container{color:#333;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.raise-bill-container .bill-header{align-items:center;background-color:#fff;box-shadow:0 2px 8px #00000014;display:flex;height:70px;justify-content:space-between;max-height:70px;min-height:70px;overflow:visible;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.raise-bill-container .bill-header .header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.raise-bill-container .bill-header .header-left .back-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.raise-bill-container .bill-header .header-left .back-btn:hover{background-color:#f5f5f5}.raise-bill-container .bill-header .header-left h1{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{align-items:center;display:flex;flex-shrink:0;gap:12px;height:100%}.raise-bill-container .bill-header .header-actions .vendor-payment-summary{background:none!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:auto!important;overflow:visible!important}.raise-bill-container .bill-header .header-actions .vendor-payment-summary:hover{box-shadow:none!important;transform:none!important}.raise-bill-container .bill-header .header-actions .approval-actions{display:flex;gap:1rem}.raise-bill-container .bill-header .header-actions .action-btn{align-items:center;border:none;border-radius:.5rem!important;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:.5rem;max-height:40px;padding:.5rem 1rem!important;transition:all .2s ease}.raise-bill-container .bill-header .header-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.raise-bill-container .bill-header .header-actions .action-btn.approve{background-color:#22c55e;background-color:var(--success-color,#22c55e)}.raise-bill-container .bill-header .header-actions .action-btn.approve:hover:not(:disabled){background-color:#16a34a;background-color:var(--success-hover,#16a34a);transform:translateY(-1px)}.raise-bill-container .bill-header .header-actions .action-btn.decline{background-color:#ef4444;background-color:var(--error-color,#ef4444)}.raise-bill-container .bill-header .header-actions .action-btn.decline:hover:not(:disabled){background-color:#dc2626;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{align-items:center;background:none;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.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{align-items:center;background-color:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;max-height:40px;padding:8px 20px;transition:all .2s}.raise-bill-container .bill-header .header-actions .save-btn:hover{background-color:#05d;box-shadow:0 2px 5px #0066ff4d;transform:translateY(-1px)}.raise-bill-container .bill-header .header-actions .save-btn:active{transform:translateY(0)}.raise-bill-container .form-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 20px 70px}.raise-bill-container .form-content .approval-actions{align-items:center;align-self:center;display:flex;gap:1rem;justify-content:center;justify-items:center;justify-self:auto;margin-bottom:20px;padding-top:20px}.raise-bill-container .form-content .action-btn{align-items:center;align-self:center;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.9rem;transition:all .2s ease}.raise-bill-container .form-content .action-btn:disabled{cursor:not-allowed;opacity:.5}.raise-bill-container .form-content .action-btn.approve{background-color:#14ae5c;background-color:var(--success-color,#14ae5c)}.raise-bill-container .form-content .action-btn.approve:hover:not(:disabled){background-color:#16a34a;background-color:var(--success-hover,#16a34a);transform:translateY(-1px)}.raise-bill-container .form-content .action-btn.decline{background-color:#db3f3d;background-color:var(--error-color,#db3f3d)}.raise-bill-container .form-content .action-btn.decline:hover:not(:disabled){background-color:#dc2626;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 #0000000d;overflow:hidden}.raise-bill-container .form-content .info-section .info-card .client-header{background-color:#fff;border-bottom:1px solid #eaedf3;padding:24px 24px 12px}.raise-bill-container .form-content .info-section .info-card .client-header .info-group .info-label{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.raise-bill-container .form-content .info-section .info-card .client-header .info-group .primary-field{color:#111827;font-size:1.1rem;font-weight:600;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{background-color:#fff;display:flex;flex-wrap:wrap}@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{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.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{align-items:center;border-bottom:1px solid #eaedf3;display:flex;justify-content:space-between;padding:8px 0;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{color:#6b7280;flex:1 1;font-size:.85rem;font-weight:500;letter-spacing:normal;margin-bottom:0;padding-right:8px;text-transform:none}.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{color:#1f2937;flex:1.2 1;font-size:.9rem;min-width:120px;overflow:hidden;padding-right:20px;text-align:right}.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{border-top:none;margin-top:0;padding-top:0}.raise-bill-container .form-content .info-row{display:flex;flex-wrap:wrap;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{color:#757575;font-size:.8rem;margin-bottom:5px}.raise-bill-container .form-content .info-row .info-col .info-row-mini{display:flex;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{color:#757575;font-size:.8rem;margin-bottom:3px}.raise-bill-container .form-content .empty-section{color:#757575;padding:30px;text-align:center}.raise-bill-container .form-content .bill-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;margin-bottom:20px;overflow:hidden}.raise-bill-container .form-content .bill-section .section-header{align-items:center;background-color:#fff8e1;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.raise-bill-container .form-content .bill-section .section-header .section-title{background-color:#0000!important;color:#444;font-size:1rem;font-weight:600;margin:0;padding:0}.raise-bill-container .form-content .bill-section .section-header .section-toggle{align-items:center;display:flex;flex-direction:row;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{align-items:center;background-color:#f0f7ff;border:1px dashed #91caff;border-radius:6px;color:#1677ff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-left:10px;padding:10px 20px;transition:all .25s}.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;box-shadow:0 2px 8px #1890ff33;transform:translateY(-2px)}.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{overflow:hidden;padding:0}.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{align-items:center;border:none;cursor:pointer;display:grid;grid-template-columns:minmax(250px,300px) 1fr;height:auto;overflow:visible;padding:12px 20px;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-title{display:flex;flex-direction:column;gap:3px;padding-right:10px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-title .subtitle{color:#757575;font-size:.85rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);justify-content:end;text-align:center}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 5px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item label{color:#757575;display:block;font-size:.8rem;margin-bottom:5px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .amount{font-size:.9rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .amount{color:#4caf50;font-weight:600}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item.total-amount .editable-field{color:#4caf50;font-weight:600;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;display:flex;font-weight:600;justify-content:center;text-align: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{align-items:center;display:flex;height:28px;justify-content:center;margin:0;padding:4px;text-align:center;width:100%}.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{font-size:.9rem;height:100%;padding:4px;text-align:center;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info .info-item .editable-field .field-content{display:flex;font-size:.9rem;justify-content:center;margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@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{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-header .subsection-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:10px 0;width:100%}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:5px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header h3{color:#1f2329;font-size:1rem;font-weight:600;margin:0}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator{align-items:center;display:flex;gap:12px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator span{color:#4e5969;font-size:.85rem}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator .progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden;position:relative;width:120px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .measurement-header .progress-indicator .progress-bar .progress-fill{background-color:#4caf50;border-radius:4px;height:100%;left:0;position:absolute;top:0}.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{align-items:center;color:#1f2329;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:12px}.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:#1677ff1a;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{color:#1677ff;cursor:pointer;font-size:.85rem;opacity:0;transition:opacity .2s}.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{border-radius:12px;display:block;overflow:hidden;width:100%}.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{align-items:center!important;display:grid!important;grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 110px!important;width:100%!important}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .cell{align-items:center;border:1.5px dotted #d6e9ff;box-sizing:border-box;display:flex;flex:1 1;font-size:15px;height:100%;min-height:44px;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;white-space:nowrap;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-header .cell{background:#f7f9fc;border:1.5px dotted #d6e9ff;font-weight:600;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{align-items:center;background-color:#f7f9fc;border-top:1px solid #e6e8f0;display:flex;justify-content:space-between;padding:14px 16px;width:100%}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .add-row-btn{align-items:center;background-color:#ebf5ff;border:1px dashed #91caff;border-radius:6px;color:#1677ff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.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 #1890ff1a;color:#0056b3}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .excel-table .table-footer .table-totals{align-items:center;display:flex;gap:18px;justify-content:flex-end}.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{display:flex;justify-content:center;margin-bottom:30px;margin-top:15px}.raise-bill-container .form-content .bill-section .section-content .subsection .subsection-content .add-table-btn-container .add-table-btn{align-items:center;background-color:#f0f7ff;border:1px dashed #91caff;border-radius:6px;color:#1677ff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;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;box-shadow:0 2px 8px #1890ff33;transform:translateY(-2px)}.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;margin-top:10px;padding:20px 0}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn{align-items:center;background-color:#e8f5e9;border:2px dashed #66bb6a;border-radius:4px;color:#2e7d32;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:10px 20px;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;box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.raise-bill-container .form-content .bill-section .section-content .add-subsection-btn-container .add-subsection-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone{align-items:center;display:flex;flex-direction:column;position:relative;width:100px}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone .milestone-dot{background-color:#e0e0e0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bdbdbd;height:20px;width:20px;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{color:#757575;font-size:.85rem;margin-top:10px;text-align:center}.raise-bill-container .form-content .bill-section .section-content.milestones-content .milestone-progress .milestone-line{background-color:#e0e0e0;flex:1 1;height:2px;position:relative;z-index:1}.raise-bill-container .form-content .bill-section .section-content.milestones-content .payment-milestones-title{color:#424242;font-size:1.1rem;margin-top:20px;text-align:center}.raise-bill-container .form-content .bill-summary-container{display:flex;flex-direction:row;gap:20px;margin:20px 0}@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:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #00000014;flex:1 1;overflow:hidden}.raise-bill-container .form-content .bill-summary-container .bill-summary h3,.raise-bill-container .form-content .bill-summary-container .total-bill-summary h3{background:linear-gradient(90deg,#fff8dc,#fffcf0);border-bottom:1px solid #0000000d;color:#333;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;padding:16px 20px}.raise-bill-container .form-content .bill-summary-container .bill-view-options{align-content:center;align-items:center;display:flex;justify-content:center;padding:10px}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container{align-items:center;background-color:#fff;border:1px solid #1677ff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-around;padding:6px;width:100vh}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button{align-content:center;align-items:center;align-self:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;min-width:120px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active{align-items:center;color:#1677ff;justify-content:center}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active svg{color:#1677ff;opacity:1;transform:scale(1.1)}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button.active:after{background:#1677ff;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40%}.raise-bill-container .form-content .bill-summary-container .bill-view-options .tab-container .tab-button:hover:not(.active){background-color:#fffc;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{background-color:#fafafa;border:none;border-radius:8px;box-shadow:0 2px 8px #00000008;margin:10px 15px 15px;overflow:hidden}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-header{background:linear-gradient(90deg,#f5f7fb,#f1f4f9);border-bottom:1px solid #0000000d;color:#555;display:grid;font-size:14px;font-weight:600;grid-template-columns:1fr 1fr 1fr 120px;padding:12px 15px}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body{background-color:#fff;max-height:350px;overflow-y:auto}.raise-bill-container .form-content .bill-summary-container .bill-history-table .bill-history-body .bill-history-row{border-bottom:1px solid #f0f0f0;display:grid;font-size:14px;grid-template-columns:1fr 1fr 1fr 120px;padding:20px 15px;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;cursor:pointer;font-weight:600}.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{align-items:center;background-color:#f0f7ff;border:1px solid #d6e9ff;border-radius:8px;color:#1677ff;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .25s ease;width:34px}.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;box-shadow:0 3px 8px #1677ff33;transform:translateY(-2px)}.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;border-color:#e8e8e8;color:#bbb;cursor:default}.raise-bill-container .form-content .bill-summary-container .summary-content{display:flex;flex-direction:column;gap:10px;padding:15px}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-row.net-payable{border-bottom:none;color:#06c;font-size:18px;font-weight:700}.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{color:#707070;font-weight:500}.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{display:flex;justify-content:flex-end;text-align:right}.raise-bill-container .form-content .bill-summary-container .summary-content .summary-divider{background-color:#ddd;height:2px;margin:10px 0}.raise-bill-container .form-content .final-remarks{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;margin-bottom:70px;padding:20px}.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{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;min-height:80px;padding:12px;width:100%}.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{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.raise-bill-container .form-content .final-remarks .approvals .approval-step{align-items:left;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:15px 10px;text-align:left;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{color:#757575;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-left:5px;text-transform:uppercase}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-name{align-items:center;display:flex;font-size:.95rem;font-weight:600;justify-content:center;margin-bottom:5px;min-height:24px;width:100%}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-name .editable-field{justify-content:center;min-height:24px;text-align:center}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-date{align-items:center;color:#757575;display:flex;font-size:.8rem;justify-content:center;min-height:20px;width:100%}.raise-bill-container .form-content .final-remarks .approvals .approval-step .step-date .editable-field{justify-content:center;min-height:20px;text-align:center}.raise-bill-container .bill-actions{background-color:#fff;bottom:0;box-shadow:0 -1px 3px #0000001a;display:flex;gap:15px;height:60px;justify-content:flex-end;left:0;padding:15px 20px;position:fixed;right:0;z-index:100}.raise-bill-container .bill-actions .cancel-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#616161;cursor:pointer;font-weight:500;padding:8px 20px}.raise-bill-container .bill-actions .cancel-btn:hover{background-color:#f5f5f5}.raise-bill-container .bill-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.6}.raise-bill-container .bill-actions .save-btn{background-color:#ffc107;border:none;border-radius:4px;color:#212121;cursor:pointer;font-weight:500;padding:8px 20px}.raise-bill-container .bill-actions .save-btn:hover{background-color:#ffb300}.raise-bill-container .bill-actions .save-btn:disabled{cursor:not-allowed;opacity:.6}.generate-btn{align-items:center;background-color:#fdd34d;border:none;border-radius:6px;color:#212121;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;padding:10px 20px}.generate-btn:hover{background-color:#fbc02d}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.save-draft{align-items:center;background-color:#e0e0e0;border:none;border-radius:6px;color:#212121;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;padding:10px 20px}.save-draft:hover{background-color:#bdbdbd}.save-draft:disabled{cursor:not-allowed;opacity:.6}.editable-field{align-items:center;border:1px dashed #0000;border-radius:3px;cursor:text;display:flex;min-height:20px;padding:5px 25px 5px 5px;position:relative;transition:all .2s ease-in-out;width:100%}.editable-field:hover:not(.editing){background-color:#3f51b51a;border-color:#3f51b5}.editable-field:hover:not(.editing):after{color:#3f51b5;content:"✎";font-size:.75rem;opacity:1;pointer-events:none;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%);width:16px}.editable-field.editing{border:2px solid #3f51b5;box-shadow:0 0 8px #3f51b566;padding:0;z-index:1000}.editable-field.editing input,.editable-field.editing textarea{border:none;border-radius:3px;font-family:inherit;font-size:inherit;outline:none;padding:5px;position:relative;width:100%!important;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-size:1rem;font-weight:500}.editable-field.secondary-field{color:#757575;font-size:.9rem}.editable-field.remark-textarea{min-height:80px}.editable-field.remark-textarea .field-content{min-height:80px;white-space:pre-wrap}.editable-field .field-content{flex:1 1;min-height:18px;overflow:hidden;padding-right:20px;text-align:left;text-overflow:ellipsis;word-break:break-word}.s-no{flex:0 0 60px;text-align:center;width:60px}.s-no .editable-field,.s-no .editable-field .field-content{justify-content:center;text-align:center}.s-no .editable-field .field-content{align-items:center;display:flex;width:100%}.cell.s-no{align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important}.description{word-wrap:break-word;flex:0 0 200px;white-space:normal;width:200px}.description,.description .editable-field{justify-content:flex-start;text-align:left}.description .editable-field{height:100%}.description .editable-field .field-content{align-items:center;justify-content:flex-start;overflow-wrap:break-word;text-align:left;white-space:normal;word-break:break-word}.breadth,.height,.length{flex:1 1 40px;text-align:left;width:40px}.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{flex:1 1 40px;text-align:left;width:40px}.units .editable-field,.units .editable-field .field-content{justify-content:flex-start;text-align:left}.nos{flex:1 1 50px;text-align:left;width:50px}.nos .editable-field,.nos .editable-field .field-content{justify-content:flex-start;text-align:left}.total-quantity{flex:1 1 70px;text-align:left;width:70px}.total-quantity .editable-field,.total-quantity .editable-field .field-content{justify-content:flex-start;text-align:left}.rate{flex:1 1 50px;text-align:left;width:50px}.rate .editable-field,.rate .editable-field .field-content{justify-content:flex-start;text-align:left}.amount{flex:0 0 150px;text-align:left;width:100px}.amount .editable-field,.amount .editable-field .field-content{justify-content:flex-start;text-align:left}.actions{flex:0 0 90px;text-align:center;width:90px}[data-rbd-draggable-context-id]{cursor:grab}[data-rbd-draggable-id][data-rbd-drag-handle-draggable-id]{background-color:#f5f5f5}body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.table-title-field{background-color:#f7f9fc;border-radius:8px;cursor:pointer!important;display:block;min-height:30px;padding:15px 12px!important;width:100%}.table-title-field:hover{background-color:#1677ff1a;border-color:#1677ff}.table-title-field .field-content{font-weight:600}.all-bills-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.all-bills-modal-overlay .all-bills-modal{animation:modal-appear .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.all-bills-modal-overlay .all-bills-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.all-bills-modal-overlay .all-bills-modal .modal-header h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.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{align-items:center;background:none;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.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{overflow-y:auto;padding-top:0}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0003;margin-top:15px;padding:15px;text-align:center;transition:all .2s ease}.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{color:#333;font-size:18px;font-weight:600;margin-bottom:5px}.all-bills-modal-overlay .all-bills-modal .modal-body .modal-stats .stat-item .stat-label{color:#666;font-size:13px}@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{border-collapse:collapse;width:100%}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table thead{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table th{background-color:#f7f7f7;border-bottom:1px solid #ddd;color:#555;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td{border:1px solid #e9e9e9;color:#666;font-size:14px;padding:12px 15px;text-align:left}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .status-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px}.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;background-color:#e3f2fd;border:none;border-radius:4px;color:#06c;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .view-btn:hover:not(:disabled){background-color:#bbdefb;box-shadow:0 2px 5px #06f3;transform:translateY(-2px)}.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;gap:8px}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn{align-items:center;background-color:#fff3e0;border:none;border-radius:4px;color:#ff8f00;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .edit-btn:hover{background-color:#ffe0b2;box-shadow:0 2px 5px #ff8f0033;transform:translateY(-2px)}.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;background-color:#e8f5e9;border:none;border-radius:4px;color:#2e7d32;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.all-bills-modal-overlay .all-bills-modal .modal-body .bills-table td .bill-actions .save-btn:hover{background-color:#c8e6c9;box-shadow:0 2px 5px #2e7d3233;transform:translateY(-2px)}.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{color:#2196f3;font-size:12px;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-bottom:none;border-top:2px solid #ddd;font-weight:600}.custom-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.custom-modal{animation:modalFadeIn .3s ease;border:none;border-radius:16px;box-shadow:0 20px 50px #0003;overflow:hidden;padding:0;width:550px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal{background:linear-gradient(180deg,#fcfcfc,#f5f5f5);padding:0}.modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:10px 15px}.modal-header h2{color:#222;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.close-button:hover{background-color:#f0f0f0;color:#555}.amount-input-container{align-items:center;background-color:#fff;border:2px solid #eaeaea;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;margin:10px 15px;position:relative;transition:all .3s ease}.amount-input-container:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526}.currency-label{color:#333;font-size:20px;font-weight:500;padding:10px}.amount-input-container input{background:#0000;border:none;color:#222;flex-grow:1;font-size:20px;font-weight:500;padding:20px 0}.amount-input-container input:focus{outline:none}.amount-input-container input::placeholder{color:#bbb}.button-group{background-color:#fff;border-top:1px solid #eaeaea;display:flex;gap:16px;justify-content:flex-end;padding:10px 15px}.btn{border-radius:8px;box-shadow:0 2px 5px #0000000d;font-size:16px;padding:10px 18px}.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);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(1px)}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bill-total-summary{grid-gap:15px;background-color:#fff;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@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:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:30px;text-align:center;transition:all .3s ease}.bill-total-summary .total-summary-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.bill-total-summary .total-summary-item .total-label{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.bill-total-summary .total-summary-item .total-value{color:#06c;font-size:16px;font-weight:700;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 #00000014;margin-bottom:30px;overflow-x:auto;padding:24px}.comparison-title{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:24px}.comparison-table{border-collapse:collapse;font-size:14px;width:100%}.comparison-table td,.comparison-table th{border:1px solid #e8e8e8;padding:12px 15px;text-align:center}.comparison-table th{background-color:#fff9e6;color:#333;font-weight:600}.comparison-table tr:nth-child(2n),.even-row{background-color:#f8f8f8}.odd-row{background-color:#fff}.deduction-row{background-color:#fff5f5}.deduction-desc{color:#666;font-style:italic}.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:#4caf501a;border:2px dashed #4caf50}.table-body.drag-over-invalid{background-color:#f443361a;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:#2196f30d!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]{color:#2196f3;opacity:1}.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 #0000!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{background-color:#fff!important;border:2px dashed #1677ff!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{background:#0000;border:none;color:#1e293b;font-size:.95rem;outline:none;padding:6px 8px;width:100%}.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:#2196f30d!important}.previous-bill-row{background-color:#f9f9f9!important;color:#666!important}.previous-bill-row td{color:#666!important;font-style:italic!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{background-color:#0000!important;border:none!important;cursor:not-allowed!important;pointer-events:none!important}.previous-measurement-row .editable-field input,.previous-measurement-row .editable-field textarea{background-color:#0000!important;border:none!important;color:#666!important}.previous-measurement-row [data-rbd-drag-handle-draggable-id]{cursor:not-allowed!important;opacity:.5}.header-row{background-color:#f0f0f0!important;color:#444!important;font-weight:700!important;text-align:center!important}.header-row td{pointer-events:none!important}.subheader-row{background-color:#eaf5ff!important;color:#06c!important;font-weight:500!important;text-align:center!important}.subheader-row td{pointer-events:none!important}.header-row td,.subheader-row td{border-bottom:2px solid #ccc!important;border-top:2px solid #ccc!important}.right-align{text-align:right!important}.info-detail-row .editable-field{margin-left:auto;max-width:220px;text-align:right}.milestone-summary-4col .milestone-summary-row-4-even{display:grid;margin:0 auto;padding:0 10px}.milestone-table-modern{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 16px #3b82f612;font-size:13px;margin:0;overflow:hidden;width:100%}.milestone-table-modern td,.milestone-table-modern th{border-bottom:1px solid #f1f5f9;padding:12px 10px;text-align:left;vertical-align:middle}.milestone-table-modern th{background:#2563eb;border-right:1px solid #3b82f6;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px}.milestone-table-modern td:last-child,.milestone-table-modern th:last-child{border-right:none}.milestone-table-modern tr:last-child td{border-bottom:none}.modern-milestone-row{transition:background .15s}.modern-milestone-row:hover{background:#f1f5f9}.milestone-col-name{font-weight:600;max-width:180px;min-width:120px}.milestone-name-wrap{display:flex;flex-direction:column;gap:2px}.milestone-main-name{color:#1e293b;font-size:14px;font-weight:600}.milestone-desc{color:#64748b;font-size:12px;font-style:italic;margin-top:2px}.milestone-col-paidpct,.milestone-col-pct,.milestone-col-presentpct{min-width:70px;text-align:right}.milestone-pct-sign{color:#64748b;font-size:12px;margin-left:2px}.milestone-col-est,.milestone-col-paid,.milestone-col-presentamt,.milestone-col-raised,.milestone-col-remaining{min-width:110px;text-align:right}.milestone-remaining{color:#dc2626;font-weight:600}.milestone-summary-modern{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-width:600px;width:100%}.milestone-summary-row{background-color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;min-width:100%;width:100%}.label{color:#64748b;font-size:12px;font-weight:600}@media (max-width:900px){.milestone-table-modern td,.milestone-table-modern th{font-size:12px;padding:8px 4px}.milestone-summary-modern{max-width:100vw}}@media (max-width:600px){.milestone-table-modern td,.milestone-table-modern th{font-size:11px;padding:6px 2px}.milestone-summary-row{flex-direction:column;gap:6px}}.bill-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.bill-preview-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:92vh;max-width:1400px;min-height:0;overflow:hidden;position:relative;width:100%}.bill-preview-header{align-items:center;background:#fff;border-bottom:2px solid #f1f5f9;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 28px}.bill-preview-header h2{color:#1e293b;font-size:26px;font-weight:700;letter-spacing:.5px;margin:0}.close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.bill-preview-content{background:#fafbfc;flex:1 1;min-height:0;overflow-y:auto;padding:24px 28px 120px}.invoice-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden}.section-title{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;padding:14px 20px;text-transform:uppercase}.details-grid-4{grid-gap:1px;grid-template-columns:repeat(4,1fr)}.details-grid,.details-grid-4{background:#e2e8f0;display:grid;gap:1px}.details-grid{grid-gap:1px;grid-template-columns:1fr}.two-column-grid{grid-gap:1px;background:#e2e8f0;display:grid;gap:1px;grid-template-columns:1fr 1fr}.detail-item{background:#fff;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.detail-item .label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{word-wrap:break-word;color:#1e293b;font-size:14px;font-weight:500}.status-badge{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;color:#475569;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.items-section{margin:16px 20px}.subsection-title{color:#374151;font-size:15px;font-weight:600;margin:16px 0 12px}.items-subsection{margin-bottom:16px}.subsection-header{background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 6px 6px 0;color:#64748b;font-size:13px;font-weight:500;margin-bottom:8px;padding:8px 12px}.items-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.items-table{border-collapse:collapse;font-size:13px;min-width:900px;width:100%}.items-table th{background:#334155;border-right:1px solid #475569;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 10px;text-align:left;text-transform:uppercase}.items-table th:last-child{border-right:none}.items-table td{border-bottom:1px solid #f1f5f9;border-right:1px solid #f8fafc;padding:10px;vertical-align:top}.items-table td:last-child{border-right:none}.items-table tbody tr:nth-child(2n){background:#f9fafb}.items-table tbody tr:hover{background:#f1f5f9}.col-sno{text-align:center;width:70px}.col-description{max-width:200px;min-width:200px}.col-qty,.col-unit{text-align:center;width:90px}.col-rate{text-align:right;width:120px}.col-amount{text-align:right;width:140px}.description-cell{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;max-width:200px;white-space:normal;word-break:break-word}.text-center{text-align:center}.text-right{font-weight:500;text-align:right}.summary-grid{grid-gap:1px;background:#e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:20px}.summary-item{background:#fff;display:flex;flex-direction:column;gap:6px;padding:14px 18px}.summary-item.total{background:#f8fafc;border:2px solid #e2e8f0;grid-column:1/-1;margin:1px}.summary-item .label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item .value{color:#1e293b;font-size:15px;font-weight:600}.summary-item.total .label{color:#334155;font-size:14px}.summary-item.total .value{color:#059669;font-size:20px;font-weight:700}.bill-preview-actions{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;outline:none;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-cancel:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155;transform:translateY(-1px)}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff;min-width:200px}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.btn-confirm:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.bill-preview-content::-webkit-scrollbar{width:6px}.bill-preview-content::-webkit-scrollbar-track{background:#f1f5f9}.bill-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.bill-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bill-preview-userlist-fixed{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 8px 32px #00000014;left:50%;margin:0;max-width:1400px;position:fixed;right:auto;transform:translateX(-50%);width:100%;z-index:1100}@media (max-width:768px){.bill-preview-userlist-fixed{border-radius:0 0 12px 12px}}@media (max-width:1200px){.bill-preview-container{height:100vh;max-width:95vw}.bill-preview-userlist-fixed{max-width:95vw}.details-grid-4,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bill-preview-overlay{padding:10px}.bill-preview-container{border-radius:12px;height:100vh}.bill-preview-header{padding:16px 20px}.bill-preview-header h2{font-size:20px}.bill-preview-content{padding:16px 20px}.details-grid-4,.summary-grid,.two-column-grid{grid-template-columns:1fr}.items-table-wrapper{margin:0 -10px}.items-table{font-size:11px}.items-table td,.items-table th{padding:8px 6px}.bill-preview-actions{flex-direction:column;gap:10px;padding:16px 20px}}@media (max-width:480px){.col-description{min-width:200px}.description-cell{max-width:250px}}: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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--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{background-color:#fff;color:#1f2937;color:var(--gray-800);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;padding:1.25rem;position:relative}.quality-issues-container.compact-view{border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200)}.quality-issues-container .app-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.quality-issues-container .app-header h1{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.quality-issues-container .app-header .header-actions{display:flex;gap:.5rem}.quality-issues-container .app-header .header-actions .action-button{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);height:2.25rem;width:2.25rem}.quality-issues-container .app-header .header-actions .action-button:hover{background-color:#e5e7eb;background-color:var(--gray-200);color:#111827;color:var(--gray-900)}.quality-issues-container .search-header{align-items:center;display:flex;gap:.75rem;width:100%}.quality-issues-container .search-header .MuiIconButton-root{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500)}.quality-issues-container .search-header .MuiIconButton-root:hover{background-color:#e5e7eb;background-color:var(--gray-200)}.quality-issues-container .search-header .search-input{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--gray-800);flex:1 1;padding:.5rem .75rem}.quality-issues-container .search-header .search-input::placeholder{color:#6b7280;color:var(--gray-500)}.quality-issues-container .filter-controls-row{align-items:center;display:flex;gap:.625rem;margin-bottom:1.25rem}.quality-issues-container .filter-controls-row .project-selector-button{background-color:#fdd34d;background-color:var(--primary);border-radius:6px!important;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#000;flex:0 0 auto;font-size:.875rem;font-weight:500;max-width:33%;min-height:2.25rem;min-width:0;overflow:hidden;padding:.375rem .55rem;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.quality-issues-container .filter-controls-row .project-selector-button:hover{background-color:#ffe693;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.quality-issues-container .filter-controls-row .project-selector-button .MuiButton-startIcon{font-size:1rem;margin-right:.25rem}.quality-issues-container .filter-controls-row .project-selector-button .MuiButton-endIcon{font-size:1rem;margin-left:.125rem}.quality-issues-container .filter-controls-row .quality-tabs{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);min-height:2.25rem;padding:.15rem;width:20vw}.quality-issues-container .filter-controls-row .quality-tabs .MuiTabs-flexContainer{justify-content:center}.quality-issues-container .filter-controls-row .quality-tabs .MuiTab-root{border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);font-size:.8125rem;font-weight:500;min-height:2rem;min-width:60px;padding:.6rem .75rem;text-transform:none;transition:all .2s ease-in-out;transition:var(--transition)}.quality-issues-container .filter-controls-row .quality-tabs .MuiTab-root.Mui-selected{background-color:#fdd34d;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{background-color:#f3f4f6;background-color:var(--gray-100);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);flex:0 0 auto;font-size:.8125rem;min-height:2.25rem;padding:0 .625rem;text-transform:none;white-space:nowrap}.quality-issues-container .filter-controls-row .sort-button:hover{background-color:#e5e7eb;background-color:var(--gray-200)}.quality-issues-container .filter-controls-row .sort-button .MuiButton-startIcon{color:#ffca1a;color:var(--primary-dark);font-size:1rem;margin-right:.25rem}.quality-issues-container .issues-list{flex:1 1;overflow-y:auto;padding-bottom:5rem;scrollbar-color:#d1d5db #0000;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.quality-issues-container .issues-list::-webkit-scrollbar{width:.375rem}.quality-issues-container .issues-list::-webkit-scrollbar-track{background:#0000}.quality-issues-container .issues-list::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:.375rem}.quality-issues-container .issues-list .date-header{align-items:center;display:flex;gap:.5rem;margin:1.25rem 0 .875rem;padding-left:.5rem}.quality-issues-container .issues-list .date-header svg{color:#fdd34d;color:var(--primary);font-size:1.125rem}.quality-issues-container .issues-list .date-header p{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;margin:0}.quality-issues-container .issues-list .issue-item{background-color:#fff;border-left:.25rem solid #fdd34d;border-left:.25rem solid var(--primary);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 3px 6px #00000014;margin-bottom:.875rem}.quality-issues-container .issues-list .issue-item:hover{box-shadow:0 6px 12px #0000001f;transform:translateY(-4px)}.quality-issues-container .issues-list .issue-item.status-open{background:linear-gradient(90deg,#fee2e24d 0,#f8f8f8 15%);border-left-color:#ef4444;border-left-color:var(--error)}.quality-issues-container .issues-list .issue-item.status-open:hover{box-shadow:0 6px 12px #dc26261a}.quality-issues-container .issues-list .issue-item.status-closed{background:linear-gradient(90deg,#d1fae54d 0,#f8f8f8 15%);border-left-color:#10b981;border-left-color:var(--success)}.quality-issues-container .issues-list .issue-item.status-closed:hover{box-shadow:0 6px 12px #10b9811a}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.quality-issues-container .issues-list .issue-item .issue-header .issue-location{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-issues-container .issues-list .issue-item .issue-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--gray-700);display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.quality-issues-container .issues-list .issue-item .issue-meta{border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.quality-issues-container .issues-list .issue-item .issue-meta .meta-item{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.75rem;gap:.25rem}.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:#ffca1a;color:var(--primary-dark);font-weight:500}.quality-issues-container .issues-list .issue-item .status-badge{border-radius:1rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:.1875rem .5rem;text-transform:uppercase}.quality-issues-container .issues-list .issue-item .status-badge.open{background-color:#fee2e2;color:#ef4444;color:var(--error)}.quality-issues-container .issues-list .issue-item .status-badge.closed{background-color:#d1fae5;color:#10b981;color:var(--success)}.quality-issues-container .issues-list .issue-item .status-badge.unknown{background-color:#f3f4f6;background-color:var(--gray-100);color:#4b5563;color:var(--gray-600)}.quality-issues-container .empty-state{align-items:center;background-color:#fff;background-color:var(--surface);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem;padding:3rem 1.5rem;text-align:center}.quality-issues-container .empty-state h6{color:#1f2937;color:var(--gray-800);font-weight:600;margin-bottom:.5rem}.quality-issues-container .empty-state p{color:#6b7280;color:var(--gray-500);max-width:20rem}.quality-issues-container .loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:12rem;justify-content:center}.quality-issues-container .loading-container .MuiCircularProgress-root{color:#fdd34d;color:var(--primary)}.quality-issues-container .loading-container p{color:#6b7280;color:var(--gray-500)}.quality-issues-container .highlight{background-color:#fdd34d4d;border-radius:.125rem;font-weight:500;padding:.0625rem .125rem}.quality-issues-container .add-button{background-color:#fdd34d;background-color:var(--primary);border-radius:50%;bottom:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#000;height:3.25rem;position:fixed;right:1.5rem;transition:all .2s ease-in-out;transition:var(--transition);width:3.25rem;z-index:1000}.quality-issues-container .add-button:hover{background-color:#ffca1a;background-color:var(--primary-dark);transform:scale(1.05)}.project-dialog .MuiPaper-root{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden}.project-dialog .dialog-header{align-items:center;background-color:#fdd34d;background-color:var(--primary);color:#000;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.project-dialog .dialog-header h6{font-size:1.125rem;font-weight:600;margin:0}.project-dialog .dialog-header .close-button{color:#000}.project-dialog .dialog-header .close-button:hover{background-color:#0000001a}.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:#f9fafb;background-color:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root fieldset{border-color:#e5e7eb;border-color:var(--gray-200)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db;border-color:var(--gray-300)}.project-dialog .dialog-content .project-search .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fdd34d;border-color:var(--primary)}.project-dialog .dialog-content .project-list{margin:0 -1.5rem;max-height:25rem;overflow-y:auto;scrollbar-color:#d1d5db #0000;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.project-dialog .dialog-content .project-list::-webkit-scrollbar{width:.375rem}.project-dialog .dialog-content .project-list::-webkit-scrollbar-track{background:#0000}.project-dialog .dialog-content .project-list::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:.375rem}.project-dialog .dialog-content .project-list .project-item{padding:.875rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.project-dialog .dialog-content .project-list .project-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.project-dialog .dialog-content .project-list .project-item.selected{background-color:#fff8e1;background-color:var(--primary-light)}.project-dialog .dialog-content .project-list .project-item .project-avatar{background-color:#fdd34d;background-color:var(--primary);color:#000;font-weight:600;margin-right:1rem}.project-dialog .dialog-content .project-list .project-item .MuiListItemText-primary{color:#1f2937;color:var(--gray-800);font-weight:500}.project-dialog .dialog-content .project-list .project-item .MuiListItemText-secondary{color:#6b7280;color:var(--gray-500);font-size:.75rem}.project-dialog .dialog-content .project-list .project-item .check-icon{color:#fdd34d;color:var(--primary)}.project-dialog .dialog-content .no-projects{align-items:center;background-color:#f9fafb;background-color:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);display:flex;height:10rem;justify-content:center}: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 #0000000d;--shadow-md:0px 4px 6px -1px #0000001a,0px 2px 4px -1px #0000000f;--shadow-lg:0px 10px 15px -3px #0000001a,0px 4px 6px -2px #0000000d;--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{background-color:#f9fafb;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);height:100vh;overflow:hidden;position:relative}.quality-chat-container *{box-sizing:border-box}.chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-header .back-button{color:#374151;color:var(--gray-700);margin-right:8px}.chat-header .back-button:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.chat-header .status-chip{border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);font-weight:600;height:32px;padding:4px 8px}.chat-header .status-chip svg{font-size:16px;margin-right:4px}.unified-scroll-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0;scroll-behavior:smooth;scrollbar-color:#9ca3af #0000;scrollbar-color:var(--gray-400) #0000;scrollbar-width:thin}.unified-scroll-container::-webkit-scrollbar{width:6px}.unified-scroll-container::-webkit-scrollbar-thumb{background-color:#9ca3af;background-color:var(--gray-400);border-radius:20px}.unified-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#6b7280;background-color:var(--gray-500)}.unified-scroll-container::-webkit-scrollbar-track{background-color:#0000}.issue-details-paper{background-color:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin:16px 16px 0;padding:24px}.issue-details-paper .detail-section{align-items:center;display:flex;margin-bottom:16px}.issue-details-paper .detail-section .detail-icon{color:#6b7280;color:var(--gray-500);font-size:20px;margin-right:12px}.issue-details-paper .detail-section .detail-text{color:#374151;color:var(--gray-700)}.issue-details-paper .description-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:20px;padding-top:16px}.issue-details-paper .images-section{margin-top:24px}.issue-details-paper .images-section .image-list{grid-gap:8px;border-radius:8px;border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr));overflow:hidden}.issue-details-paper .images-section .image-item{aspect-ratio:1/1;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:transform .2s ease}.issue-details-paper .images-section .image-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.02)}.issue-details-paper .images-section .image-item img{border-radius:4px;border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.issue-details-paper .status-changed-by{margin-bottom:16px;margin-top:-12px}.timeline-connector{align-items:center;display:flex;justify-content:center;padding:8px 0}.timeline-connector .timeline-line{background:linear-gradient(180deg,#d1d5db,#4b6bfb);background:linear-gradient(to bottom,var(--gray-300),var(--primary-color));height:30px;width:2px}.comments-section{padding:8px 16px 100px}.comments-section .section-title{color:#374151;color:var(--gray-700);font-size:18px;font-weight:600;margin:16px 0}.comments-section .loading-container{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 0}.comments-section .no-comments{color:#6b7280;color:var(--gray-500);font-style:italic;padding:48px 0;text-align:center}.comments-section .comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:100px;max-height:100vh;overflow-y:auto;padding-bottom:16px}.comment-item{padding:2px}.comment-item.my-comment .comment-content{background-color:#eef2ff;background-color:var(--primary-light);border-radius:18px 4px 18px 18px;margin-left:auto}.comment-item.my-comment .comment-content .comment-text{color:#1f2937;color:var(--gray-800)}.comment-item.other-comment .comment-content{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:4px 18px 18px 18px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-right:auto}.comment-item .comment-content{max-width:85%;padding:12px 16px}.comment-item .comment-content.resolution-content{background-color:#ecfdf5;background-color:var(--success-light);border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.comment-item .comment-header{align-items:center;display:flex;margin-bottom:8px}.comment-item .comment-header .comment-avatar{background-color:#4b6bfb;background-color:var(--primary-color);color:#fff;font-size:14px;height:28px;margin-right:8px;width:28px}.comment-item .comment-header .comment-avatar.resolution-avatar{background-color:#10b981;background-color:var(--success-color)}.comment-item .comment-header .comment-author .resolution-label{color:#10b981;color:var(--success-color);font-weight:500}.comment-item .comment-text{color:#374151;color:var(--gray-700);font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-item .comment-text.resolution-text{color:#1f2937;color:var(--gray-800)}.comment-item .comment-image-list{grid-gap:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin-bottom:0!important;margin-top:12px!important;width:100%!important}.comment-item .comment-image-list .image-item{border:1px solid #e0e0e0!important;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;height:100px!important;margin:4px!important;min-height:100px!important;min-width:100px!important;overflow:hidden;transition:all .15s ease;width:100px!important}.comment-item .comment-image-list .image-item:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.03)}.comment-item .comment-image-list .image-item img{height:100%!important;min-height:100px!important;min-width:100px!important;object-fit:cover!important;width:100%!important}.comment-item .resolution-image-list{background-color:#10b9810d;border-radius:8px;border-radius:var(--radius-md);padding:8px!important}.comment-item .status-update-content{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.comment-item .status-update-content .MuiChip-root{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);font-weight:600;height:32px}.comment-item .status-update-content .MuiChip-root.MuiChip-colorSuccess{background:#10b98133;border:1px solid #10b9814d;color:#10b981;color:var(--success-color)}.comment-item .status-update-content .MuiChip-root.MuiChip-colorError{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;color:var(--error-color)}.comment-item .status-update-content .resolution-meta{color:#4b5563;color:var(--gray-600);font-weight:500}.comment-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffffa;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;flex-direction:column;gap:12px;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.comment-input-area .upload-progress-container{padding:4px 0;width:100%}.comment-input-area .upload-progress-container .upload-progress-bar-container{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.comment-input-area .upload-progress-container .upload-progress-bar{background-color:#4b6bfb;background-color:var(--primary-color);border-radius:2px;height:100%;transition:width .3s ease}.comment-input-area .upload-progress-container .upload-progress-text{color:#4b5563;color:var(--gray-600);font-size:12px;text-align:right}.comment-input-area .selected-images-preview{max-height:150px;overflow-y:auto;padding:8px 0;scrollbar-width:thin}.comment-input-area .selected-images-preview .MuiGrid-container{grid-gap:12px!important;display:grid;grid-template-columns:repeat(4,1fr)}.comment-input-area .selected-images-preview .preview-image-container{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:4px;border-radius:var(--radius-sm);min-height:100px!important;min-width:100px!important;overflow:hidden;padding-top:100%;position:relative;transition:all .2s ease;width:100%}.comment-input-area .selected-images-preview .preview-image-container:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.05)}.comment-input-area .selected-images-preview .preview-image{height:100%!important;left:0;min-height:100px!important;min-width:100px!important;object-fit:cover!important;position:absolute;top:0;width:100%!important}.comment-input-area .status-toggle{border-radius:8px;border-radius:var(--radius-md);padding:8px;transition:all .3s ease}.comment-input-area .status-toggle.resolve-toggle{background-color:#10b9811a;border:1px dashed #10b9814d}.comment-input-area .status-toggle.resolve-toggle .MuiSwitch-colorSuccess.Mui-checked{color:#10b981;color:var(--success-color)}.comment-input-area .status-toggle.resolve-toggle .MuiSwitch-colorSuccess.Mui-checked+.MuiSwitch-track{background-color:#ecfdf5;background-color:var(--success-light)}.comment-input-area .status-toggle.reopen-toggle{background-color:#ef44441a;border:1px dashed #ef44444d}.comment-input-area .status-toggle.reopen-toggle .MuiSwitch-colorError.Mui-checked{color:#ef4444;color:var(--error-color)}.comment-input-area .status-toggle.reopen-toggle .MuiSwitch-colorError.Mui-checked+.MuiSwitch-track{background-color:#fef2f2;background-color:var(--error-light)}.comment-input-area .status-toggle .MuiFormControlLabel-root{justify-content:space-between;margin:0;width:100%}.comment-input-area .status-toggle .MuiTypography-root{font-weight:600}.comment-input-area .comment-input-row{align-items:flex-end;display:flex;gap:14px}.comment-input-area .comment-input-row .attach-button{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:50%;color:#4b5563;color:var(--gray-600);padding:8px;transition:all .2s ease}.comment-input-area .comment-input-row .attach-button:hover{background-color:#eef2ff;background-color:var(--primary-light);color:#4b6bfb;color:var(--primary-color);transform:scale(1.1)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);padding:2px 16px;transition:all .2s ease}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root:hover{background-color:#fff;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#d1d5db;border-color:var(--gray-300);border-width:1.5px}.comment-input-area .comment-input-row .comment-input .MuiOutlinedInput-root .MuiOutlinedInput-input{font-size:15px;line-height:1.5;padding:12px 14px}.comment-input-area .comment-input-row .send-button{background:linear-gradient(135deg,#4b6bfb,#3b5bdf);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);font-weight:600;letter-spacing:.5px;min-width:90px;padding:10px 20px;text-transform:none;transition:all .3s ease;white-space:nowrap}.comment-input-area .comment-input-row .send-button:hover{background:linear-gradient(135deg,#3b5bdf,#4b6bfb);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.comment-input-area .comment-input-row .send-button.Mui-disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);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%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-item{animation:fade-in .3s ease,slide-up .3s ease}.selected-images-preview{animation:fade-in .3s ease}.quality-container{height:100%;overflow:auto;padding:20px}.quality-main-container{display:flex;height:100%;overflow:hidden;position:relative}.quality-main-container .quality-issues-panel{flex:1 1;max-width:100%;min-width:0;overflow:auto;transition:all .3s ease-in-out}.quality-main-container .quality-issues-panel.compact-view{flex:0 0 60%;width:60%}.quality-main-container .quality-chat-panel{background-color:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 8px #0000000d;flex:0 0 40%;height:100%;overflow:hidden;transform:translateX(0);transition:all .3s ease-in-out;width:40%}.quality-main-container .quality-chat-panel.closed{flex:0 0;transform:translateX(100%);width: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{flex:0 0 40%;height:40%;width:100%}.quality-main-container .quality-chat-panel{border-left:none;border-top:1px solid #e0e0e0;flex:0 0 60%;width:100%}.quality-main-container .quality-chat-panel.closed{flex:0 0;height:0;transform:translateY(100%)}.quality-main-container .quality-chat-panel.open{transform:translateY(0)}}.top-header{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:12px;padding:12px 16px}.top-header .header-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.top-header .header-content .project-selector{flex:1 1;max-width:260px}.top-header .header-content .project-selector .select-wrapper,.top-header .header-content .project-selector .select-wrapper .custom-select{position:relative}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input{background:#fff;border:1.5px solid #e1e5e9;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 36px 10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff14;outline:none}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input.has-value{background-color:#f8f9ff;border-color:#007bff}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input.focused{background-color:#f8f9ff;border-color:#007bff;cursor:text}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input:read-only{cursor:pointer}.top-header .header-content .project-selector .select-wrapper .custom-select .floating-label{background:#fff;color:#6c757d;font-size:13px;left:14px;padding:0 3px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.top-header .header-content .project-selector .select-wrapper .custom-select .project-input.has-value+.floating-label,.top-header .header-content .project-selector .select-wrapper .custom-select .project-input:focus+.floating-label{color:#007bff;font-weight:500;top:0;transform:translateY(-50%) scale(.85)}.top-header .header-content .project-selector .select-wrapper .custom-select .select-arrow{color:#6c757d;cursor:pointer;font-size:9px;pointer-events:none;pointer-events:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.top-header .header-content .project-selector .select-wrapper .custom-select .select-arrow.open{transform:translateY(-50%) rotate(180deg)}.top-header .header-content .project-selector .select-wrapper .dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1.5px solid #007bff;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 3px 8px #0000001f;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:13px;padding:10px 14px;transition:all .15s ease}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item:last-child{border-bottom:none}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item:hover{background-color:#f8f9ff;color:#007bff}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item.selected{background-color:#e3f2fd;color:#007bff;font-weight:500}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item.no-results{color:#6c757d;cursor:default;font-style:italic}.top-header .header-content .project-selector .select-wrapper .dropdown-menu .dropdown-item.no-results:hover{background-color:#0000;color:#6c757d}.top-header .header-content .project-selector .select-wrapper .dropdown-menu::-webkit-scrollbar{width:4px}.top-header .header-content .project-selector .select-wrapper .dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.top-header .header-content .project-selector .select-wrapper .dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.top-header .header-content .project-selector .select-wrapper .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.top-header .header-content .search-container{flex:2 1;max-width:360px}.top-header .header-content .search-container .search-wrapper{align-items:center;display:flex;position:relative}.top-header .header-content .search-container .search-wrapper .search-icon{color:#6c757d;left:10px;position:absolute;transition:color .2s ease;z-index:2}.top-header .header-content .search-container .search-wrapper .search-input{background:#fff;border:1.5px solid #e1e5e9;border-radius:6px;font-size:14px;padding:10px 36px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.top-header .header-content .search-container .search-wrapper .search-input::placeholder{color:#0000}.top-header .header-content .search-container .search-wrapper .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff14;outline:none}.top-header .header-content .search-container .search-wrapper .search-input.focused{background-color:#f8f9ff;border-color:#007bff}.top-header .header-content .search-container .search-wrapper .search-label{background:#fff;color:#6c757d;font-size:13px;left:36px;padding:0 3px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.top-header .header-content .search-container .search-wrapper .search-input.focused+.search-label,.top-header .header-content .search-container .search-wrapper .search-input:not(:placeholder-shown)+.search-label{color:#007bff;font-weight:500;top:0;transform:translateY(-50%) scale(.85)}.top-header .header-content .search-container .search-wrapper .clear-search{animation:fadeIn .15s ease forwards;background:none;border:none;border-radius:3px;color:#6c757d;cursor:pointer;opacity:0;padding:3px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .15s ease}.top-header .header-content .search-container .search-wrapper .clear-search:hover{background-color:#f8f9fa;color:#dc3545}.top-header .header-content .search-container .search-wrapper .search-input:not(:placeholder-shown)~.clear-search{opacity:1}.top-header .search-wrapper:hover .search-input,.top-header .select-wrapper:hover .project-input{border-color:#007bff}.top-header .search-wrapper:hover .search-icon{color:#007bff}@media(max-width:768px){.top-header{padding:10px 12px}.top-header .header-content{flex-direction:column;gap:10px}.top-header .header-content .project-selector,.top-header .header-content .search-container{max-width:100%}}@media(max-width:480px){.top-header{padding:8px 10px}.top-header .header-content{gap:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-header{animation:slideIn .25s ease-out}.order-headers{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-headers .header-row{grid-gap:1px;background:#f8f9fa;display:grid;gap:1px;grid-template-columns:60px 1fr 1.5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 140px}.order-headers .header-row .header-cell{background:#fff;border-bottom:2px solid #e0e0e0;color:#424242;font-size:13px;font-weight:700;letter-spacing:.5px;min-width:0;padding:20px 12px 16px;position:relative;text-align:left;text-transform:uppercase}.order-headers .header-row .header-cell:after{background:#1976d2;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s ease}.order-headers .header-row .header-cell:hover:after{transform:scaleX(1)}.order-headers .header-row .header-cell.serial-number{color:#757575;font-size:12px;text-align:center}.order-headers .header-row .header-cell.po-date{color:#616161;text-align:left}.order-headers .header-row .header-cell.vendor-name{color:#212121}.order-headers .header-row .header-cell.vendor-firm{color:#666}.order-headers .header-row .header-cell.material{color:#424242}.order-headers .header-row .header-cell.due-amount,.order-headers .header-row .header-cell.order-value,.order-headers .header-row .header-cell.paid-amount,.order-headers .header-row .header-cell.request-amount{color:#424242;font-weight:700;text-align:right}.order-headers .header-row .header-cell.actions{color:#757575;min-width:140px;padding:20px 8px 16px;text-align:center}@media(max-width:1200px){.order-headers .header-row{font-size:12px;grid-template-columns:50px 1fr 1.2fr 1.2fr 1.2fr 1fr 1fr 1fr 1fr 120px}.order-headers .header-row .header-cell{font-size:12px;letter-spacing:.3px;padding:16px 8px 12px}.order-headers .header-row .header-cell.serial-number{font-size:11px}.order-headers .header-row .header-cell.actions{min-width:120px;padding:16px 6px 12px}}@media(max-width:768px){.order-headers .header-row{font-size:11px;grid-template-columns:40px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 100px}.order-headers .header-row .header-cell{font-size:11px;letter-spacing:.2px;padding:12px 4px 8px}.order-headers .header-row .header-cell.serial-number{font-size:10px}.order-headers .header-row .header-cell.actions{min-width:100px;padding:12px 4px 8px}}@media(max-width:480px){.order-headers .header-row{gap:0;grid-template-columns:1fr}.order-headers .header-row .header-cell{border-bottom:1px solid #e0e0e0;font-size:12px;letter-spacing:.3px;padding:12px 16px;text-align:left}.order-headers .header-row .header-cell:after{display:none}.order-headers .header-row .header-cell.actions{border-bottom:none;text-align:center}}.order-items{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;position:relative}.order-items .scrollable-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.order-items .scrollable-content::-webkit-scrollbar{width:8px}.order-items .scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.order-items .scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.order-items .scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.order-items .truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-items .order-row{grid-gap:1px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:grid;gap:1px;grid-template-columns:60px 1fr 1.5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 140px;min-height:64px;transition:all .2s ease}.order-items .order-row:nth-child(2n){background:#fafafa}.order-items .order-row:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.order-items .order-row:last-child{border-bottom:none}.order-items .order-row.summary-row{background:#f8f9fa;border-bottom:none;border-top:2px solid #1976d2;bottom:0;font-weight:700;min-height:72px;position:-webkit-sticky;position:sticky;z-index:5}.order-items .order-row.summary-row:hover{background:#f8f9fa;box-shadow:none;transform:none}.order-items .order-row.summary-row .order-cell{background:#f8f9fa;border-top:1px solid #e0e0e0}.order-items .order-row.summary-row .order-cell .summary-label,.order-items .order-row.summary-row .order-cell .summary-text{color:#1976d2;font-size:14px;font-weight:700}.order-items .order-row .order-cell{align-items:center;background:#fff;color:#333;display:flex;font-size:14px;min-width:0;padding:16px 12px;position:relative}.order-items .order-row .order-cell.serial-number{color:#757575;font-size:13px;font-weight:500;justify-content:center}.order-items .order-row .order-cell.serial-number .serial-text{font-weight:600}.order-items .order-row .order-cell.po-date{color:#616161;font-weight:500;justify-content:flex-start}.order-items .order-row .order-cell.po-date .date-text{font-size:13px}.order-items .order-row .order-cell.vendor-name{color:#212121;font-weight:600}.order-items .order-row .order-cell.vendor-name .vendor-info{align-items:center;display:flex;gap:8px;min-width:0;width:100%}.order-items .order-row .order-cell.vendor-name .vendor-info .vendor-text{cursor:pointer;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.order-items .order-row .order-cell.vendor-name .vendor-info .vendor-text:hover{color:#1976d2}.order-items .order-row .order-cell.vendor-name .vendor-info .status-indicator{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:auto}.order-items .order-row .order-cell.vendor-name .vendor-info .status-indicator .status-dot{animation:pulse 2s infinite;border-radius:50%;box-shadow:0 1px 3px #0003;height:8px;width:8px}.order-items .order-row .order-cell.vendor-firm .firm-badge{background:#f5f5f5;border-radius:12px;color:#666;display:inline-block;font-size:12px;font-weight:500;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.order-items .order-row .order-cell.material .material-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0;width:100%}.order-items .order-row .order-cell.material .material-tags .material-tag{border-radius:12px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.order-items .order-row .order-cell.due-amount,.order-items .order-row .order-cell.order-value,.order-items .order-row .order-cell.paid-amount,.order-items .order-row .order-cell.request-amount{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;justify-content:flex-end}.order-items .order-row .order-cell.due-amount .financial-text,.order-items .order-row .order-cell.order-value .financial-text,.order-items .order-row .order-cell.paid-amount .financial-text,.order-items .order-row .order-cell.request-amount .financial-text{border-radius:0;display:block;font-size:13px;font-weight:600;overflow:hidden;padding:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-items .order-row .order-cell.due-amount .financial-text.negative,.order-items .order-row .order-cell.order-value .financial-text.negative,.order-items .order-row .order-cell.paid-amount .financial-text.negative,.order-items .order-row .order-cell.request-amount .financial-text.negative{color:#c62828}.order-items .order-row .order-cell.due-amount.order-value,.order-items .order-row .order-cell.order-value.order-value,.order-items .order-row .order-cell.paid-amount.order-value,.order-items .order-row .order-cell.request-amount.order-value{background-color:#f5f9fc}.order-items .order-row .order-cell.due-amount.order-value .order-value-text,.order-items .order-row .order-cell.order-value.order-value .order-value-text,.order-items .order-row .order-cell.paid-amount.order-value .order-value-text,.order-items .order-row .order-cell.request-amount.order-value .order-value-text{color:#1565c0}.order-items .order-row .order-cell.due-amount.paid-amount,.order-items .order-row .order-cell.order-value.paid-amount,.order-items .order-row .order-cell.paid-amount.paid-amount,.order-items .order-row .order-cell.request-amount.paid-amount{background-color:#f4fdf4}.order-items .order-row .order-cell.due-amount.paid-amount .paid-amount-text,.order-items .order-row .order-cell.order-value.paid-amount .paid-amount-text,.order-items .order-row .order-cell.paid-amount.paid-amount .paid-amount-text,.order-items .order-row .order-cell.request-amount.paid-amount .paid-amount-text{color:#2e7d32}.order-items .order-row .order-cell.due-amount.due-amount,.order-items .order-row .order-cell.order-value.due-amount,.order-items .order-row .order-cell.paid-amount.due-amount,.order-items .order-row .order-cell.request-amount.due-amount{background-color:#fefaf7}.order-items .order-row .order-cell.due-amount.due-amount .due-amount-text,.order-items .order-row .order-cell.order-value.due-amount .due-amount-text,.order-items .order-row .order-cell.paid-amount.due-amount .due-amount-text,.order-items .order-row .order-cell.request-amount.due-amount .due-amount-text{color:#ef6c00}.order-items .order-row .order-cell.due-amount.due-amount .due-amount-text.negative,.order-items .order-row .order-cell.order-value.due-amount .due-amount-text.negative,.order-items .order-row .order-cell.paid-amount.due-amount .due-amount-text.negative,.order-items .order-row .order-cell.request-amount.due-amount .due-amount-text.negative{color:#c62828}.order-items .order-row .order-cell.due-amount.request-amount,.order-items .order-row .order-cell.order-value.request-amount,.order-items .order-row .order-cell.paid-amount.request-amount,.order-items .order-row .order-cell.request-amount.request-amount{background-color:#f8f6fd}.order-items .order-row .order-cell.due-amount.request-amount .approved-amount-text,.order-items .order-row .order-cell.order-value.request-amount .approved-amount-text,.order-items .order-row .order-cell.paid-amount.request-amount .approved-amount-text,.order-items .order-row .order-cell.request-amount.request-amount .approved-amount-text{color:#4527a0}.order-items .order-row .order-cell.actions{justify-content:center;min-width:140px;padding:16px 8px}.order-items .order-row .order-cell.actions .action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#e3b82b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.order-items .order-row .order-cell.actions .action-btn:hover{background:#7575751a;color:#424242;transform:scale(1.05)}.order-items .order-row .order-cell.actions .action-btn:active{transform:scale(.95)}.order-items .order-row .order-cell.actions .action-btn svg{height:18px;width:18px}.order-items .empty-state,.order-items .loading-state{background:#fafafa;color:#666;font-size:16px;padding:60px 20px;text-align:center}@media(max-width:1200px){.order-items .order-row{font-size:12px;grid-template-columns:50px 1fr 1.2fr 1.2fr 1.2fr 1fr 1fr 1fr 1fr 120px;min-height:56px}.order-items .order-row.summary-row{min-height:64px}.order-items .order-row .order-cell{padding:12px 8px}.order-items .order-row .order-cell.serial-number{font-size:12px}.order-items .order-row .order-cell.actions{min-width:120px}.order-items .order-row .order-cell.actions .action-btn{padding:6px}.order-items .order-row .order-cell.actions .action-btn svg{height:16px;width:16px}.order-items .order-row .order-cell .financial-text{font-size:12px}.order-items .order-row .order-cell .material-tag{font-size:10px;padding:1px 6px}.order-items .order-row .order-cell .summary-text{font-size:12px}}@media(max-width:768px){.order-items .order-row{font-size:11px;grid-template-columns:40px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 100px;min-height:48px}.order-items .order-row.summary-row{min-height:56px}.order-items .order-row .order-cell{padding:8px 4px}.order-items .order-row .order-cell.serial-number{font-size:11px}.order-items .order-row .order-cell.actions{min-width:100px}.order-items .order-row .order-cell.actions .action-btn{padding:4px}.order-items .order-row .order-cell.actions .action-btn svg{height:14px;width:14px}.order-items .order-row .order-cell .financial-text{font-size:11px}.order-items .order-row .order-cell .material-tag{font-size:9px;padding:1px 4px}.order-items .order-row .order-cell .firm-badge{font-size:10px;padding:2px 6px}.order-items .order-row .order-cell .summary-text{font-size:11px}}@media(max-width:480px){.order-items .order-row{border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:8px;grid-template-columns:1fr;margin:8px;padding:12px}.order-items .order-row.summary-row{background:#f0f8ff;border:2px solid #1976d2}.order-items .order-row .order-cell{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 0}.order-items .order-row .order-cell:last-child{border-bottom:none}.order-items .order-row .order-cell:before{color:#666;content:attr(data-label);font-weight:600;margin-right:8px}.order-items .order-row .order-cell.actions{border-bottom:none;justify-content:center}}.orders-section{display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;position:relative;transition:all .3s ease;width:100%}.orders-section.order-panel-open{width:70%}.orders-section.order-panel-open .orders-container{width:100%}.orders-section .orders-container{background:#fafafa;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;transition:width .3s ease;width:100%}.orders-section .search-status{align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;padding:8px 12px}.orders-section .search-status .search-indicator{align-items:center;color:#1976d2;display:flex;font-size:14px;font-weight:500;gap:6px}.orders-section .loading-container{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px}.orders-section .loading-container .loading-spinner{height:60px;margin-bottom:16px;position:relative;width:60px}.orders-section .loading-container .loading-spinner .spinner-ring{animation:spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#1976d2;height:100%;position:absolute;width:100%}.orders-section .loading-container .loading-spinner .spinner-ring:first-child{animation-delay:0s}.orders-section .loading-container .loading-spinner .spinner-ring:nth-child(2){animation-delay:.3s;border-top-color:#42a5f5;height:80%;left:10%;top:10%;width:80%}.orders-section .loading-container .loading-spinner .spinner-ring:nth-child(3){animation-delay:.6s;border-top-color:#90caf9;height:60%;left:20%;top:20%;width:60%}.orders-section .loading-container .loading-spinner .spinner-ring:nth-child(4){animation-delay:.9s;border-top-color:#bbdefb;height:40%;left:30%;top:30%;width:40%}.orders-section .loading-container .loading-text{animation:pulse 2s ease-in-out infinite;color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.orders-section .orders-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.orders-section .orders-table-wrapper .order-headers{background:#fff;border-radius:12px 12px 0 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orders-section .orders-table-wrapper .order-items{border-radius:0 0 12px 12px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.orders-section .orders-table-wrapper .order-items .scrollable-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.orders-section .orders-table-wrapper .order-items .scrollable-content::-webkit-scrollbar{width:8px}.orders-section .orders-table-wrapper .order-items .scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.orders-section .orders-table-wrapper .order-items .scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.orders-section .orders-table-wrapper .order-items .scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.orders-section .order-detail-panel{background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 16px #0000001a;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:30%;z-index:1000}.orders-section .order-detail-panel.open{transform:translateX(0)}.orders-section .order-detail-panel .panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 0 0 0;display:flex;justify-content:space-between;padding:24px}.orders-section .order-detail-panel .panel-header h3{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin:0}.orders-section .order-detail-panel .panel-header .close-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.orders-section .order-detail-panel .panel-header .close-btn:hover{background:#0000001a;color:#333}.orders-section .order-detail-panel .panel-content{padding:24px}.orders-section .order-detail-panel .panel-content .order-detail-content h4{border-bottom:2px solid #1976d2;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:16px 0}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item:last-child{border-bottom:none}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item .detail-label{color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item .detail-value{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;text-align:right}@media(max-width:1024px){.orders-section.order-panel-open{width:60%}.orders-section .order-detail-panel{width:40%}}@media(max-width:768px){.orders-section.order-panel-open{width:50%}.orders-section .orders-container{padding:12px}.orders-section .order-detail-panel{width:50%}.orders-section .order-detail-panel .panel-header{padding:16px}.orders-section .order-detail-panel .panel-header h3{font-size:16px}.orders-section .order-detail-panel .panel-content{padding:16px}.orders-section .order-detail-panel .panel-content .order-detail-content h4{font-size:14px}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item{align-items:flex-start;flex-direction:column;gap:4px}.orders-section .order-detail-panel .panel-content .order-detail-content .detail-item .detail-value{text-align:left}}@media(max-width:480px){.orders-section.order-panel-open{overflow:hidden;width:0}.orders-section .orders-container{padding:8px}.orders-section .order-detail-panel{width:100%}}.order-detail-slide{background:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:30%;z-index:1000}.order-detail-slide.open{transform:translateX(0)}.order-detail-slide .order-detail-content{display:flex;flex-direction:column;height:100%}.order-detail-slide .order-detail-content .order-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.order-detail-slide .order-detail-content .order-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.order-detail-slide .order-detail-content .order-header .close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:4px;transition:all .2s}.order-detail-slide .order-detail-content .order-header .close-button:hover{background:#0000001a;color:#333}.order-detail-slide .order-detail-content .order-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px}.order-detail-slide .order-detail-content .order-body .iframe-container{border:1px solid #e9ecef;border-radius:4px;height:100%;min-height:500px;overflow:hidden;width:100%}.order-detail-slide .order-detail-content .order-body .iframe-container iframe{border:none;display:block;height:100%;width:100%}.order-detail-slide .order-detail-content .order-body .order-section{margin-bottom:30px}.order-detail-slide .order-detail-content .order-body .order-section h3{border-bottom:2px solid #007bff;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.order-detail-slide .order-detail-content .order-body .order-section .info-grid{grid-gap:12px;display:grid;gap:12px}.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item:last-child{border-bottom:none}.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item label{color:#666;font-size:14px;font-weight:500}.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item span{color:#333;font-size:14px;font-weight:600;text-align:right}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid{grid-gap:12px;display:grid;gap:12px}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item:last-child{border-bottom:none}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item label{color:#666;font-size:14px;font-weight:500}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item .amount{font-family:Courier New,monospace;font-size:14px;font-weight:600}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item .amount.paid{color:#28a745}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item .amount.due{color:#dc3545}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item .amount.requested{color:#fd7e14}.order-detail-slide .order-detail-content .order-body .order-section .additional-info p{color:#666;font-size:14px;line-height:1.5;margin:0 0 10px}.order-detail-slide .order-detail-content .order-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:10px;padding:20px}.order-detail-slide .order-detail-content .order-actions .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.order-detail-slide .order-detail-content .order-actions .action-btn.edit-btn{background:#28a745;color:#fff}.order-detail-slide .order-detail-content .order-actions .action-btn.edit-btn:hover{background:#218838}.order-detail-slide .order-detail-content .order-actions .action-btn.print-btn{background:#6c757d;color:#fff}.order-detail-slide .order-detail-content .order-actions .action-btn.print-btn:hover{background:#5a6268}@media(max-width:1024px){.order-detail-slide{width:40%}}@media(max-width:768px){.order-detail-slide{width:50%}.order-detail-slide .order-detail-content .order-header{padding:15px}.order-detail-slide .order-detail-content .order-header h2{font-size:16px}.order-detail-slide .order-detail-content .order-body{padding:15px}.order-detail-slide .order-detail-content .order-body .iframe-container{min-height:400px}.order-detail-slide .order-detail-content .order-body .order-section{margin-bottom:20px}.order-detail-slide .order-detail-content .order-body .order-section h3{font-size:14px}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item,.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .info-item,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .financial-item,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item{align-items:flex-start;flex-direction:column;gap:4px}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item label,.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .info-item label,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .financial-item label,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item label{font-size:12px}.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item .amount,.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .financial-item span,.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .info-item .amount,.order-detail-slide .order-detail-content .order-body .order-section .financial-grid .info-item span,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .financial-item .amount,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .financial-item span,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item .amount,.order-detail-slide .order-detail-content .order-body .order-section .info-grid .info-item span{font-size:12px;text-align:left}.order-detail-slide .order-detail-content .order-actions{flex-direction:column;padding:15px}.order-detail-slide .order-detail-content .order-actions .action-btn{font-size:12px;padding:8px 12px}}@media(max-width:480px){.order-detail-slide{width:100%}.order-detail-slide .order-detail-content .order-body{padding:10px}.order-detail-slide .order-detail-content .order-body .iframe-container{min-height:300px}}#drawerContent .dashboard-fin{background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow:hidden;width:100%!important}#drawerContent .dashboard-fin .dashboard-content{display:flex;flex-direction:column;height:100%;margin:0!important;max-width:none!important;width:100%!important}#drawerContent .dashboard-fin .fixed-sections{flex-shrink:0;padding:20px 20px 0;transition:width .3s ease;width:100%}#drawerContent .dashboard-fin .fixed-sections.order-panel-open{width:70%}#drawerContent .dashboard-fin .scrollable-orders{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 20px 20px}@media(max-width:1024px){#drawerContent .dashboard-fin .dashboard-content{width:100%!important}#drawerContent .dashboard-fin .fixed-sections.order-panel-open{width:60%}}@media(max-width:768px){#drawerContent .dashboard-fin .dashboard-content{width:100%!important}#drawerContent .dashboard-fin .fixed-sections.order-panel-open{width:50%}#drawerContent .dashboard-fin .fixed-sections,#drawerContent .dashboard-fin .scrollable-orders{padding:10px}}@media(max-width:480px){#drawerContent .dashboard-fin .fixed-sections.order-panel-open{overflow:hidden;width:0}}