@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.login-container{display:flex;min-height:100vh;width:100%}.login-left{flex:1;background:linear-gradient(135deg,#8b1538,#6b1028);position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%,rgba(255,255,255,.05)),linear-gradient(150deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%,rgba(255,255,255,.05)),linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%,rgba(255,255,255,.05)),linear-gradient(150deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%,rgba(255,255,255,.05)),linear-gradient(60deg,rgba(255,255,255,.03) 25%,transparent 25.5%,transparent 75%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03)),linear-gradient(60deg,rgba(255,255,255,.03) 25%,transparent 25.5%,transparent 75%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;opacity:.3}.login-left-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;padding:60px}.login-title{color:#fff;font-size:6rem;font-weight:700;line-height:1.2;margin:0;font-family:Poppins,sans-serif}.version{font-size:2.5rem;font-weight:400}.login-right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.login-form-container{width:100%;max-width:450px}.logo-section{margin-bottom:60px;text-align:center}.logos{display:flex;flex-direction:column;align-items:center;gap:16px}.company-logo{max-width:400px;height:auto;object-fit:contain}.logo-text{font-weight:600;font-size:.9rem;color:#333;letter-spacing:.5px}.login-heading{color:#8b1538;font-size:2.5rem;font-weight:600;margin-bottom:40px;margin-top:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:500;font-size:1rem}.form-input,.form-select{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s;background:#fff}.form-input::placeholder{color:#999}.form-input:focus,.form-select:focus{outline:none;border-color:#8b1538}.form-select{cursor:pointer;color:#999}.form-select:has(option:checked:not([value=""])){color:#333}.login-button{width:100%;padding:16px;background:#8b1538;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s,transform .1s;margin-top:16px}.login-button:hover{background:#6b1028}.login-button:active{transform:scale(.98)}@media(max-width:768px){.login-container{flex-direction:column}.login-left{min-height:40vh}.login-title{font-size:3rem}.version{font-size:1.8rem}}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:#1a1a1a;color:#fff;padding:24px 16px;overflow-y:auto;z-index:100}.sidebar-logo{text-align:center;margin-bottom:20px;padding:0 20px}.sidebar-logo img{max-width:100%;height:auto;object-fit:contain;border-radius:10px}.sidebar-title{font-size:1.25rem;font-weight:700;margin-bottom:32px;text-align:center;color:#fff;letter-spacing:1px}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:8px}.menu-item{list-style:none}.menu-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#d1d5db}.menu-item-header:hover{background:#2d2d2d;color:#fff}.menu-item-header.active{background:#8b1538;color:#fff}.menu-item-content{display:flex;align-items:center;gap:12px}.menu-item-title{font-weight:500;font-size:.95rem}.menu-item-toggle{display:flex;align-items:center;color:inherit}.submenu{list-style:none;margin-top:4px;margin-left:32px;padding-left:16px;border-left:2px solid #2d2d2d;display:flex;flex-direction:column;gap:4px}.submenu-item{padding:8px 12px;font-size:.875rem;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s ease}.submenu-item:hover{color:#fff;background:#2d2d2d}.submenu-item.active{color:#fff;background:#6b1028;font-weight:500}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#1a1a1a}.sidebar::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#666}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px 6px 6px;border-radius:50px;transition:background .2s;position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.user-info{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.user-name{font-size:.95rem;font-weight:500;color:#fff;line-height:1.2}.user-department{font-size:.75rem;color:#fffc;line-height:1}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#1a1a1a;cursor:pointer;transition:background .2s;font-size:.9rem}.dropdown-item:hover{background:#f3f4f6}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dashboard-layout{display:flex;min-height:100vh;overflow-x:hidden}.dashboard-container{flex:1;display:flex;flex-direction:column;background:#f5f5f5;margin-left:280px}.dashboard-header{background:#8b1538;color:#fff;padding:12px 40px}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.utility-badge{background:#fff;color:#1a1a1a;padding:10px 28px;border-radius:50px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.utility-badge:hover{background:#f3f4f6}.header-right{display:flex;align-items:center;gap:24px}.notification-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s;position:relative}.notification-btn:hover{background:#ffffff1a}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px 6px 6px;border-radius:50px;transition:background .2s}.user-profile:hover{background:#ffffff1a}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.95rem;font-weight:500;color:#fff}.dashboard-main{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden}.dashboard-content{max-width:1600px;margin:0 auto}.dashboard-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:32px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.overview-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;transition:transform .2s,border-color .2s}.overview-card:hover{transform:translateY(-4px);border-color:#d1d5db}.overview-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.overview-card-info{flex:1}.overview-card-title{font-size:.875rem;color:#6b7280;margin-bottom:8px;font-weight:500}.overview-card-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.overview-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.overview-card-footer{padding-top:16px;border-top:1px solid #f3f4f6}.overview-card-footer .change{font-size:.875rem;font-weight:500}.change.positive{color:#10b981}.change.negative{color:#ef4444}.section{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:20px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#8b1538;color:#fff;border-color:#8b1538}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:24px}.chart-container{min-height:380px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:24px}.stock-levels{display:flex;flex-direction:column;gap:16px}.stock-level-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.warehouse-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:12px}.stock-metrics{display:flex;gap:20px}.stock-metric{display:flex;flex-direction:column;gap:4px}.stock-label{font-size:.75rem;color:#6b7280;font-weight:500}.stock-value{font-size:1.25rem;font-weight:700}.stock-value.in-stock{color:#10b981}.stock-value.low-stock{color:#f59e0b}.stock-value.out-of-stock{color:#ef4444}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;gap:12px;padding:16px;background:#fef3f2;border-left:4px solid #f59e0b;border-radius:8px}.alert-icon{color:#f59e0b;flex-shrink:0}.alert-content{flex:1}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alert-type{font-size:.75rem;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.alert-time{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280}.alert-message{font-size:.875rem;color:#374151;margin:0}.kpi-table{overflow-x:auto}.kpi-table table{width:100%;border-collapse:collapse}.kpi-table th{text-align:left;padding:12px;background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.kpi-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;font-size:.95rem}.kpi-table .dept-name{font-weight:600;color:#1a1a1a}.kpi-table .requests,.kpi-table .maintenance{color:#374151;font-weight:500}.kpi-table .utilization{color:#10b981;font-weight:600}@media(max-width:1200px){.dashboard-grid,.charts-section{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-main{padding:20px}.overview-cards,.quick-actions,.charts-section{grid-template-columns:1fr}.chart-container{min-height:320px}.dashboard-page-title{font-size:1.5rem}}.inventory-content{max-width:100%;width:100%;margin:0 auto}.tabs-container{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#f3f4f6}.tabs-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{background:#f9fafb;border-color:#8b1538;color:#8b1538}.tab-button.active{background:#8b1538;border-color:#8b1538;color:#fff}.tab-content{background:#fff;border-radius:12px;border:1px solid #e5e7eb}.inventory-section{padding:24px;overflow-x:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.section-actions{display:flex;gap:12px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#8b1538;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#6b1028}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#8b1538;color:#8b1538}.btn-icon{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#8b1538}.table-controls{display:flex;gap:12px;margin-bottom:20px}.search-box{flex:1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280}.search-box input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:#1a1a1a}.search-box input::placeholder{color:#9ca3af}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{text-align:left;padding:14px 16px;font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.data-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#374151}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.item-code{font-weight:600;color:#8b1538}.item-name{font-weight:500;color:#1a1a1a}.quantity{font-weight:600}.quantity .low-stock{color:#ef4444}.action-buttons{display:flex;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.low-stock{background:#fee2e2;color:#991b1b}.status-badge.inactive,.status-badge.archived{background:#f3f4f6;color:#6b7280}.placeholder-text{text-align:center;padding:60px 20px;color:#9ca3af;font-size:1.1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.summary-icon.in{background:#10b981}.summary-icon.out{background:#ef4444}.summary-icon.neutral{background:#3b82f6}.summary-info{flex:1}.summary-label{font-size:.875rem;color:#6b7280;margin:0 0 4px}.summary-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.filter-group{display:flex;gap:8px}.filter-btn{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f9fafb;border-color:#8b1538;color:#8b1538}.filter-btn.active{background:#8b1538;border-color:#8b1538;color:#fff}.transaction-type{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transaction-type.in{background:#d1fae5;color:#065f46}.transaction-type.out{background:#fee2e2;color:#991b1b}.quantity-in{color:#10b981;font-weight:700}.quantity-out{color:#ef4444;font-weight:700}.date-time{font-size:.875rem;color:#6b7280}.balance{font-weight:700;color:#1a1a1a}.transfer-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transfer-status.completed{background:#d1fae5;color:#065f46}.transfer-status.in-transit{background:#dbeafe;color:#1e40af}.transfer-status.pending-approval{background:#fef3c7;color:#92400e}.transfer-status.cancelled{background:#f3f4f6;color:#6b7280}.items-cell{display:flex;flex-direction:column;gap:4px}.item-detail{font-size:.875rem;color:#374151;padding:2px 0}.location-cell{font-weight:500;color:#1a1a1a}.remarks-cell{max-width:250px;font-size:.875rem;color:#6b7280;line-height:1.4}.adjustment-type{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.adjustment-type.damage{background:#fee2e2;color:#991b1b}.adjustment-type.loss{background:#fef3c7;color:#92400e}.adjustment-type.correction{background:#dbeafe;color:#1e40af}.adjustment-type.found{background:#d1fae5;color:#065f46}.adjustment-type.expired{background:#f3f4f6;color:#6b7280}.value-positive{color:#10b981;font-weight:700}.value-negative{color:#ef4444;font-weight:700}.cycle-count-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cycle-count-status.completed{background:#d1fae5;color:#065f46}.cycle-count-status.in-progress{background:#dbeafe;color:#1e40af}.cycle-count-status.scheduled{background:#fef3c7;color:#92400e}.cycle-count-status.cancelled{background:#f3f4f6;color:#6b7280}.progress-cell{display:flex;flex-direction:column;gap:4px;min-width:120px}.progress-text{font-size:.875rem;font-weight:600;color:#374151}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.variance-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:.75rem;font-weight:600}.accuracy-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.accuracy-badge.high{background:#d1fae5;color:#065f46}.accuracy-badge.medium{background:#fef3c7;color:#92400e}.accuracy-badge.low{background:#fee2e2;color:#991b1b}@media(max-width:768px){.inventory-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-actions{width:100%;flex-direction:column}.section-actions button{width:100%}.table-controls{flex-direction:column}.tabs-container{gap:4px}.tab-button{font-size:.8rem;padding:10px 16px}.tab-button span{display:none}.summary-cards{grid-template-columns:1fr}.filter-group{width:100%}.filter-btn{flex:1}}.requisition-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.requisition-status.pending-approval{background:#fef3c7;color:#f59e0b}.requisition-status.approved{background:#d1fae5;color:#10b981}.requisition-status.in-procurement{background:#dbeafe;color:#3b82f6}.requisition-status.completed{background:#d1fae5;color:#059669}.requisition-status.rejected{background:#fee2e2;color:#ef4444}.approval-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.approval-status.pending{background:#fef3c7;color:#f59e0b}.approval-status.approved{background:#d1fae5;color:#10b981}.approval-status.rejected{background:#fee2e2;color:#ef4444}.supplier-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.supplier-status.active{background:#d1fae5;color:#10b981}.supplier-status.inactive{background:#f3f4f6;color:#6b7280}.supplier-status.pending{background:#fef3c7;color:#f59e0b}.action-buttons{display:flex;gap:8px;align-items:center}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem}.section-actions{width:100%}.section-actions button{flex:1}.table-controls{flex-direction:column;gap:1rem}.search-box{width:100%}.filter-group{width:100%;flex-wrap:wrap}.summary-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.data-table{min-width:1000px}}.asset-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.asset-status.in-use{background:#d1fae5;color:#10b981}.asset-status.available{background:#dbeafe;color:#3b82f6}.asset-status.under-maintenance{background:#fef3c7;color:#f59e0b}.asset-status.disposed{background:#f3f4f6;color:#6b7280}.assignment-status.active{background:#d1fae5;color:#10b981}.assignment-status.returned{background:#e0e7ff;color:#6366f1}.asset-transfer-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.asset-transfer-status.pending-approval{background:#fef3c7;color:#f59e0b}.asset-transfer-status.in-transit{background:#dbeafe;color:#3b82f6}.asset-transfer-status.completed{background:#d1fae5;color:#10b981}.asset-transfer-status.cancelled{background:#fee2e2;color:#ef4444}.disposal-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.disposal-status.pending-approval{background:#fef3c7;color:#f59e0b}.disposal-status.approved{background:#dbeafe;color:#3b82f6}.disposal-status.completed{background:#d1fae5;color:#10b981}.disposal-status.under-investigation{background:#fee2e2;color:#ef4444}.vehicle-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.vehicle-status.active{background:#d1fae5;color:#10b981}.vehicle-status.under-maintenance{background:#fef3c7;color:#f59e0b}.vehicle-status.inactive{background:#f3f4f6;color:#6b7280}.vehicle-status.expired-documents{background:#fee2e2;color:#ef4444}.trip-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.trip-status.completed{background:#d1fae5;color:#10b981}.trip-status.in-progress{background:#dbeafe;color:#3b82f6}.trip-status.cancelled{background:#fee2e2;color:#ef4444}.maintenance-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.maintenance-status.scheduled{background:#dbeafe;color:#3b82f6}.maintenance-status.in-progress{background:#fef3c7;color:#f59e0b}.maintenance-status.completed{background:#d1fae5;color:#10b981}.maintenance-status.pending-parts{background:#fee2e2;color:#ef4444}.work-order-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.work-order-status.completed{background:#d1fae5;color:#10b981}.work-order-status.in-progress{background:#fef3c7;color:#f59e0b}.work-order-status.scheduled{background:#dbeafe;color:#3b82f6}.work-order-status.pending-approval{background:#f3f4f6;color:#6b7280}.work-order-status.cancelled{background:#fee2e2;color:#ef4444}.schedule-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.schedule-status.completed{background:#d1fae5;color:#10b981}.schedule-status.overdue{background:#fee2e2;color:#ef4444}.schedule-status.due-soon{background:#fef3c7;color:#f59e0b}.schedule-status.upcoming{background:#dbeafe;color:#3b82f6}.technician-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.technician-status.available{background:#d1fae5;color:#10b981}.technician-status.on-assignment{background:#fef3c7;color:#f59e0b}.technician-status.on-leave{background:#f3f4f6;color:#6b7280}.tracking-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.tracking-status.active{background:#d1fae5;color:#10b981}.tracking-status.moving{background:#dbeafe;color:#3b82f6}.tracking-status.idle{background:#fef3c7;color:#f59e0b}.tracking-status.inactive{background:#f3f4f6;color:#6b7280}.geofence-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.geofence-status.active{background:#d1fae5;color:#10b981}.geofence-status.inactive{background:#f3f4f6;color:#6b7280}.tag-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.tag-status.active{background:#d1fae5;color:#10b981}.tag-status.low-battery{background:#fef3c7;color:#f59e0b}.tag-status.inactive{background:#fee2e2;color:#ef4444}.tag-status.unassigned{background:#f3f4f6;color:#6b7280}.template-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.template-status.active{background:#d1fae5;color:#10b981}.template-status.draft{background:#f3f4f6;color:#6b7280}.template-status.archived{background:#fee2e2;color:#ef4444}.assignment-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.assignment-status.pending{background:#f3f4f6;color:#6b7280}.assignment-status.in-progress{background:#dbeafe;color:#3b82f6}.assignment-status.completed{background:#d1fae5;color:#10b981}.assignment-status.overdue{background:#fee2e2;color:#ef4444}.compliance-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.compliance-status.pass{background:#d1fae5;color:#10b981}.compliance-status.fail{background:#fee2e2;color:#ef4444}.compliance-status.conditional-pass{background:#fef3c7;color:#f59e0b}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem}.section-actions{width:100%}.section-actions button{flex:1}.table-controls{flex-direction:column;gap:1rem}.search-box{width:100%}.filter-group{width:100%;flex-wrap:wrap}.summary-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.data-table{min-width:1200px}}.report-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.report-status.ready{background:#d1fae5;color:#10b981}.report-status.scheduled{background:#dbeafe;color:#3b82f6}.report-status.generating{background:#fef3c7;color:#f59e0b}.report-status.error{background:#fee2e2;color:#ef4444}@media(max-width:1400px){.data-table{font-size:.85rem}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem}.section-actions{width:100%}.section-actions button{flex:1}.table-controls{flex-direction:column;gap:1rem}.search-box{width:100%}.filter-group{width:100%;flex-wrap:wrap}.summary-cards{grid-template-columns:1fr}}.admin-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.admin-status.active{background-color:#d1fae520;color:#10b981;border-color:#10b98120}.admin-status.inactive{background-color:#f3f4f620;color:#6b7280;border-color:#6b728020}.audit-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.audit-status.success{background-color:#d1fae520;color:#10b981;border-color:#10b98120}.audit-status.failed{background-color:#fee2e220;color:#ef4444;border-color:#ef444420}.view-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px;border:1px solid #e5e7eb}.view-toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.view-toggle-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d;font-weight:600}.view-toggle-btn:hover:not(.active){color:#1f2937}.health-bar{width:40px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s ease}.user-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.user-status.active{background-color:#d1fae520;color:#10b981;border-color:#10b98120}.user-status.inactive{background-color:#f3f4f620;color:#6b7280;border-color:#6b728020}.user-status.suspended{background-color:#fee2e220;color:#ef4444;border-color:#ef444420}.user-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.role-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.role-badge.admin{background-color:#fee2e220;color:#ef4444}.role-badge.manager{background-color:#dbeafe20;color:#3b82f6}.role-badge.supervisor{background-color:#d1fae520;color:#10b981}.role-badge.user{background-color:#f3f4f620;color:#6b7280}