body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f8;color:#1a202c;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App,.dashboard{height:100vh;width:100vw}.dashboard{display:flex}.sidebar{background:linear-gradient(180deg,#fff,#f7fafc);box-shadow:2px 0 10px #0000000d;min-width:250px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:18%;z-index:10}.sidebar,.user-profile{display:flex;flex-direction:column}.user-profile{align-items:center;margin-bottom:30px}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;height:60px;margin-bottom:15px;width:60px}.avatar,.avatar-icon{align-items:center;display:flex;justify-content:center}.avatar-icon{color:#667eea;font-size:24px;height:100%;width:100%}.user-info{text-align:center}.user-info h3{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:8px}.project-btn{background:#48bb78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:10px;padding:4px 12px}.stats{align-items:center;color:#718096;display:flex;font-size:12px;gap:8px;justify-content:center}.divider{color:#cbd5e0}.navigation{display:flex;flex:1 1;flex-direction:column;gap:5px}.nav-item{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#667eea1a;color:#667eea}.nav-item.active{background:#667eea26;color:#667eea}.nav-item.clickable{cursor:pointer}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center;margin-right:12px;width:20px}.nav-arrow{font-size:12px;margin-left:auto}.nav-dropdown{animation:slideDown .3s ease-out;margin-bottom:10px;margin-left:20px}.nav-dropdown-item{align-items:center;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;margin-bottom:4px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-dropdown-item:hover{background:#667eea14;color:#667eea}.nav-dropdown-item.active{background:#667eea1f;color:#667eea}.nav-sub-dropdown{animation:slideDown .3s ease-out;margin-bottom:8px;margin-left:20px;margin-top:4px}.nav-sub-dropdown-item{align-items:center;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:12px;margin-bottom:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.nav-sub-dropdown-item:hover{background:#667eea14;color:#667eea}.nav-sub-dropdown-item.active{background:#667eea1f;color:#667eea}.nav-sub-sub-dropdown{animation:slideDown .3s ease-out;margin-bottom:8px;margin-left:20px;margin-top:4px}.nav-sub-sub-dropdown-item{align-items:center;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:11px;margin-bottom:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.nav-sub-sub-dropdown-item:hover{background:#667eea14;color:#667eea}.nav-sub-sub-dropdown-item.active{background:#667eea1f;color:#667eea}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-label{color:#a0aec0;font-size:11px;font-weight:600;letter-spacing:1px;margin:20px 0 8px 16px;text-transform:uppercase}.bottom-controls{margin-top:auto;padding-top:20px}.control-buttons{display:flex;gap:8px;margin-bottom:15px}.control-btn{align-items:center;background:#667eea1a;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s ease}.control-btn:hover{background:#667eea33;color:#667eea}.dark-mode-toggle{align-items:center;background:#667eea14;border-radius:8px;color:#4a5568;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px}.toggle-switch{background:#4a5568;border-radius:10px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:40px}.toggle-switch.active{background:#48bb78}.toggle-slider{background:#fff;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:16px}.toggle-switch.active .toggle-slider{transform:translateX(20px)}.main-content{background-image:url(/static/media/fleet.8032e25043eaa709c2e4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;overflow:hidden;position:relative}.main-content:before{background:#ffffff80;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.content-overlay{background:#0000;display:flex;flex-direction:column;height:100%;padding:40px;position:relative;z-index:5}.welcome-section{margin-bottom:40px}.welcome-section h1{color:#fff;font-size:48px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.welcome-section p{color:#a0aec0;font-size:18px;font-weight:400}.new-project-btn{align-items:center;background:#3182ce;border:none;border-radius:8px;box-shadow:0 4px 12px #3182ce4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;position:absolute;right:40px;top:40px;transition:all .2s ease}.new-project-btn:hover{background:#2c5aa0;box-shadow:0 6px 16px #3182ce66;transform:translateY(-2px)}.dashboard-data{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;margin-top:auto}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{gap:16px;padding:24px}.stat-icon{font-size:32px}.stat-content h3{font-size:14px;margin-bottom:4px}.stat-number{color:#2d3748;font-size:28px}.stat-change{border-radius:4px;font-size:12px;padding:2px 8px}.stat-change.positive{background:#38a1691a;color:#38a169}.stat-change.negative{background:#e53e3e1a;color:#e53e3e}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.chart-container h3{color:#2d3748;font-size:18px;margin-bottom:20px}.chart-placeholder{align-items:center;display:flex;height:200px;justify-content:center}.chart-bars{align-items:end;display:flex;gap:8px;height:150px}.bar{background:linear-gradient(0deg,#3182ce,#63b3ed);border-radius:4px 4px 0 0;transition:all .3s ease;width:20px}.bar:hover{background:linear-gradient(0deg,#2c5aa0,#4299e1)}.pie-chart{background:conic-gradient(#3182ce 0deg 120deg,#38a169 120deg 240deg,#e53e3e 240deg 1turn);border-radius:50%;height:120px;position:relative;width:120px}.pie-chart:before{background:#fffffff2;border-radius:50%;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.recent-activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.recent-activity h3{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.activity-item:hover{background:#3182ce0d}.activity-icon{align-items:center;background:#3182ce1a;border-radius:8px;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.activity-content p{color:#2d3748;font-size:14px;font-weight:500;margin:0 0 4px}.activity-content span{color:#718096;font-size:12px}@media (max-width:1200px){.sidebar{min-width:220px;width:22%}.welcome-section h1{font-size:36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar{height:auto;min-width:0;min-width:auto;width:100%}.main-content{height:calc(100vh - 200px)}.welcome-section h1{font-size:28px}.charts-section,.stats-grid{grid-template-columns:1fr}.new-project-btn{align-self:flex-end;margin-bottom:20px;position:static}}.stat-card:hover .stat-icon{animation:float 2s ease-in-out infinite}.financial-dashboard{background:#f9fafb;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;width:100%}.dashboard-scroll-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 2rem 2rem}.dashboard-header{background:#1f2937;color:#fff;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.back-icon{cursor:pointer;font-size:1.2rem;transition:opacity .3s}.back-icon:hover{opacity:.7}.dashboard-header h1{font-size:1.2rem;font-weight:600;margin:0}.info-icon-header{cursor:pointer;font-size:1rem;opacity:.7}.header-right{align-items:center;display:flex;gap:1.5rem}.header-icon{cursor:pointer;font-size:1.2rem;opacity:.8;transition:opacity .3s}.header-icon:hover{opacity:1}.dashboard-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;padding:0 2rem}.dashboard-row:first-of-type{grid-template-columns:repeat(6,1fr)}.dashboard-row:nth-of-type(2){grid-template-columns:1fr 1fr}.dashboard-row:nth-of-type(3){grid-template-columns:1fr}.kpi-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative}.kpi-card h3{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.kpi-content{position:relative;z-index:2}.kpi-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.kpi-value.blue{color:#3b82f6}.kpi-value.red{color:#ef4444}.kpi-value.gray{color:#6b7280}.kpi-value.orange{color:#f97316}.kpi-value.green{color:#22c55e}.kpi-value.purple{color:#8b5cf6}.kpi-value.cyan{color:#06b6d4}.sparkline-container{height:40px;overflow:hidden;pointer-events:none;right:0;z-index:1}.sparkline,.sparkline-container{bottom:0;left:0;position:absolute}.sparkline{width:100%}.gauges-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.gauges-header{background:#1e3a8a;border-radius:8px 8px 0 0;color:#fff;padding:1rem 1.5rem}.gauges-header.morogoro-header{background:#40e0d0}.gauges-header.manyara-header{background:#71b3f2}.gauges-header h2{font-size:1rem;font-weight:600;margin:0}.gauges-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.gauge-chart{flex-direction:column;padding:1rem}.gauge-chart,.gauge-header{align-items:center;display:flex}.gauge-header{gap:.5rem;justify-content:center;margin-bottom:1rem;width:100%}.gauge-header h4{color:#1f2937;font-size:.75rem;font-weight:600;margin:0}.gauge-description{color:#6b7280;font-size:.75rem;font-style:italic}.gauge-header .info-icon{color:#6b7280;cursor:pointer;font-size:.8rem}.gauge-container{align-items:center;display:flex;flex-direction:column;margin-bottom:.5rem;min-height:90px;position:relative}.gauge-svg{display:block}.gauge-value{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:.1rem;white-space:nowrap}.gauge-range{color:#6b7280;font-size:.65rem;margin-top:.1rem}.delivery-chart-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.delivery-chart-header{background:#1e3a8a;border-radius:8px 8px 0 0;color:#fff;padding:1rem 1.5rem}.delivery-chart-header h2{font-size:1rem;font-weight:600;margin:0}.chart-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-container h3{color:#1f2937;font-size:.85rem;font-weight:600;margin:0 0 1.5rem}@media (max-width:1400px){.dashboard-row:first-of-type{grid-template-columns:repeat(2,1fr)}.dashboard-row:nth-of-type(2),.dashboard-row:nth-of-type(3){grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{padding:1rem}.dashboard-header h1{font-size:1.2rem}.dashboard-row{grid-template-columns:1fr!important;padding:0 1rem}.gauges-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gauges-container{grid-template-columns:1fr}.kpi-value{font-size:1.5rem}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e5e7eb}.recharts-tooltip-wrapper{outline:none}.recharts-legend-wrapper{padding-top:1rem}.recharts-legend-item{margin-left:1.5rem}.recharts-default-tooltip{background:#fffffff2!important;border:1px solid #e5e7eb!important;border-radius:4px!important;box-shadow:0 2px 8px #0000001a!important}.sagemcom-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.page-header h1{text-shadow:0 2px 4px #00000080}.updates-list{display:flex;flex-direction:column;gap:1rem}.update-item{background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .3s}.update-item:hover{background:#fff}.update-icon{flex-shrink:0;font-size:1.5rem}.update-content{flex:1 1}.update-content p{color:#1a202c;font-size:.95rem;margin:0 0 .5rem}.update-content span{color:#718096;font-size:.85rem}.tasks-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem}.tasks-section h3{color:#1a202c;font-size:1.2rem;margin:0 0 1.5rem}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .3s}.task-item:hover{background:#fff}.task-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.task-text{color:#1a202c;flex:1 1;font-size:.95rem}.task-text.completed{color:#718096;text-decoration:line-through}.task-priority{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.task-priority.high{background:#ef444433;color:#ef4444}.task-priority.medium{background:#fbbf2433;color:#fbbf24}.task-priority.low{background:#3b82f633;color:#3b82f6}@media (max-width:768px){.sagemcom-page{padding:1rem}.project-details{grid-template-columns:1fr}}.striitsmart-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.project-details{margin-top:2rem}.project-details,.two-column-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.two-column-section{margin-top:1.5rem}.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.detail-section h3{color:#1a202c;font-size:1.2rem;margin:0 0 1.5rem}.overview-content{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#4a5568;font-size:.95rem}.info-value{color:#1a202c;font-weight:500}.status-active{background:#22c55e33;border-radius:20px;color:#22c55e;font-size:.85rem;padding:.25rem .75rem}.fleet-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.status-indicator{border-radius:50%;flex-shrink:0;height:40px;width:40px}.status-indicator.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 20px #22c55e66}.status-indicator.maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b66}.status-indicator.idle{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 0 20px #6b728066}.status-info{display:flex;flex-direction:column}.status-count{font-size:1.5rem}.optimization-stats{display:flex;flex-direction:column;gap:1rem}.opt-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .3s}.opt-item:hover{background:#fff}.opt-icon{flex-shrink:0;font-size:2rem}.opt-content{flex:1 1}.opt-label{color:#4a5568;font-size:.9rem;margin:0 0 .25rem}.opt-value{color:#1a202c;font-size:1.3rem;font-weight:700;margin:0}.deliveries-list{display:flex;flex-direction:column;gap:.75rem}.delivery-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .3s}.delivery-item:hover{background:#fff}.delivery-id{color:#3b82f6;flex-shrink:0;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.delivery-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.delivery-info p{color:#1a202c;font-size:.95rem;margin:0}.delivery-status{flex-shrink:0;font-weight:500;padding:.25rem .75rem}.delivery-status.completed{background:#22c55e33;color:#22c55e}.delivery-status.in-progress{background:#3b82f633;color:#3b82f6}.milestones-list{display:flex;flex-direction:column;gap:1rem}.milestone-item{background:#f7fafc;border-left:3px solid #0000;border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.milestone-item:hover{background:#fff;border-left-color:#3b82f6;transform:translateX(5px)}.milestone-date{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:70px;padding:.75rem 1rem}.milestone-date .month{color:#718096;font-size:.75rem;font-weight:600;text-transform:uppercase}.milestone-date .day{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1}.milestone-content h4{color:#1a202c;font-size:1.1rem;margin:0 0 .5rem}.milestone-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.striitsmart-page{padding:1rem}.fleet-status-grid,.project-details,.two-column-section{grid-template-columns:1fr}.milestone-item{align-items:flex-start;flex-direction:column}.milestone-date{flex-direction:row;gap:.5rem;width:100%}}.logistics-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.breadcrumb-item.active,.breadcrumb-item.clickable:hover{color:#ffffffe6}.content-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.supply-chain-flow{align-items:center;display:flex;gap:1rem;justify-content:space-between}.flow-item{background:#f7fafc;border:2px solid #ffffff1a;border-radius:12px;flex:1 1;padding:1.5rem;text-align:center;transition:all .3s}.flow-item:hover{border-color:#667eea80;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.flow-icon{font-size:2.5rem;margin-bottom:1rem}.flow-content h4{color:#1a202c;font-size:1.1rem;margin:0 0 .5rem}.flow-count{color:#718096;font-size:.95rem;margin:0 0 .75rem}.flow-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.flow-status.on-time{background:#22c55e33;color:#22c55e}.flow-status.operational{background:#3b82f633;color:#3b82f6}.flow-status.active{background:#a855f733;color:#a855f7}.flow-arrow{color:#ffffff4d;flex-shrink:0;font-size:2rem}.warehouse-list{gap:1.5rem}.warehouse-item,.warehouse-list{display:flex;flex-direction:column}.warehouse-item{background:#f7fafc;border-radius:8px;gap:.75rem;padding:1rem}.warehouse-info h4{color:#1a202c;font-size:1rem;margin:0 0 .25rem}.warehouse-info p{color:#718096;font-size:.85rem;margin:0}.capacity-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.capacity-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .5s ease}.capacity-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.capacity-text{color:#718096;font-size:.85rem;font-weight:500}.capacity-text.warning{color:#fbbf24}.shipments-list{display:flex;flex-direction:column;gap:1.25rem}.shipment-item{background:#f7fafc;border-left:3px solid #0000;border-radius:8px;padding:1.25rem;transition:all .3s}.shipment-item:hover{background:#fff;border-left-color:#3b82f6}.shipment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.shipment-id{color:#3b82f6;font-family:Courier New,monospace;font-weight:600}.shipment-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.shipment-status.in-transit{background:#3b82f633;color:#3b82f6}.shipment-status.delivered{background:#22c55e33;color:#22c55e}.shipment-status.pending{background:#fbbf2433;color:#fbbf24}.shipment-details{margin-bottom:1rem}.shipment-details p{color:#718096;font-size:.9rem;margin:.25rem 0}.shipment-details strong{color:#718096;font-weight:500}.shipment-progress{align-items:center;display:flex;gap:1rem}.progress-bar{height:6px}.progress-bar,.progress-fill{border-radius:3px}.progress-text{color:#4a5568;font-size:.85rem;white-space:nowrap}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{border-left:3px solid;border-radius:8px;display:flex;gap:1rem;padding:1rem}.alert-item.warning{background:#fbbf241a;border-left-color:#fbbf24}.alert-item.info{background:#3b82f61a;border-left-color:#3b82f6}.alert-item.success{background:#22c55e1a;border-left-color:#22c55e}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content h4{color:#1a202c;font-size:.95rem;margin:0 0 .25rem}.alert-content p{color:#718096;font-size:.85rem;margin:0 0 .5rem}.alert-time{color:#718096;font-size:.75rem}.products-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.product-card:hover{background:#ffffff14;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.product-icon{font-size:2.5rem;margin-bottom:1rem}.product-card h4{color:#1a202c;font-size:1rem;margin:0 0 .5rem}.product-count{color:#fffc;font-size:1.3rem;font-weight:700;margin:0 0 .75rem}.product-trend{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;padding:.25rem .75rem}.product-trend.positive{background:#22c55e33;color:#22c55e}.product-trend.neutral{background:#6b728033;color:#9ca3af}@media (max-width:768px){.logistics-page{padding:1rem}.content-grid{grid-template-columns:1fr}.supply-chain-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.products-grid{grid-template-columns:1fr}}.fleet-management-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.stat-card{color:inherit;text-decoration:none;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 20px #667eea26}.stat-content h3{color:#4a5568}.stat-change.positive{background:#22c55e4d}.stat-change.negative{background:#ef44444d}.stat-change.neutral{background:#6b72804d;color:#9ca3af}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1.5rem}.content-section.large{grid-column:span 2}.content-section.full-width{grid-column:1/-1}.vehicle-status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-category{background:#f7fafc;border-radius:12px;padding:1.5rem;text-align:center}.status-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.status-header h4{color:#1a202c;font-size:1rem;margin:0}.status-icon{font-size:1.5rem}.status-count{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.status-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.status-fill{border-radius:4px;height:100%;transition:width .5s ease}.status-fill.active{background:linear-gradient(90deg,#22c55e,#4ade80)}.status-fill.maintenance{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.status-fill.idle{background:linear-gradient(90deg,#6b7280,#9ca3af)}.status-label{color:#4a5568;font-size:.85rem}.maintenance-list{display:flex;flex-direction:column;gap:1rem}.maintenance-item{background:#f7fafc;border-left:3px solid;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.maintenance-item:hover{background:#edf2f7;transform:translateX(5px)}.maintenance-item.urgent{border-left-color:#ef4444}.maintenance-item.high{border-left-color:#f59e0b}.maintenance-item.normal{border-left-color:#3b82f6}.maintenance-priority{align-items:flex-start;display:flex}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.priority-badge.urgent{background:#ef444433;color:#ef4444}.priority-badge.high{background:#f59e0b33;color:#f59e0b}.priority-badge.normal{background:#3b82f633;color:#3b82f6}.maintenance-info{flex:1 1}.maintenance-info h4{color:#1a202c;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.maintenance-info p{color:#4a5568;font-size:.85rem;margin:0 0 .5rem}.maintenance-date{color:#718096;font-size:.8rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.metric-card:hover{background:#e2e8f0;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.metric-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-header h4{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:0}.metric-value{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.metric-chart{align-items:flex-end;background:#edf2f7;border-radius:8px;display:flex;height:60px;margin-bottom:1rem;padding:.5rem}.chart-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;transition:height .5s ease;width:100%}.metric-footer{justify-content:space-between}.metric-change,.metric-footer{align-items:center;display:flex}.metric-change{font-size:.85rem;font-weight:600;gap:.25rem}.metric-change.positive{color:#22c55e}.metric-change.negative{color:#ef4444}.metric-period{color:#ffffff80;font-size:.75rem}.activity-timeline{display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem;position:relative}.activity-timeline:before{background:#ffffff1a;bottom:0;content:"";left:.625rem;position:absolute;top:0;width:2px}.timeline-item{position:relative}.timeline-dot{border:2px solid #fff3;border-radius:50%;height:12px;left:-1.5rem;position:absolute;top:.25rem;width:12px}.timeline-dot.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.timeline-dot.complete{background:#22c55e;border-color:#22c55e}.timeline-dot.warning{background:#f59e0b;border-color:#f59e0b}.timeline-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#edf2f7;border-radius:8px;margin-bottom:.5rem;padding:1rem}.timeline-content h4{color:#1a202c;font-size:.95rem;margin:0 0 .25rem}.timeline-content p{color:#718096;font-size:.85rem;margin:0 0 .5rem}.timeline-time{color:#fff9;font-size:.75rem}.driver-list{display:flex;flex-direction:column;gap:1rem}.driver-card{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.driver-card:hover{background:#edf2f7;transform:translateX(5px)}.driver-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.driver-info{flex:1 1}.driver-info h4{color:#1a202c;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.driver-info p{color:#718096;font-size:.8rem;margin:0}.driver-stats{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.driver-rating{align-items:center;color:#fbbf24;display:flex;font-weight:600;gap:.25rem}.driver-trips{color:#ffffff80;font-size:.8rem}.projects-container{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 4px 12px #3b82f61a;margin-top:2rem;padding:2rem}.projects-container h3{color:#1a202c;font-size:1.3rem;margin:0 0 1.5rem}.projects-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:block;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-card:hover{background:#edf2f7;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.project-card-icon{font-size:2.5rem;margin-bottom:1rem}.project-card h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.project-card p{color:#718096;font-size:.85rem;margin:0 0 1rem}.project-units{background:#22c55e33;border-radius:20px;color:#22c55e;display:inline-block;font-size:.85rem;font-weight:600;padding:.35rem 1rem}.deposit-header{border-bottom:1px solid #ffffff1a}.dropdown-btn{background:#ffffff40;color:#fff9}.dropdown-btn:hover{background:#ffffff1a}@media (max-width:1200px){.content-section.large{grid-column:span 1}.deposit-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.fleet-management-page{padding:1rem}.content-grid,.metrics-grid,.vehicle-status-grid{grid-template-columns:1fr}.projects-container{padding:1.5rem}.projects-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.deposit-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.deposit-actions{justify-content:space-between;width:100%}.deposit-amount{font-size:1.5rem}.deposit-cards-grid{grid-template-columns:1fr}}.bts-project-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.breadcrumb-item.clickable:hover{color:#4a5568}.breadcrumb-item.active{color:#4a5568;font-weight:500}.breadcrumb-separator{color:#ffffff4d}.header-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.page-header h1{font-size:2.5rem;margin:0}.page-header p{font-size:1.1rem}.project-units-badge{background:#22c55e33;border-radius:20px;color:#22c55e;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.bts-nav-bar{border-bottom:2px solid #ffffff1a;display:flex;gap:2rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.bts-nav-item{border-bottom:3px solid #0000;color:#ffffff80;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.75rem 0;transition:all .3s;white-space:nowrap}.bts-nav-item:hover{color:#fffc}.bts-nav-item.active{border-bottom-color:#3b82f6;color:#1a202c;font-weight:600}.bts-content-area{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.bts-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.bts-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.bts-stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.bts-stat-icon-wrapper{flex-shrink:0}.bts-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.active-card .bts-stat-icon.check{background:#22c55e33;color:#22c55e}.maintenance-card .bts-stat-icon.wrench{background:#fbbf2433;color:#fbbf24;font-size:1.8rem}.offline-card .bts-stat-icon.alert{background:#ef444433;color:#ef4444}.new-vehicle-card .bts-stat-icon.new{background:#3b82f633;color:#3b82f6;font-size:1.8rem}.returned-card .bts-stat-icon.returned{background:#8b5cf633;color:#8b5cf6;font-size:1.8rem}.total-card .bts-stat-icon.total{background:#10b98133;color:#10b981;font-size:1.8rem}.bts-stat-content{flex:1 1}.bts-stat-number{color:#1a202c;font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 .25rem}.bts-stat-label{color:#4a5568;font-size:.95rem;margin:0}.bts-stat-trend{font-size:2rem;font-weight:700;opacity:.2;position:absolute;right:1.5rem;top:1.5rem}.bts-stat-trend.green{color:#22c55e}.bts-stat-trend.orange{color:#fbbf24}.bts-stat-trend.red{color:#ef4444}.bts-stat-trend.blue{color:#3b82f6}.bts-stat-trend.neutral{color:#6b7280}.bts-details-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.bts-details-section h3{color:#1a202c;font-size:1.3rem;margin:0 0 1.5rem}.bts-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.detail-label{color:#4a5568;font-size:.9rem}.detail-value{color:#1a202c;font-size:.95rem;font-weight:600}.detail-value.status-active{background:#22c55e33;border-radius:20px;color:#22c55e;font-size:.85rem;padding:.25rem .75rem}.bts-tab-content{padding:2rem}.bts-tab-content h3{color:#1a202c;font-size:1.5rem;margin:0 0 1rem}.placeholder-text{color:#ffffff80;font-size:1rem;padding:3rem 0;text-align:center}.report-header{border-bottom:1px solid #e2e8f0;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.report-header,.report-icon{align-items:center;display:flex}.report-icon{background:#3b82f626;border-radius:10px;font-size:2rem;height:50px;justify-content:center;width:50px}.report-title-wrapper{display:flex;flex-direction:column;gap:.25rem}.report-title-row{align-items:center;display:flex;gap:1rem}.report-header h3{color:#1a202c;margin:0}.vehicle-count-badge{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:.85rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.report-month-year{color:#718096;font-size:.9rem;font-weight:400}.vehicle-report-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;overflow-x:auto}.vehicle-month-filter{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;padding:.5rem .75rem}.filter-icon{color:#3b82f6;font-size:.9rem}.dropdown-wrapper{display:inline-block;position:relative}.month-year-dropdown{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.85rem;min-width:150px;padding:.5rem 2rem .5rem .75rem;transition:all .2s}.month-year-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-wrapper .dropdown-arrow{color:#718096;font-size:.7rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.vehicle-month-filter{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.vehicle-controls-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.vehicle-search-container{display:flex;flex:1 1;justify-content:flex-start;max-width:500px}.vehicle-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-icon{font-size:1rem}.vehicle-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:.9rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.vehicle-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.vehicle-search-input::placeholder{color:#a0aec0}.car-rental-filter-container{display:flex;flex-shrink:0;justify-content:center}.car-rental-dropdown{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;min-width:180px;padding:.75rem 2rem .75rem 1rem;transition:all .2s}.car-rental-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.car-rental-filter-container .dropdown-wrapper{position:relative}.car-rental-filter-container .dropdown-arrow{color:#718096;font-size:.7rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.return-vehicle-container{display:flex;flex-shrink:0;justify-content:flex-end}.return-vehicle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.return-vehicle-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.return-vehicle-btn:active{transform:translateY(0)}.return-icon{font-size:1rem}.modal-subtitle{color:#718096;font-size:.9rem;margin-bottom:1rem}.vehicle-selection-section h4{color:#1a202c;font-size:1.2rem;margin:0 0 .5rem}.vehicle-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;max-height:400px;overflow-y:auto}.vehicle-list-item{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.vehicle-list-item:hover{background:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea33;transform:translateX(4px)}.vehicle-item-info{display:flex;flex-direction:column;gap:.25rem}.vehicle-reg{color:#1a202c;font-size:1rem;font-weight:600}.vehicle-details{color:#718096;font-size:.85rem}.vehicle-arrow{color:#cbd5e0;font-size:.9rem}.no-vehicles-message{color:#718096;font-style:italic;padding:2rem;text-align:center}.selected-vehicle-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.selected-vehicle-info h4{color:#1a202c;font-size:1.1rem;margin:0 0 1rem}.selected-vehicle-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.selected-vehicle-details>div{color:#4a5568;font-size:.9rem}.selected-vehicle-details strong{color:#1a202c;margin-right:.5rem}.change-vehicle-btn{background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.change-vehicle-btn:hover{background:#cbd5e0}.vehicle-report-table{background:#fff;border-collapse:collapse;font-size:.75rem;width:100%}.vehicle-report-table thead{background:#e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.vehicle-report-table th{word-wrap:break-word;background:#e2e8f0;border-bottom:2px solid #cbd5e0;color:#1a202c;font-size:.7rem;font-weight:600;letter-spacing:.5px;overflow-wrap:break-word;padding:.75rem .5rem;text-align:center;text-transform:uppercase;white-space:normal}.vehicle-report-table th:nth-child(4){max-width:200px;min-width:200px;width:200px}.vehicle-report-table td:nth-child(12),.vehicle-report-table th:nth-child(12),.vehicle-report-table th:nth-child(6){max-width:75px;min-width:75px;width:75px}.vehicle-report-table th:nth-child(10){max-width:100px;min-width:100px;width:100px}.vehicle-report-table th:nth-child(11){max-width:20px;min-width:20px;width:20px}.vehicle-report-table td:nth-child(13),.vehicle-report-table th:nth-child(13){max-width:102px;min-width:102px;width:102px}.vehicle-report-table td:nth-child(13) .vehicle-inline-input{min-width:96px}.vehicle-report-table td{border-bottom:1px solid #cbd5e0;color:#2d3748;font-size:.75rem;padding:.75rem .5rem;text-align:center;white-space:nowrap}.vehicle-report-table td.negative-kms{color:#ef4444;font-weight:600}.fuel-consumption-cell{border-bottom:1px solid #cbd5e0;height:auto;line-height:1.5;padding:.75rem .5rem;text-align:center;vertical-align:middle;white-space:nowrap}.fuel-consumption-cell>span{display:inline-block;vertical-align:middle}.fuel-consumption-cell>span:first-child{margin-right:.5rem}.fuel-arrow{font-size:1rem;font-weight:700;line-height:1}.fuel-arrow.red-arrow-down{color:#22c55e}.fuel-arrow.red-arrow-up{color:#ef4444}.fuel-arrow.yellow-dash{color:#fbbf24}.vehicle-inline-input{background:#f8fafc;border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;color:#3b82f6;font-size:.75rem;min-width:70px;padding:.25rem .4rem;text-align:center;width:100%}.vehicle-inline-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.vehicle-report-table tbody tr{cursor:pointer;transition:background .2s,transform .1s}.vehicle-report-table tbody tr:hover{background:#e6f3ff;box-shadow:0 2px 8px #3b82f626;transform:scale(1.001)}.vehicle-report-table tbody tr:last-child td{border-bottom:none}.vehicle-report-table thead .subtotal-row{background:#f0f4f8;border-bottom:2px solid #cbd5e0;cursor:default;font-size:.7rem;font-weight:700}.vehicle-report-table thead .subtotal-row:hover{background:#f0f4f8}.vehicle-report-table thead .subtotal-row th{background:#f0f4f8;border-bottom:2px solid #cbd5e0;font-size:.7rem;font-weight:700;padding:.5rem .4rem;white-space:nowrap}.vehicle-report-table thead .subtotal-row .subtotal-label{color:#15803d;font-size:.7rem;font-weight:700;padding-right:1rem;text-align:right}.vehicle-report-table thead .subtotal-row .subtotal-value{background:#3b82f60d;color:#15803d;font-size:.7rem;font-weight:700;text-align:center;white-space:nowrap}.monthly-reports-list{display:flex;flex-direction:column;gap:1rem}.month-report-item{align-items:center;background:#3b82f61f;border:1px solid #3b82f633;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s}.month-report-item:hover{background:#3b82f62e;border-color:#3b82f666;box-shadow:0 5px 15px #3b82f633;transform:translateX(5px)}.month-info{align-items:center;display:flex;gap:1rem}.month-icon{color:#3b82f6;font-size:1.5rem}.month-label{color:#1a202c;font-size:1rem;font-weight:500}.month-actions{align-items:center;display:flex;gap:.75rem}.vehicles-badge{background:#3b82f640;border:1px solid #3b82f64d;border-radius:20px;color:#60a5fa;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.dropdown-toggle{align-items:center;background:#3b82f633;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s;width:32px}.dropdown-toggle:hover{background:#3b82f659;transform:scale(1.1)}.fuel-report-header{border-bottom:1px solid #ffffff1a}.record-invoice-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#1a202c;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.record-invoice-btn:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.record-invoice-btn span:first-child{font-size:1.5rem;line-height:1}.fuel-summary-card:hover{box-shadow:0 10px 30px #0006}.card-label{color:#4a5568}.card-amount,.payment-details p{color:#1a202c}.fuel-chart-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.chart-header{margin-bottom:2rem}.chart-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.chart-icon{color:#3b82f6;font-size:1.8rem}.chart-title-section h4{color:#1a202c;font-size:1.5rem;margin:0}.chart-info{color:#3b82f6cc;font-size:.85rem;margin:0}.chart-container{display:flex;gap:1rem}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;min-width:60px;padding:1rem 0}.chart-y-axis span{color:#4a5568;font-size:.85rem;font-weight:500}.chart-area{display:flex;flex:1 1;flex-direction:column}.trend-chart{height:300px;margin-bottom:1rem;width:100%}.chart-x-axis{display:flex;justify-content:space-between;overflow-x:auto;padding:.5rem 0}.chart-x-axis span{color:#4a5568;flex-shrink:0;font-size:.75rem;white-space:nowrap}@media (max-width:768px){.bts-project-page{padding:1rem}.bts-nav-bar{gap:1rem}.bts-content-area{padding:1.5rem}.bts-details-grid,.bts-stats-grid{grid-template-columns:1fr}.header-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.page-header h1{font-size:2rem}.fuel-report-header{align-items:flex-start;flex-direction:column;gap:1rem}.fuel-summary-cards{grid-template-columns:1fr}.chart-x-axis{gap:.5rem}.chart-x-axis span{font-size:.65rem}}.invoices-table tbody tr{border-bottom:1px solid #ffffff0d}.po-tracking-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.po-tracking-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.record-po-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.record-po-btn:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.record-po-btn:active{transform:translateY(0)}.po-tracking-table-section{margin-top:1rem}.po-tracking-table{background:#f7fafc;border-collapse:collapse;font-size:.8rem;width:100%}.po-tracking-table thead tr{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.po-tracking-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.po-tracking-table tbody tr{border-bottom:1px solid #0000000d;transition:background .3s}.po-tracking-table tbody tr:nth-child(odd){background:#fbbf2414}.po-tracking-table tbody tr:nth-child(2n){background:#ffffff05}.po-tracking-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.po-tracking-table td{color:#4a5568;font-size:.8rem;padding:.75rem;white-space:nowrap}.po-tracking-table td:last-child{word-wrap:break-word;max-width:300px;white-space:normal}.po-tracking-table td.negative-balance{color:#ef4444;font-weight:600}.invoice-tracking-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.invoice-tracking-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.record-invoice-tracking-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.record-invoice-tracking-btn:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.record-invoice-tracking-btn:active{transform:translateY(0)}.invoice-tracking-table-section{margin-top:1.5rem}.invoice-tracking-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.invoice-tracking-table thead tr{background:linear-gradient(135deg,#667eea,#764ba2)}.invoice-tracking-table th{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.invoice-tracking-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.invoice-tracking-table tbody tr:nth-child(odd){background-color:#f7fafc}.invoice-tracking-table tbody tr:nth-child(2n){background-color:#fff}.invoice-tracking-table tbody tr:hover{background-color:#edf2f7}.invoice-tracking-table td{color:#2d3748;font-size:.8rem;padding:.75rem 1rem}.invoice-tracking-table td:last-child{word-wrap:break-word;max-width:200px;white-space:normal}@media (max-width:1024px){.table-wrapper{overflow-x:scroll}.invoices-table{min-width:1200px}.po-tracking-table{min-width:800px}.invoice-tracking-table{min-width:1000px}.returned-vehicles-table{min-width:900px}}.maintenance-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.maintenance-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.maintenance-sub-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem}.maintenance-sub-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .3s}.maintenance-sub-tab:hover{background-color:#f7fafc;color:#4a5568}.maintenance-sub-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.maintenance-record-section{padding:2rem 0}.returned-vehicles-section,.returned-vehicles-table-section{margin-top:1.5rem}.returned-vehicles-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.returned-vehicles-table thead tr{background:linear-gradient(135deg,#667eea,#764ba2)}.returned-vehicles-table th{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.returned-vehicles-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.returned-vehicles-table tbody tr:nth-child(odd){background-color:#f7fafc}.returned-vehicles-table tbody tr:nth-child(2n){background-color:#fff}.returned-vehicles-table tbody tr:hover{background-color:#edf2f7}.returned-vehicles-table td{color:#2d3748;font-size:.8rem;padding:.75rem 1rem}.returned-vehicles-table td:nth-last-child(2){word-wrap:break-word;max-width:300px;white-space:normal}.purchase-orders-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.po-page-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-button:hover{background:#f7fafc;color:#667eea}.po-header-content{flex:1 1}.po-header-content h1{color:#1a202c;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.po-header-content p{color:#718096;font-size:.95rem;margin:0}.po-categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.po-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:1.5rem;transition:all .2s ease}.po-category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.po-category-card.selected{box-shadow:0 4px 16px #3b82f626}.po-category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.po-category-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.po-category-icon{font-size:1.5rem}.po-category-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.po-category-label{color:#1a202c;font-size:.95rem;font-weight:600}.po-count-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.po-status-indicator{align-items:center;border:2px solid #cbd5e0;border-radius:50%;color:#cbd5e0;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.po-status-indicator.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.po-category-amount{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.po-category-breakdown{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.invoice-filter-container{align-items:center;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding:1rem 1.25rem}.filter-search-field{flex:1 1 auto;max-width:300px;min-width:200px}.search-icon{font-size:.75rem;left:.875rem}.search-input{height:36px;padding:.5rem 1rem .5rem 2.25rem}.search-input,.search-input::placeholder{font-size:.75rem}.filter-field-group{flex-shrink:0;gap:.375rem;max-width:110px;min-width:100px}.filter-field-group:has(.filter-date-wrapper){max-width:125px;min-width:115px}.filter-label{font-weight:600;letter-spacing:.3px;text-transform:uppercase}.filter-select{height:36px;padding:.625rem 1.75rem .625rem .75rem}.filter-select,.filter-select option{font-family:inherit;font-size:.6rem}.select-arrow-icon{right:.625rem}.filter-date-input{font-size:.75rem;height:36px;padding:.5rem 2rem .5rem .625rem}.date-icon,.filter-date-input::placeholder{font-size:.75rem}.date-icon{right:.625rem}.export-excel-button{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 2px 4px #4a556833}.clear-filters-button,.export-excel-button{flex-shrink:0;font-size:.75rem;gap:.4rem;height:36px;padding:.5rem .875rem}.clear-filters-button{align-items:center;background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:8px;box-shadow:0 2px 4px #e53e3e33;color:#fff;cursor:pointer;display:flex;font-weight:600;transition:all .2s ease;white-space:nowrap}.clear-filters-button:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.clear-icon,.export-icon{font-size:.75rem}.po-category-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.category-details-header{justify-content:flex-end;margin-bottom:1.5rem}.category-details-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.new-po-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:background .2s ease}.new-po-button:hover{background:#2563eb}.category-subheader{align-items:center;color:#1a202c;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.category-subheader-icon{font-size:1.25rem}.po-details-table-wrapper{margin-bottom:1.5rem;overflow-x:auto;width:100%}.po-details-table{border-collapse:collapse;font-size:.75rem;white-space:nowrap;width:100%}.po-details-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.po-details-table th{color:#4a5568;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.625rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.po-details-table tbody tr{transition:background .2s ease}.po-details-table td{border-bottom:1px solid #e2e8f0;color:#1a202c;padding:.625rem .75rem;white-space:nowrap}.po-details-table tbody tr:hover{background:#e0f2fe}.po-details-table tbody tr td[data-editable=true]{cursor:pointer;position:relative}.po-details-table tbody tr td[data-editable=true]:hover{background-color:#f7fafc}.subcategory-badge{border-radius:8px;display:inline-block;font-size:.65rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}@media (max-width:1200px){.po-categories-grid{grid-template-columns:repeat(2,1fr)}}.po-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.po-modal-content{animation:slideUp .3s ease-out;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.po-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px 16px 0 0;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;gap:.875rem;padding:1.5rem 2rem}.modal-header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.25rem}.po-modal-header h2{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin:0}.po-modal-form{background:linear-gradient(180deg,#fff 0,#f8fafc);gap:1.5rem;padding:2rem}.form-field,.po-modal-form{display:flex;flex-direction:column}.form-field{gap:.625rem}.form-field label{color:#374151;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.form-field label,.label-icon{align-items:center;display:flex}.label-icon{color:#3b82f6;font-size:.95rem;justify-content:center}.form-field input,.select-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a202c;font-family:Poppins,sans-serif;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-field input:hover,.select-wrapper:hover{border-color:#cbd5e0}.form-field input:focus,.select-wrapper select:focus{background:#fafbfc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-field input::placeholder{color:#9ca3af;font-weight:400}.select-wrapper{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;padding:0;position:relative;transition:all .2s ease}.select-wrapper:hover{border-color:#cbd5e0}.select-wrapper:focus-within{background:#fafbfc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:10px;color:#1a202c;cursor:pointer;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 2.5rem .75rem 1rem;width:100%}.select-arrow{font-size:.875rem;right:1.125rem;transition:transform .2s ease}.select-wrapper:focus-within .select-arrow{color:#3b82f6;transform:rotate(180deg)}.total-po-amount-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:12px;box-shadow:0 4px 12px #3b82f626;margin-top:.5rem;padding:1.5rem}.total-po-header{align-items:center;color:#1e40af;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.total-po-icon{color:#2563eb;filter:drop-shadow(0 2px 4px rgba(37,99,235,.2));font-size:1rem}.total-po-details{background:#fff;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1rem}.total-po-row{align-items:center;color:#4b5563;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;padding:.5rem 0}.total-po-row.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;border-top:2px solid #93c5fd;color:#1e40af;font-size:1rem;font-weight:800;margin:.5rem -1rem -1rem;padding:1rem}.modal-actions{border-top:2px solid #e5e7eb;margin-top:1.5rem;padding-top:1.75rem}.cancel-button{background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s ease}.cancel-button:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a;color:#374151;transform:translateY(-1px)}.record-po-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.75rem;transition:all .2s ease}.record-po-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.record-po-button:active{box-shadow:0 2px 8px #3b82f666;transform:translateY(0)}.items-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.items-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.items-section-header label{color:#1e293b;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.add-item-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-item-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.add-item-button:active{transform:translateY(0)}.items-list{display:flex;flex-direction:column;gap:.5rem}.items-list-header{grid-gap:1rem;background:linear-gradient(135deg,#475569,#334155);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:grid;font-size:.7rem;font-weight:700;gap:1rem;grid-template-columns:50px 3fr 100px 120px 140px 50px;letter-spacing:.8px;padding:.875rem 1rem;text-transform:uppercase}.header-item{align-items:center;display:flex}.item-row{grid-gap:1rem;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:grid;gap:1rem;grid-template-columns:50px 3fr 100px 120px 140px 50px;padding:1rem;transition:all .2s ease}.item-row:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.item-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 6px #3b82f64d;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.item-field{display:flex;flex-direction:column}.item-field input{background:#fafbfc;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;font-family:Poppins,sans-serif;font-size:.8rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.item-field input:hover{background:#fff;border-color:#cbd5e0}.item-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.item-field input::placeholder{color:#9ca3af;font-weight:400}.item-total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:.85rem;font-weight:700;padding:.5rem;text-align:right}.remove-item-button{align-items:center;background:#0000;border:2px solid #fee2e2;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.625rem;transition:all .2s ease;width:36px}.remove-item-button:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#b91c1c;transform:scale(1.1)}.remove-item-button:disabled{border-color:#e5e7eb;cursor:not-allowed;opacity:.3}@media (max-width:768px){.purchase-orders-page{padding:1rem}.po-page-header{flex-direction:column;gap:1rem}.po-categories-grid{grid-template-columns:1fr}.invoice-filter-container{align-items:stretch;flex-direction:column}.filter-field-group,.filter-search-field{min-width:100%}.clear-filters-button,.export-excel-button{justify-content:center;width:100%}.po-details-table-wrapper{overflow-x:scroll}.po-details-table{min-width:1000px}.category-details-header{align-items:flex-start;flex-direction:column;gap:1rem}.po-modal-overlay{padding:1rem}.po-modal-content{max-height:95vh}.po-modal-form{padding:1.5rem}.items-list-header{display:none}.item-row{gap:.5rem;grid-template-columns:1fr}.item-number{font-size:.75rem;height:25px;width:25px}.item-total{border-top:1px solid #e2e8f0;padding:.75rem 0 .5rem;text-align:left}.remove-item-button{justify-self:flex-start}.po-pagination{align-items:stretch;flex-direction:column;gap:1rem}.pagination-info{text-align:center}.pagination-controls,.pagination-numbers{justify-content:center}.pagination-numbers{flex-wrap:wrap}}.po-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:1rem;padding:1.5rem 0}.pagination-info{color:#718096;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 .5rem;transition:all .2s ease}.pagination-number:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-number.active:hover{background:#2563eb;border-color:#2563eb}.pagination-ellipsis{color:#a0aec0;font-size:.875rem;padding:0 .5rem}.invoice-tracking-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.invoice-header-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.invoice-header-left h1{color:#1a202c;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.invoice-header-left p{color:#718096;font-size:.95rem;margin:0}.invoice-header-right{align-items:center;display:flex;gap:1rem}.active-status-badge{background:#d1fae5;border-radius:20px;color:#059669;font-size:.875rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.invoice-tabs-section{align-items:center;display:flex;justify-content:flex-end;margin-bottom:.75rem}.new-invoice-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.new-invoice-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.new-invoice-button .button-icon{font-size:.875rem}.invoice-categories-section{margin-bottom:2rem}.section-title{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .75rem}.invoice-categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.invoice-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:1.5rem;transition:all .2s ease}.invoice-category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invoice-category-card.active{box-shadow:0 4px 16px #3b82f626}.category-card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.category-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.category-icon-wrapper svg{font-size:1.5rem}.category-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.category-label{color:#1a202c;font-size:.875rem;font-weight:600}.invoice-count-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.category-total-amount{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.category-status-breakdown{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.breakdown-row{align-items:center;display:flex;justify-content:space-between}.breakdown-label{color:#718096;font-size:.75rem;font-weight:500}.breakdown-value{color:#1a202c;font-size:.875rem;font-weight:600}.category-status-indicator{align-items:center;border:2px solid #cbd5e0;border-radius:50%;color:#cbd5e0;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.category-status-indicator.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.invoice-details-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.category-details-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.category-details-header svg{font-size:1rem}.invoice-table-wrapper{height:600px;max-height:600px;overflow-x:auto;overflow-y:auto}.invoice-table{border-collapse:collapse;font-size:.875rem;width:100%}.invoice-table thead{background:#f3f4f6}.invoice-table thead th{background:#f3f4f6;border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.invoice-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.invoice-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.invoice-table tbody td{color:#1a202c;font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.edit-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem .75rem;transition:all .2s}.edit-button:hover{background:#3b82f61a;color:#2563eb;transform:translateY(-1px)}.edit-button:active{transform:translateY(0)}.edit-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-dialog-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;overflow:hidden;width:90%}.edit-dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.edit-dialog-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background:#f3f4f6;color:#1a202c}.edit-dialog-body{padding:1.5rem}.edit-field-group{margin-bottom:1.5rem}.edit-field-group:last-child{margin-bottom:0}.edit-field-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.edit-input,.edit-select{border:1px solid #d1d5db;border-radius:6px;color:#1a202c;font-family:Poppins,sans-serif;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.edit-input:focus,.edit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.edit-dialog-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.cancel-button,.save-button{border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.save-button{background:#3b82f6;border:none;color:#fff}.save-button:hover{background:#2563eb}.invoice-id{color:#3b82f6;font-family:Courier New,monospace;font-weight:600}.po-badge,.subcategory-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.total-amount{color:#1a202c;font-weight:600}.status-badge{border-radius:12px;font-size:.75rem;padding:.375rem .75rem;white-space:nowrap}.status-badge.paid{background:#d1fae5;color:#059669}.status-badge.pending{background:#fed7aa;color:#ea580c}@media (max-width:1400px){.invoice-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.invoice-tracking-page{padding:1rem}.invoice-header-section{flex-direction:column;gap:1rem}.invoice-tabs-section{justify-content:flex-start}.invoice-categories-grid{grid-template-columns:1fr}.invoice-filter-container{align-items:stretch;flex-direction:column}.filter-field-group,.filter-search-field{min-width:100%}.export-excel-button{justify-content:center;width:100%}.invoice-table-wrapper{overflow-x:scroll}.invoice-table{min-width:1000px}}.delivery-tracking-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.stat-card{border:1px solid #e2e8f0;cursor:pointer;transition:transform .3s,background .3s}.stat-card:hover{background:#ffffff14}.stat-card.active{border:2px solid #667eea;box-shadow:0 4px 12px #667eea4d}.stat-icon-image{align-items:center;display:flex;height:50px;justify-content:center;object-fit:contain;width:50px}.stat-content h3{color:#000;font-size:.9rem}.stat-change.positive,.stat-number{color:#000}.content-section.sticky-table-section{box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:100}.content-section h3{margin:0 0 1.5rem}.delivery-list{display:flex;flex-direction:column;gap:1rem}.delivery-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.delivery-item:hover{background:#ffffff14;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.delivery-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.delivery-number{color:#3b82f6;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.delivery-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.35rem .85rem}.delivery-status.in-transit{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.delivery-status.scheduled{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.delivery-status.delivered{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.delivery-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.delivery-details p{color:#ffffffe6;font-size:.9rem;margin:0}.delivery-details strong{color:#1a202c;font-weight:700}.delivery-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:#ffffff1a;flex:1 1}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .5s ease}.progress-fill.complete{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-label{color:#ffffffe6;font-size:.85rem;font-weight:500;white-space:nowrap}.content-section.sticky-table-section .poles-table-header{background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.poles-table-wrapper{flex:1 1;max-height:calc(100vh - 250px)}.content-section.sticky-table-section .poles-table-wrapper{max-height:calc(100vh - 200px)}.content-section.sticky-table-section .poles-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:15}.boq-header-cell,.delivered-header-cell,.delivery-details-header-cell,.payments-tracking-header-cell{font-size:.95rem!important;padding:.875rem 1rem!important}.empty-header-cell{padding:.875rem 1rem!important}.poles-table th{font-size:.85rem;padding:1rem}.poles-table td{padding:.875rem 1rem}.subtotal-cell{font-size:.9rem!important}.subtotal-cell,.subtotal-empty-cell{padding:.75rem 1rem!important}.cables-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.cables-header-section-fixed{align-items:flex-start;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cables-table-wrapper{overflow-x:auto;overflow-y:visible;position:relative}.cables-header-left{display:flex;flex-direction:column;gap:.5rem}.cables-supplier-row{align-items:center;display:flex;gap:.5rem}.cables-label{color:#4a5568;font-size:.9rem;font-weight:500}.cables-supplier-value{color:#1a202c;font-size:.9rem;font-weight:600}.cables-order-row{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.cables-order-label{color:#4a5568;font-size:.9rem;font-weight:500}.cables-order-numbers{color:#1a202c;font-size:.9rem;font-weight:600}.cables-lot-row{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.cables-lot-label{color:#4a5568;font-size:.9rem;font-weight:500}.cables-lot-value{color:#dc2626;font-size:.9rem;font-weight:600}.cables-table{background:#fff;border-collapse:collapse;font-size:.9rem;min-width:1400px;width:100%}.cables-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:15}.cables-sub-header-row{background:#f7fafc}.cables-sub-header-row th{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:.5rem 1rem}.cables-sub-header-row th:first-child{background:#f7fafc;left:0;min-width:80px;position:-webkit-sticky;position:sticky;z-index:30}.cables-sub-header-row th:nth-child(2){background:#f7fafc;left:80px;min-width:300px;position:-webkit-sticky;position:sticky;z-index:30}.cables-sub-header-row th:nth-child(3){background:#f1f5f9;left:380px;min-width:150px;position:-webkit-sticky;position:sticky;z-index:30}.cables-sub-header-row th:last-child{border-right:none}.cables-sub-header-cell{background:#f1f5f9!important;color:#1a202c;font-size:.85rem;font-weight:600;text-align:center}.cables-main-header th{background:#fff;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#1a202c;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.cables-main-header th:first-child{left:0;min-width:80px;width:80px}.cables-main-header th:first-child,.cables-main-header th:nth-child(2){background:#a1b7e3!important;position:-webkit-sticky;position:sticky;z-index:20}.cables-main-header th:nth-child(2){left:80px;min-width:300px;text-align:center;width:300px}.cables-main-header th:nth-child(3){background:#a1b7e3!important;left:380px;min-width:150px;position:-webkit-sticky;position:sticky;width:150px;z-index:20}.cables-main-header th:last-child{border-right:none}.cables-po-header{background:#a1b7e3!important;text-align:center!important}.cables-table tbody tr{border-bottom:1px dotted #e2e8f0;transition:background .2s}.cables-table tbody tr:hover{background:#f7fafc}.cables-table tbody tr:last-child{border-bottom:none}.cables-table td{border-right:1px solid #e2e8f0;color:#2d3748;padding:.875rem 1rem;text-align:left;white-space:nowrap}.cables-table td:first-child{font-weight:500;left:0;min-width:80px;text-align:center;width:80px}.cables-table td:first-child,.cables-table td:nth-child(2){background:#fff;position:-webkit-sticky;position:sticky;z-index:10}.cables-table td:nth-child(2){word-wrap:break-word;left:80px;min-width:300px;text-align:left;white-space:normal;width:300px}.cables-table td:nth-child(3){background:#f1f5f9;font-weight:500;left:380px;min-width:150px;position:-webkit-sticky;position:sticky;text-align:right;width:150px;z-index:10}.cables-table tbody tr:hover td:first-child,.cables-table tbody tr:hover td:nth-child(2),.cables-table tbody tr:hover td:nth-child(3){background:#f7fafc}.cables-table tbody tr:hover td:nth-child(3){background:#e5e7eb}.cables-table td:nth-child(10),.cables-table td:nth-child(11),.cables-table td:nth-child(4),.cables-table td:nth-child(5),.cables-table td:nth-child(6),.cables-table td:nth-child(7),.cables-table td:nth-child(8),.cables-table td:nth-child(9){min-width:120px;width:120px}.cables-table td:last-child{border-right:none}.cables-po-cell{background:#f1f5f9!important;font-weight:500;text-align:center!important}.cables-deliveries-header{background:#bfdbfe!important;border-bottom:2px solid #93c5fd!important;padding:.75rem 1rem!important;text-align:center!important}.cables-deliveries-title{color:#dc2626;font-size:1.1rem;font-weight:700;text-align:center}.cables-deliveries-numbers-row{background:#f7fafc}.cables-deliveries-numbers-row th:first-child{background:#f7fafc;left:0;min-width:80px;position:-webkit-sticky;position:sticky;z-index:30}.cables-deliveries-numbers-row th:nth-child(2){background:#f7fafc;left:80px;min-width:300px;position:-webkit-sticky;position:sticky;z-index:30}.cables-deliveries-numbers-row th:nth-child(3){background:#f1f5f9;left:380px;min-width:150px;position:-webkit-sticky;position:sticky;z-index:30}.cables-delivery-number{background:#f7fafc!important;border-bottom:1px solid #e2e8f0!important;border-right:1px dotted #cbd5e0!important;color:#16a34a!important;font-size:.9rem!important;font-weight:600!important;min-width:120px;padding:.5rem 1rem!important;text-align:center!important;width:120px}.cables-delivery-number:last-of-type{border-right:1px solid #e2e8f0!important}.cables-delivery-date{background:#d7e6d1!important;border-bottom:2px solid #e2e8f0!important;border-right:1px dotted #cbd5e0!important;font-size:.85rem!important;font-weight:600!important;min-width:120px;padding:0!important;position:relative!important;text-align:center!important;width:120px}.cables-delivery-date input[type=date]{background:#0000;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;height:100%;outline:none;padding:1rem;position:relative;text-align:center;width:100%;z-index:1}.cables-delivery-date input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0);opacity:1}.cables-delivery-date input[type=date]::-webkit-datetime-edit,.cables-delivery-date input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#0000}.cables-delivery-date:last-of-type{border-right:1px solid #e2e8f0!important}.cables-total-delivery{background:#f7fafc!important;border-bottom:2px solid #e2e8f0!important;border-right:1px solid #e2e8f0!important;min-width:150px;width:150px}.cables-percent-delivered,.cables-total-delivery{font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:1rem!important;text-align:center!important;text-transform:uppercase!important}.cables-percent-delivered{background:#86efac!important;border-bottom:2px solid #4ade80!important;color:#166534!important;min-width:120px;width:120px}.cables-delivery-cell{background:#fef2f2!important;border-right:1px dotted #cbd5e0!important;color:#2d3748!important;font-weight:500!important;text-align:center!important}.cables-delivery-cell:last-of-type,.cables-total-cell{border-right:1px solid #e2e8f0!important}.cables-total-cell{background:#fff!important;color:#2d3748!important;font-weight:700!important;text-align:center!important}.cables-percent-cell{background:#86efac!important;color:#166534!important;font-weight:600!important;text-align:center!important}@media (max-width:768px){.delivery-tracking-page{padding:1rem}.delivery-details{grid-template-columns:1fr}.poles-table-header{flex-direction:column}.poles-table-header>div>div{align-items:flex-start!important;flex-direction:column}.poles-count-badge{margin-top:.5rem}.poles-table-controls{flex-direction:column;width:100%}.filter-field-group,.search-field .search-input{width:100%}.export-excel-button{justify-content:center;width:100%}.poles-table-wrapper{overflow-x:scroll}.poles-table{font-size:.8rem}.poles-table td,.poles-table th{padding:.75rem .5rem}.cables-header-section{flex-direction:column;gap:1rem}.cables-header-center{width:100%}.cables-supplier-name{font-size:1.5rem;padding:.5rem 1.5rem}.cables-table{font-size:.8rem}.cables-table td,.cables-table th{padding:.75rem .5rem}}.material-inventory-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.stat-icon{background:#0000;border-radius:0}.stat-image{height:50px;object-fit:contain;width:50px}.invoice-filter-container{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.filter-date-wrapper{align-items:center;display:flex;position:relative}.filter-date-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.875rem;padding:.625rem 2.5rem .625rem 1rem;transition:all .2s ease;width:100%}.filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-date-input::placeholder{color:#a0aec0}.date-icon{color:#718096;font-size:.875rem;pointer-events:none;position:absolute;right:.75rem}.material-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.table-header h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.material-table-wrapper{height:600px;max-height:600px;overflow-x:auto;overflow-y:auto}.material-table{border-collapse:collapse;font-size:.875rem;width:100%}.material-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.material-table thead th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.875rem 1rem;text-align:center;text-transform:none;white-space:nowrap}.material-table thead th:first-child{text-align:left}.material-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.material-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.material-table tbody td{font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.material-name,.material-table tbody td{color:#1a202c;font-weight:400;text-align:left}.material-table tbody td:nth-child(2),.material-table tbody td:nth-child(3),.material-table tbody td:nth-child(4),.material-table tbody td:nth-child(5),.material-table tbody td:nth-child(6),.material-table tbody td:nth-child(7){text-align:center}.category-badge{background:#e0e7ff;border-radius:12px;color:#6366f1;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.boq-balance-qty,.boq-qty,.qty-delivered{color:#1a202c;font-weight:400;text-align:center}.percentage-cell{align-items:center;display:flex;flex-direction:row;gap:.5rem;min-width:120px}.percentage-value{color:#1a202c;font-size:.85rem;font-weight:400}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:60px}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.balance-percent{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:400;padding:.375rem .75rem;white-space:nowrap}.balance-percent.low{background:#d1fae5;color:#059669}.balance-percent.medium{background:#fed7aa;color:#ea580c}.balance-percent.high{background:#fee2e2;color:#dc2626}@media (max-width:768px){.material-table-wrapper{overflow-x:scroll}.material-table{min-width:800px}}.tools-inventory-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.tools-filter-container{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.filter-search-field{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.search-icon{color:#718096;font-size:.875rem;pointer-events:none}.search-input{border:1px solid #e2e8f0;color:#1a202c;font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s ease}.search-input::placeholder{color:#a0aec0}.filter-field-group{min-width:120px}.export-excel-button{background:#4a5568;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.export-excel-button:hover{background:#2d3748;box-shadow:0 4px 12px #4a55684d;transform:translateY(-1px)}.export-icon{font-size:.875rem}.tools-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.tools-table-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.tools-table-header h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.tools-table-subtitle{color:#718096;font-size:.85rem;margin:0}.record-tool-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.record-tool-button:hover{background:#2563eb;box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}.tools-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.tools-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0f172a59;max-width:640px;padding:1.5rem 1.75rem;width:100%}.tools-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.tools-modal-header h2{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0}.tools-modal-close{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:1rem}.tools-modal-close:hover{color:#4a5568}.tools-modal-form{flex-direction:column}.tools-form-row,.tools-modal-form{display:flex;gap:1rem}.tools-form-field{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.tools-form-field label{color:#4a5568;font-size:.8rem;font-weight:500}.tools-form-field input{border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.85rem;padding:.6rem .75rem}.tools-form-field input:focus,.tools-form-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.tools-form-field select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.85rem;padding:.6rem .75rem}.tools-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.tools-cancel-button,.tools-save-button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.55rem 1.1rem}.tools-cancel-button{background:#f7fafc;border-color:#e2e8f0;color:#4a5568}.tools-save-button{background:#3b82f6;border-color:#3b82f6;color:#fff}.tools-save-button:hover{background:#2563eb}.tools-cancel-button:hover{background:#e2e8f0}@media (max-width:640px){.tools-modal-content{margin:0 1rem}.tools-form-row{flex-direction:column}}.tools-table-wrapper{overflow-x:auto}.tools-table{border-collapse:collapse;font-size:.875rem;width:100%}.tools-table thead{background:#f7fafc}.tools-table thead th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.875rem 1rem;text-align:left;text-transform:none;white-space:nowrap}.tools-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.tools-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.tools-table tbody td{color:#1a202c;font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.tool-name{font-weight:600}.tool-status-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.35rem .8rem;white-space:nowrap}.tool-status-in_use{background:#d1fae5;color:#047857}.tool-status-available{background:#e0f2fe;color:#0369a1}.tool-status-maintenance{background:#ffedd5;color:#c2410c}.tools-action-button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.75rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease}.tools-action-button:hover{background:#e2e8f0}@media (max-width:768px){.tools-filter-container{align-items:stretch;flex-direction:column}.filter-field-group,.filter-search-field{min-width:100%}.export-excel-button{justify-content:center;width:100%}.tools-table-wrapper{overflow-x:scroll}.tools-table{min-width:800px}}.assets-inventory-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.assets-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.assets-table-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.assets-table-header h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.assets-table-subtitle{color:#718096;font-size:.85rem;margin:0}.assets-count-badge{background:#3b82f6;border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.assets-count-text{align-items:center;display:flex}.assets-table-wrapper{overflow-x:auto}.assets-table{border-collapse:collapse;font-size:.875rem;width:100%}.assets-table thead{background:#f7fafc}.assets-table thead th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.875rem 1rem;text-align:left;text-transform:none;white-space:nowrap}.assets-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.assets-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.assets-table tbody td{color:#1a202c;font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.asset-name{font-weight:600}.asset-status-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.35rem .8rem;white-space:nowrap}.asset-status-in_use{background:#d1fae5;color:#047857}.asset-status-available{background:#e0f2fe;color:#0369a1}.asset-status-maintenance{background:#ffedd5;color:#c2410c}.subtotal-header{background:#f0f4f8!important}.subtotal-row,.subtotal-row th{background:#f0f4f8!important;border-bottom:2px solid #cbd5e0}.subtotal-row th{color:#1a202c;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none}@media (max-width:768px){.assets-table-wrapper{overflow-x:scroll}.assets-table{min-width:900px}}.stationaries-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.breadcrumb-item{color:#1a202cb3}.page-header h1{font-size:1.75rem;font-weight:600}.page-header p{font-size:.95rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;background:#3182ce1a;border-radius:12px;color:#3182ce;display:flex;font-size:2.5rem;height:50px;justify-content:center;width:50px}.stat-content{flex:1 1}.stat-content h3{font-size:.875rem}.stat-number{font-size:1.8rem;margin:0 0 .5rem}.stat-change{border-radius:8px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.stat-change.positive{background:#22c55e33;color:#22c55e}.stat-change.negative{background:#ef444433;color:#ef4444}.content-section{background:#fffffff2;padding:1.5rem}.content-section h3{font-size:1.2rem;font-weight:600}.content-section p{color:#718096}.inventory-content{margin-top:2rem}.stationaries-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.stationaries-table-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.stationaries-table-header h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.stationaries-table-subtitle{color:#718096;font-size:.85rem;margin:0}.stationaries-table-wrapper{overflow-x:auto}.stationaries-table{border-collapse:collapse;font-size:.875rem;width:100%}.stationaries-table thead{background:#f7fafc}.stationaries-table thead th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.875rem 1rem;text-align:left;text-transform:none;white-space:nowrap}.stationaries-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.stationaries-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.stationaries-table tbody td{color:#1a202c;font-size:.85rem;padding:.875rem 1rem;white-space:nowrap}.stationary-name{font-weight:600}.stationary-status-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.35rem .8rem;white-space:nowrap}.stationary-status-ok{background:#d1fae5;color:#047857}.stationary-status-low{background:#fffbeb;color:#92400e}.stationary-status-critical{background:#fee2e2;color:#b91c1c}@media (max-width:768px){.stationaries-table-wrapper{overflow-x:scroll}.stationaries-table{min-width:900px}}.casual-payment-page{background:#0000;border-radius:12px;height:150%;overflow-y:auto;padding:2rem}.delivery-content{margin-top:2rem}.content-section{background:#0000;padding:2rem 2rem 0}.poles-table-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.poles-table-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.poles-table-subtitle{color:#1a202cb3;font-size:.9rem;margin:.5rem 0 0}.poles-count-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;display:inline-flex;font-weight:500;padding:.5rem 1rem}.poles-count-badge,.poles-count-text{color:#fff;font-size:.85rem}.poles-count-text strong{font-size:.95rem;font-weight:700}.poles-table-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-field-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-label{color:#4a5568;font-size:.75rem;font-weight:500;margin:0}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-select{border:1px solid #e2e8f0;color:#1a202c;font-size:.875rem;padding:.625rem 2rem .625rem 1rem;transition:all .2s ease;width:100%}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a}.select-arrow-icon{color:#718096;font-size:.75rem;pointer-events:none;position:absolute;right:.75rem}.export-excel-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:background .3s,transform .2s}.export-excel-button:hover{background:#5568d3;transform:translateY(-2px)}.export-excel-button .export-icon{font-size:.85rem}.poles-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;max-height:calc(100vh - 150px);overflow-x:auto;overflow-y:auto}.poles-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.poles-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.boq-header-row{background:#6b7280}.boq-header-cell{background:#6b7280!important;border-bottom:2px solid #4b5563!important;color:#fff!important}.boq-header-cell,.delivered-header-cell{font-size:.8rem!important;font-weight:700!important;letter-spacing:.5px;padding:.5rem!important;text-align:center!important;text-transform:none!important}.delivered-header-cell{background:#86efac!important;border-bottom:2px solid #4ade80!important;color:#166534!important}.delivery-details-header-row{background:#0000}.delivery-details-header-cell{background:#6b7280!important;border-bottom:2px solid #4b5563!important;color:#fff!important}.delivery-details-header-cell,.payments-tracking-header-cell{font-size:.8rem!important;font-weight:700!important;letter-spacing:.5px;padding:.5rem!important;text-align:center!important;text-transform:none!important}.payments-tracking-header-cell{background:#98b7eb!important;border-bottom:2px solid #7a9fd4!important;color:#1a202c!important}.empty-header-cell{background:#f7fafc!important;border-bottom:2px solid #e2e8f0!important;padding:.5rem!important}.poles-table th{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.poles-table td,.poles-table th{padding:.5rem;white-space:nowrap}.poles-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:.8rem;text-align:center}.delivered-data-cell{background:#d7d9d8!important}.payments-data-cell{background:#dae4f5!important}.subtotal-row{background:#f7fafc}.subtotal-cell{color:#1a202c!important;font-size:.8rem!important;font-weight:700!important;text-align:center!important}.subtotal-cell,.subtotal-empty-cell{background:#f7fafc!important;border-bottom:2px solid #e2e8f0!important;border-top:2px solid #e2e8f0!important;padding:.5rem!important}.poles-table tbody tr{transition:background .2s}.poles-table tbody tr:hover{background:#f7fafc}.poles-table tbody tr:last-child td{border-bottom:none}.loading-message,.no-data-message{color:#1a202c99;font-size:1rem;padding:3rem;text-align:center}.poles-table input[type=text]{background-color:#fff!important;color:#1a202c!important}.poles-table input[type=text]::placeholder{color:#a0aec0!important;opacity:1}.poles-table input[type=text]:focus{background-color:#fff!important;border-color:#667eea!important;color:#1a202c!important;outline:none}.suppliers-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.breadcrumb-item{color:#1a202c99}.page-header p{color:#718096}.suppliers-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:2rem}.stat-icon,.stat-icon.active{color:#667eea}.stat-icon.inactive{color:#10b981}.stat-content h3{color:#718096;font-size:.85rem;font-weight:500;margin:0 0 .5rem}.stat-number{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.suppliers-content{margin-top:2rem}.suppliers-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.suppliers-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.suppliers-subtitle{color:#1a202cb3;font-size:.9rem;margin:.5rem 0 0}.suppliers-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.search-field{align-items:center;display:flex;position:relative}.search-field .search-icon{color:#1a202c80;font-size:.9rem;left:1rem;position:absolute}.search-field .search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s;width:250px}.search-field .search-input:focus{border-color:#667eea;outline:none}.add-supplier-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:background .3s,transform .2s}.add-supplier-button:hover{background:#5568d3;transform:translateY(-2px)}.button-icon{font-size:.85rem}.suppliers-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;overflow-x:auto}.suppliers-table{background:#fff;border-collapse:collapse;font-size:.75rem;width:100%}.suppliers-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.suppliers-table th{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.suppliers-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:.75rem;padding:.5rem}.suppliers-table tbody tr{transition:background .2s}.suppliers-table tbody tr:hover{background:#f7fafc}.suppliers-table tbody tr:last-child td{border-bottom:none}.no-data{color:#1a202c99;font-size:1rem;padding:3rem;text-align:center}.supplier-name-cell{align-items:center;display:flex;gap:.5rem}.supplier-icon{color:#667eea;font-size:.9rem}.supplier-name{color:#1a202c;font-size:.75rem;font-weight:600}.contact-cell{align-items:center;color:#4a5568;display:flex;font-size:.75rem;gap:.4rem}.contact-icon{color:#718096;font-size:.7rem}.category-badge{background:#e6f3ff;border-radius:10px;color:#06c;display:inline-block;font-size:.65rem;font-weight:500;padding:.2rem .5rem}.po-count-cell{align-items:center;display:flex;gap:.4rem}.po-icon{color:#667eea;font-size:.75rem}.po-count{color:#1a202c;font-size:.75rem;font-weight:600}.po-amount-cell{align-items:center;display:flex}.po-amount{color:#1a202c;font-size:.75rem;font-weight:600}.action-buttons{display:flex;gap:.5rem}.action-btn{border-radius:6px;font-size:.7rem;padding:.35rem;transition:all .2s}.action-btn.edit-btn{background:#e6f3ff;color:#06c}.action-btn.edit-btn:hover{background:#cce7ff;transform:scale(1.1)}.action-btn.delete-btn{background:#fee2e2;color:#dc2626}.action-btn.delete-btn:hover{background:#fecaca;transform:scale(1.1)}@media (max-width:768px){.suppliers-page{padding:1rem}.suppliers-header{flex-direction:column}.search-field .search-input,.suppliers-controls{width:100%}.suppliers-table{font-size:.8rem}.suppliers-table td,.suppliers-table th{padding:.75rem .5rem}}.modal-content{width:90%}.modal-header{padding:1.5rem 2rem}.modal-header h2{color:#1a202c;font-weight:600}.modal-close-btn{font-size:1.5rem}.supplier-form{padding:2rem}.form-group label{color:#4a5568}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.9rem;padding:.75rem 1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#a0aec0}.form-actions{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.cancel-btn,.submit-btn{border-radius:8px}.cancel-btn{background:#f7fafc}.cancel-btn:hover{background:#edf2f7;color:#1a202c}.submit-btn{background:#667eea}.submit-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d}.fuel-report-page,.vehicle-report-page{background:#0000;border-radius:12px;height:100%;overflow-y:auto;padding:2rem}.page-header{margin-bottom:2rem}.breadcrumb-item{color:#718096}.page-header h1{font-weight:700}.page-header p{color:#4a5568}.fuel-report-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.fuel-tab-item{align-items:center;border-bottom:3px solid #0000;color:#718096;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.fuel-tab-item:hover{background:#f7fafc;color:#4a5568}.fuel-tab-item.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.tab-icon{font-size:1rem}.report-content{margin-top:2rem}.content-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.content-section h3{color:#1a202c;font-size:1.5rem;margin:0 0 1rem}.content-section p{color:#4a5568;margin:0}.fuel-trend-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:2rem}.fuel-trend-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem}.fuel-trend-title-section{align-items:center;display:flex;gap:1rem}.fuel-trend-icon{align-items:center;background:#3b82f626;border-radius:12px;color:#3b82f6;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.fuel-trend-title-section h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.fuel-trend-chart-wrapper{overflow-x:auto;padding:1rem 0;width:100%}.fuel-trend-chart{display:block;height:auto;min-width:1000px;width:100%}.security-deposit-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:2rem}.deposit-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.deposit-title-section{align-items:center;display:flex;gap:1rem}.deposit-icon{align-items:center;background:#3b82f626;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.deposit-title-content h3{color:#1a202c;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.deposit-title-content p{color:#4a5568;font-size:.9rem;margin:0}.deposit-actions{align-items:center;display:flex;gap:1rem}.deposit-amount{color:#1a202c;font-size:1.8rem;font-weight:700;margin-right:1rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s;width:40px}.copy-btn{background:#ef444433;color:#ef4444}.copy-btn:hover{background:#ef44444d;transform:scale(1.1)}.edit-btn{background:#6b728033;color:#9ca3af}.edit-btn:hover{background:#6b72804d;transform:scale(1.1)}.deposit-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.deposit-card{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s}.deposit-card:hover{background:#edf2f7;border-color:#3b82f680}.deposit-card-left{align-items:center;display:flex;gap:1rem}.deposit-card-icon{align-items:center;background:#3b82f626;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.deposit-card-info h4{margin:0 0 .5rem}.deposit-card-amount,.deposit-card-info h4{color:#1a202c;font-size:1.1rem;font-weight:600}.deposit-card-right{align-items:center;display:flex;gap:.75rem}.add-btn{background:#22c55e33;border:none;border-radius:8px;color:#22c55e;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.add-btn:hover{background:#22c55e4d;transform:scale(1.05)}.dropdown-btn{align-items:center;background:#e2e8f080;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.8rem;height:35px;justify-content:center;transition:all .3s;width:35px}.dropdown-btn:hover{background:#e2e8f0cc;color:#1a202c}.sagemcom-fuel-report-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:2rem}.fuel-report-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.fuel-header-left{flex:1 1}.fuel-header-title{gap:1rem}.fuel-header-title,.fuel-icon{align-items:center;display:flex}.fuel-icon{background:#3b82f626;border-radius:12px;color:#3b82f6;font-size:2.5rem;height:60px;justify-content:center;width:60px}.fuel-header-title h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin:0}.fuel-subtitle{color:#4a5568;font-size:.95rem;margin:.25rem 0 0}.fuel-summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.fuel-summary-card{align-items:center;border-radius:16px;cursor:default;display:flex;gap:1.5rem;padding:2rem;transition:all .3s}.fuel-summary-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.fuel-summary-card.blue-card{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fuel-summary-card.green-card{background:linear-gradient(135deg,#22c55e,#16a34a)}.card-icon-wrapper{flex-shrink:0}.card-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.card-content{flex:1 1}.card-label{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:0 0 .75rem}.card-amount{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.payment-details p{color:#fff;font-size:.95rem;font-weight:500;margin:.5rem 0}.invoices-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:2rem}.invoices-table-section h4{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.invoices-table{background:#f7fafc;border-collapse:collapse;font-size:.8rem;width:100%}.invoices-table thead tr{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.invoices-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.invoices-table tbody tr{border-bottom:1px solid #0000000d;transition:background .3s}.invoices-table tbody tr:nth-child(odd){background:#fbbf2414}.invoices-table tbody tr:nth-child(2n){background:#ffffff05}.invoices-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.invoices-table td{color:#4a5568;font-size:.8rem;padding:.75rem;white-space:nowrap}.invoices-table td:nth-last-child(2){word-wrap:break-word;max-width:300px;white-space:normal}.status-badge{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .6rem}.status-badge.pending{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.status-badge.paid{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.action-icon{align-items:center;background:#3b82f633;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .3s;width:28px}.action-icon:hover{background:#3b82f659;transform:scale(1.1)}@media (max-width:768px){.deposit-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.deposit-actions{justify-content:space-between;width:100%}.deposit-amount{font-size:1.5rem}.deposit-cards-grid{grid-template-columns:1fr}.fuel-report-header{align-items:flex-start;flex-direction:column;gap:1rem}.fuel-summary-cards{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.invoices-table{min-width:1200px}.security-deposit-table{min-width:800px}}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h3{color:#1a202c;font-size:1.5rem}.modal-close-btn{background:none;font-size:1.25rem;padding:.25rem;transition:all .2s}.modal-close-btn:hover{color:#2d3748}.return-form-section{gap:1.5rem}.form-group,.return-form-section{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#1a202c}.form-input,.form-textarea{border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.9rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{border-top:1px solid #e2e8f0;margin-top:.5rem}.cancel-btn,.submit-btn{border-radius:6px;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#e2e8f0;color:#4a5568}.cancel-btn:hover{background:#cbd5e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d}.submit-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.security-deposit-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:2rem}.security-deposit-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.security-deposit-table-header h4{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.add-deposit-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.add-deposit-btn:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.add-deposit-btn:active{transform:translateY(0)}.security-deposit-table{background:#f7fafc;border-collapse:collapse;font-size:.8rem;width:100%}.security-deposit-table thead tr{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.security-deposit-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.security-deposit-table tbody tr{border-bottom:1px solid #0000000d;transition:background .3s}.security-deposit-table tbody tr:nth-child(odd){background:#fbbf2414}.security-deposit-table tbody tr:nth-child(2n){background:#ffffff05}.security-deposit-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.security-deposit-table td{color:#4a5568;font-size:.8rem;padding:.75rem;white-space:nowrap}.security-deposit-table td:last-child{max-width:300px;white-space:normal}.fuel-car-sheet-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:2rem}.fuel-car-sheet-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.fuel-car-table-section{margin-top:1rem}.fuel-car-table{background:#f7fafc;border-collapse:collapse;font-size:.8rem;width:100%}.fuel-car-table thead tr{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.fuel-car-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.fuel-car-table tbody tr{border-bottom:1px solid #0000000d;transition:background .3s}.fuel-car-table tbody tr:nth-child(odd){background:#fbbf2414}.fuel-car-table tbody tr:nth-child(2n){background:#ffffff05}.fuel-car-table tbody tr:hover{background:#e0f2fe;cursor:pointer}.fuel-car-table td{color:#4a5568;font-size:.8rem;padding:.75rem;white-space:nowrap}.procedure-page{background:#0000;border-radius:12px;height:100%;min-height:100vh;overflow-y:auto;padding:2rem}.page-header{margin-bottom:3rem}.breadcrumb{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.breadcrumb-item{color:#ffffff80;text-decoration:none;transition:color .3s}.breadcrumb-item.clickable{cursor:pointer}.breadcrumb-item.clickable:hover{color:#667eea;text-decoration:underline}.breadcrumb-item.active{color:#1a202c;cursor:default;font-weight:600}.breadcrumb-separator{color:#cbd5e0}.page-header h1{color:#1a202c;font-size:2rem;margin:0 0 .5rem}.page-header p{color:#ffffffe6;margin:0}.procedure-content{align-items:center;display:flex;justify-content:center;margin-top:2rem;min-height:60vh}.bubbles-container{flex-wrap:wrap;gap:4rem;max-width:1200px;padding:3rem 2rem;width:100%}.bubble-wrapper,.bubbles-container{align-items:center;display:flex;justify-content:center;position:relative}.bubble-wrapper{transition:opacity .3s ease,transform .3s ease}.bubble-wrapper.faded{opacity:.3;pointer-events:auto;transform:scale(.9)}.bubble-main{align-items:center;border-radius:50%;box-shadow:0 8px 32px #00000026;display:flex;height:280px;justify-content:center;position:relative;transition:transform .3s ease;width:280px;z-index:10}.bubble-main:hover{transform:scale(1.05)}.bubble-main.selected{box-shadow:0 12px 48px #00000040;transform:scale(1.1)}.bubble-mirror{animation:mirror-shine 2s ease-in-out infinite;background:linear-gradient(135deg,#ffffff4d,#ffffff1a 50%,#0000);border-radius:50%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:12}@keyframes mirror-shine{0%,to{opacity:.5}50%{opacity:.8}}.procedure-details-block{animation:block-appear .4s ease-out;background:#fff;border-radius:16px;border-top:4px solid;box-shadow:0 8px 32px #0000001a;margin-top:4rem;padding:2rem}.procedure-details-purchase{border-top-color:#3b82f6}.procedure-details-delivery{border-top-color:#14b8a6}.procedure-details-invoice{border-top-color:#4f46e5}.procedure-details-block h2{color:#1a202c;font-size:1.8rem;font-weight:700;margin:0 0 2rem;text-align:center}.procedure-steps-horizontal{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.procedure-step-block{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:280px;min-width:200px;padding:1.5rem;text-align:center;transition:all .3s ease}.procedure-step-block:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.step-text{color:#2d3748;font-size:1rem;font-weight:500;line-height:1.5}@keyframes block-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bubble-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bubble-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.bubble-indigo{background:linear-gradient(135deg,#4f46e5,#4338ca)}.bubble-text{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.4;padding:1rem;text-align:center;z-index:11}.bubble-small{border-radius:50%;height:80px;position:absolute;width:80px;z-index:9}.bubble-blue-small{background:#3b82f6}.bubble-teal-small{background:#14b8a6}.bubble-indigo-small{background:#4f46e5}.bubble-top-left{left:-20px;top:-20px}.bubble-top-right{right:-20px;top:-20px}.bubble-top-right-2{right:-15px;top:-15px}.bubble-bottom-left{bottom:-20px;left:-20px}.bubble-decorative{animation:float 6s ease-in-out infinite;border-radius:50%;opacity:.3;position:absolute;z-index:1}.bubble-blue-light{background:#93c5fd}.bubble-teal-light{background:#5eead4}.bubble-indigo-light{background:#818cf8}.bubble-1{animation-delay:0s;height:40px;left:20px;top:-60px;width:40px}.bubble-2{animation-delay:.5s;height:30px;right:30px;top:-40px;width:30px}.bubble-3{animation-delay:1s;bottom:-50px;height:50px;left:40px;width:50px}.bubble-4{animation-delay:1.5s;height:35px;left:-70px;top:20px;width:35px}.bubble-5{animation-delay:2s;height:45px;right:-60px;top:60px;width:45px}.bubble-6{animation-delay:.2s;height:40px;left:30px;top:-60px;width:40px}.bubble-7{animation-delay:.7s;height:30px;right:40px;top:-40px;width:30px}.bubble-8{animation-delay:1.2s;bottom:-50px;height:50px;right:30px;width:50px}.bubble-9{animation-delay:1.7s;height:35px;left:-70px;top:30px;width:35px}.bubble-10{animation-delay:2.2s;height:45px;right:-50px;top:80px;width:45px}.bubble-11{animation-delay:.3s;height:40px;left:20px;top:-50px;width:40px}.bubble-12{animation-delay:.8s;height:30px;right:50px;top:-30px;width:30px}.bubble-13{animation-delay:1.3s;bottom:-40px;height:50px;left:50px;width:50px}.bubble-14{animation-delay:1.8s;height:35px;left:-60px;top:40px;width:35px}.bubble-15{animation-delay:2.3s;height:45px;right:-40px;top:100px;width:45px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-20px) translateX(10px)}66%{transform:translateY(10px) translateX(-15px)}}@media (max-width:1024px){.bubbles-container{gap:3rem}.bubble-main{height:240px;width:240px}.bubble-text{font-size:1.3rem}}@media (max-width:768px){.bubbles-container{flex-direction:column;gap:4rem;padding:2rem 1rem}.bubble-main{height:220px;width:220px}.bubble-text{font-size:1.2rem}}.task-management-page{background:#f5f7fa;height:100%;overflow:hidden}.task-management-container{display:flex;height:100%;width:100%}.task-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto;padding:1.5rem;width:250px}.sidebar-nav-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s}.sidebar-nav-item:hover{background:#f3f4f6;color:#1f2937}.sidebar-nav-item.active{background:#3b82f6;color:#fff}.sidebar-icon{font-size:1.1rem}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}.welcome-icon{font-size:2rem;margin-bottom:.5rem}.welcome-card h4{font-size:1.1rem;margin:.5rem 0}.welcome-card p{font-size:.85rem;line-height:1.4;margin:0;opacity:.9}.task-main-content{background:#f5f7fa;overflow-y:auto;padding:2rem;width:100%}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.task-header-left h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.task-header-left p{color:#6b7280;font-size:.95rem;margin:0}.task-header-right{align-items:center;display:flex;gap:1rem}.view-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .3s}.create-task-btn,.view-toggle-btn.active{background:#3b82f6;color:#fff}.create-task-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.create-task-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.task-filters{gap:1rem;margin-bottom:2rem}.search-container,.task-filters{align-items:stretch;display:flex}.search-container{flex:1 1;position:relative}.search-icon{font-size:1.2rem;left:1.25rem;z-index:1}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1.05rem;line-height:1.4;min-height:64px;padding:1.5rem 1.25rem 1.5rem 3.25rem;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-dropdowns{align-items:stretch;display:flex;gap:.75rem}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-size:1.05rem;line-height:1.4;min-height:64px;min-width:150px;padding:1.75rem 1.25rem 1.5rem}.filter-select:focus{border-color:#3b82f6;outline:none}.kanban-board{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);height:calc(100vh - 300px)}.kanban-column{background:#fff;border-radius:12px;display:flex;flex-direction:column;min-height:500px;padding:1.5rem}.column-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.column-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.todo-header{border-bottom-color:#e5e7eb}.in-progress-header{background:#fef3c7;border-bottom-color:#fbbf24;border-radius:8px}.completed-header,.in-progress-header{margin:-.5rem -.5rem 1rem;padding:.75rem 1rem}.completed-header{background:#d1fae5;border-bottom-color:#10b981;border-radius:8px}.column-count{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.column-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto}.empty-column{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;font-size:.9rem;justify-content:center;min-height:200px}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:1rem;position:relative;transition:all .3s}.task-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-card.overdue{border-left:4px solid #dc2626}.task-card.expanded{border:1px solid #fca5a5}.task-card.expanded.overdue{border:1px solid #fca5a5;border-left-width:5px}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.task-title{color:#1f2937;flex:1 1;font-size:.95rem;font-weight:600;margin:0}.task-actions{align-items:center;display:flex;gap:.5rem}.task-action-icon{color:#9ca3af;cursor:pointer;font-size:.85rem;transition:all .3s}.task-action-icon:hover{color:#1f2937}.task-action-icon.expanded{color:#3b82f6}.task-card-body,.task-info{display:flex;flex-direction:column;gap:.5rem}.task-info-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem}.overdue-date{color:#dc2626!important}.task-info-icon{color:#9ca3af;font-size:.75rem}.task-badge{align-self:flex-start;border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.overdue-badge{background:#fee2e2;color:#dc2626}.task-expanded-info{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.expanded-description{margin-bottom:.25rem}.expanded-description p{color:#374151;font-size:.85rem;line-height:1.5;margin:0}.task-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.task-tag{align-items:center;border-radius:16px;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.25rem .6rem}.category-tag{background:#dbeafe;color:#1e40af}.status-tag{background:#fef3c7;color:#92400e}.status-dot{background:#f59e0b;border-radius:50%;display:inline-block;height:6px;width:6px}.priority-tag{background:#fee2e2;color:#991b1b}.task-expanded-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:.25rem;padding-top:.5rem}.task-created-date{color:#9ca3af;font-size:.7rem;gap:.4rem}.task-created-date,.task-status-dropdown{align-items:center;display:flex}.status-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23374151' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:11px;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.8rem;padding:.3rem 1.75rem .3rem .6rem;transition:border-color .2s}.status-select:hover{border-color:#9ca3af}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1200px){.kanban-board{grid-template-columns:1fr}.task-sidebar{width:200px}}.modal-overlay{background:#00000080;padding:2rem}.modal-content{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.modal-title{align-items:center;display:flex;gap:.75rem}.modal-title-icon{color:#3b82f6;font-size:1.2rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{border-radius:4px;color:#6b7280;font-size:1.2rem;transition:all .3s}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.form-label-icon{color:#6b7280;font-size:.85rem}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-select-wrapper{position:relative}.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .3s;width:100%}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.select-arrow{color:#6b7280;font-size:.85rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.create-task-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.create-task-submit-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.team-management-view{animation:fadeIn .3s ease-in;width:100%}.team-stats-header{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea4d;border-radius:12px;box-shadow:0 6px 24px #667eea66;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.team-stats-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.6rem;margin:0 0 .4rem}.team-stats-header h2:before{background:#fff;border-radius:2px;content:"";height:1.5rem;width:3px}.team-stats-header p{color:#ffffffe6;font-size:.9rem;margin:0;opacity:.95}.team-members-list{display:flex;flex-direction:column;gap:2rem}.team-member-section{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1.5rem}.team-member-header-section{align-items:center;border-bottom:2px solid #d1d5db;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.team-member-header-left{align-items:center;display:flex;gap:1rem}.team-member-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:50px;justify-content:center;width:50px}.team-member-info{flex:1 1;min-width:0}.team-member-name{color:#1f2937;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .4rem}.team-member-position{align-items:center;color:#6b7280;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;margin:0}.team-member-summary{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.summary-numbers{align-items:flex-start;display:flex;gap:1.5rem}.summary-number-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.summary-total{color:#1f2937}.summary-done,.summary-total{font-size:1.5rem;font-weight:700;line-height:1}.summary-done{color:#10b981}.summary-active{color:#f59e0b;font-size:1.5rem;font-weight:700;line-height:1}.summary-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-progress{align-items:center;display:flex;gap:.75rem;width:200px}.progress-bar-container{background:#d1d5db;border:1px solid #9ca3af;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.progress-percentage{color:#6b7280;font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.team-member-tasks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.team-task-card{background:#fff;border:2px solid #d1d5db;border-left:5px solid #f59e0b;border-radius:8px;box-shadow:0 2px 6px #0000001f;cursor:pointer;padding:1rem;position:relative;transition:all .3s}.team-task-card:before{background:#3b82f6;border-radius:8px 0 0 8px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:8px;z-index:1}.team-task-card.overdue{border-left-color:#dc2626;border-left-width:5px}.team-task-card.overdue:before{background:#ef4444}.team-task-card.expanded{border-color:#3b82f6;border-width:2px}.team-task-card.expanded:before{background:#3b82f6;opacity:1;width:8px}.team-task-card.overdue.expanded:before{background:#ef4444}.team-task-card:hover{border-color:#3b82f6;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.team-task-card:hover:before{background:#3b82f6;opacity:1;width:8px}.team-task-card.overdue:hover:before{background:#ef4444}.team-task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.team-task-title{color:#1f2937;flex:1 1;font-size:.95rem;font-weight:600;line-height:1.4;margin:0}.team-task-actions{align-items:center;display:flex;gap:.5rem}.team-task-card-body{display:flex;flex-direction:column;gap:.5rem}.team-task-info{display:flex;flex-direction:column;gap:.4rem}.team-task-info-item{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.5rem}.overdue-badge-small{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:.65rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase}.team-task-expanded{border-top:1px solid #d1d5db;margin-top:.5rem;padding-top:.5rem}.team-task-expanded p{color:#374151;font-size:.8rem;line-height:1.5;margin:0}.stat-item{background:#f9fafb;border-radius:10px;overflow:hidden;padding:.9rem .75rem;position:relative;text-align:center;transition:all .3s}.stat-item:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.stat-item:hover:before{opacity:1}.stat-item:hover{transform:scale(1.05)}.stat-label{align-items:center;color:#6b7280;display:flex;font-size:.65rem;font-weight:600;gap:.4rem;justify-content:center;letter-spacing:.6px;margin-bottom:.5rem;text-transform:uppercase}.stat-label svg{flex-shrink:0}.stat-value{color:#1f2937;font-size:1.5rem;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000000d}.total-stat{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;grid-column:1/-1;padding:1rem}.total-stat .stat-label,.total-stat .stat-value{color:#fff}.total-stat .stat-label{font-size:.75rem;opacity:.95}.total-stat .stat-value{font-size:2rem;text-shadow:0 2px 8px #0003}.todo-stat{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border:1px solid #d1d5db}.todo-stat .stat-value{color:#4b5563}.inprogress-stat{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.inprogress-stat .stat-value{color:#92400e}.completed-stat{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.completed-stat .stat-value{color:#065f46}.empty-team-view{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;color:#9ca3af;display:flex;flex-direction:column;font-size:1.1rem;grid-column:1/-1;justify-content:center;min-height:400px;padding:3rem}.empty-team-view:before{content:"👥";font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:768px){.task-filters,.task-management-container{flex-direction:column}.filter-dropdowns{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.team-member-header-section{align-items:flex-start;flex-direction:column;gap:1rem}.team-member-summary{align-items:flex-start;width:100%}.summary-progress{width:100%}.team-member-tasks-grid{grid-template-columns:1fr}.team-stats-header{padding:1.25rem}.team-stats-header h2{font-size:1.25rem}}.team-page{background:linear-gradient(135deg,#f5f7fa,#e8f0f5);min-height:100vh;padding:2rem;width:100%}.team-container{margin:0 auto;max-width:1400px}.team-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 10px 25px #2563eb40;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.team-header-left{flex:1 1}.team-header-actions{align-items:center;display:flex;gap:1rem}.team-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.team-header p{color:#ffffffe6;font-size:.875rem;font-weight:400;margin:0}.team-count-badge{background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:.75rem;padding:.4rem .875rem}.add-member-btn,.team-count-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:600}.add-member-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-member-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.add-member-btn:active{transform:translateY(0)}.add-member-btn svg{font-size:.9rem}.export-excel-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-excel-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.export-excel-btn:active{transform:translateY(0)}.export-excel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.export-excel-btn svg{font-size:.9rem}.team-search-container{margin-bottom:1.5rem}.search-wrapper{max-width:500px;position:relative}.search-icon{color:#9ca3af;font-size:.9rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.team-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:#1e293b;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s ease;width:100%}.team-search-input:hover{border-color:#cbd5e0;box-shadow:0 4px 8px #00000014}.team-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.team-search-input::placeholder{color:#9ca3af}.no-results{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;font-size:.875rem;font-style:italic;padding:3rem 2rem!important;text-align:center}.team-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.team-table{border-collapse:collapse;width:100%}.team-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:3px solid #e2e8f0}.team-table th{color:#1e293b;font-size:.7rem;font-weight:700;letter-spacing:.8px;padding:.5rem 1rem;position:relative;text-align:left;text-transform:uppercase}.team-table th:not(:last-child):after{background:#e2e8f0;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.team-table tbody tr{border-bottom:1px solid #f1f5f9;position:relative;transition:all .3s ease}.team-table tbody tr:hover{background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;box-shadow:-4px 0 12px #16a34a26;transform:translateX(4px)}.team-table tbody tr:last-child{border-bottom:none}.team-table td{padding:.5rem 1rem;vertical-align:middle}.member-name,.team-table td{color:#1e293b;font-size:.8rem}.member-name{font-weight:700}.member-email{color:#3b82f6;font-weight:500;transition:all .2s ease}.member-email:hover{color:#2563eb;cursor:pointer;text-decoration:underline}.team-table tbody tr:hover .member-email{color:#15803d}.edit-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;height:36px;justify-content:center;min-width:36px;padding:.625rem;transition:all .3s ease}.edit-btn:hover{background:#dcfce7;border-color:#86efac;box-shadow:0 4px 12px #16a34a40;color:#16a34a;transform:scale(1.1) translateY(-2px)}.edit-btn:active{transform:scale(1.05) translateY(0)}.edit-btn svg{font-size:.875rem}.edit-btn[title="Delete Member"]{background:#fef2f2;border-color:#fecaca;color:#dc2626}.edit-btn[title="Delete Member"]:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 12px #dc262640;color:#b91c1c}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid #f1f5f9;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.75rem 2rem}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.modal-close-btn:hover{background:#f7fafc;color:#1a202c;transform:rotate(90deg) scale(1.1)}.modal-close-btn:active{transform:rotate(90deg) scale(1.05)}.team-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#334155;display:block;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.875rem;padding:.75rem .875rem;transition:all .3s ease;width:100%}.form-group input:hover,.form-group select:hover{border-color:#cbd5e0}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:#94a3b8}.form-actions{border-top:2px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:1.75rem}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:.75rem 1.75rem;transition:all .3s ease}.cancel-btn{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.cancel-btn:hover{background:#e2e8f0;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;color:#334155;transform:translateY(-2px)}.cancel-btn:active{transform:translateY(0)}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #0000;box-shadow:0 4px 12px #3b82f64d;color:#fff}.submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-left:4px solid #dc2626;border-radius:12px!important;box-shadow:0 2px 8px #dc262626;color:#dc2626!important;font-weight:500;margin-bottom:1.5rem!important;padding:1rem 1.5rem!important}@media (max-width:1024px){.team-page{padding:1.5rem}.team-table td,.team-table th{font-size:.85rem;padding:.75rem 1rem}}@media (max-width:768px){.team-page{padding:1rem}.team-header{flex-direction:column;gap:1rem}.team-header h1{font-size:1.5rem}.team-header-actions{flex-direction:column;width:100%}.add-member-btn,.export-excel-btn{justify-content:center;width:100%}.search-wrapper{max-width:100%}.team-table-container{overflow-x:auto}.team-table{min-width:800px}.team-table td,.team-table th{font-size:.8rem;padding:.75rem}.modal-content{margin:1rem;max-width:100%}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.301c9295.css.map*/