.stat-card{background:#fff;border-radius:12px;min-width:0;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.stat-card-content{justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.stat-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px;font-size:.75rem;font-weight:600}.stat-value{color:#1e293b;margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1.2}.stat-icon-wrapper{background-color:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.chart-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding:20px 20px 0}.chart-content{height:320px;padding:20px}.summary-item-header{justify-content:space-between;margin-bottom:8px;display:flex}.summary-label{color:#475569;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.summary-values{gap:16px;font-size:.875rem;display:flex}.summary-percent{color:#94a3b8}.summary-bar{background-color:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.summary-bar-fill{border-radius:3px;height:100%;transition:width .3s}.summary-footer{text-align:center;background-color:#f8fafc;border-radius:8px;margin-top:24px;padding:16px}.vehicle-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.vehicle-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.vehicle-list{flex-direction:column;gap:12px;padding:20px;display:flex}.vehicle-card{background-color:#f8fafc;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.vehicle-card:hover{background-color:#f1f5f9;transform:translate(4px)}.vehicle-avatar{background-color:#e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vehicle-name{color:#1e293b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.vehicle-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.vehicle-table-container{overflow-x:auto}.vehicle-table{border-collapse:collapse;width:100%}.vehicle-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.75rem;font-weight:600}.vehicle-table td{color:#475569;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.875rem}.vehicle-table tr:hover{background-color:#f8fafc}.status-chip{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.battery-bar{align-items:center;gap:8px;margin-top:4px;display:flex}.battery-bar-track{background-color:#e2e8f0;border-radius:2px;flex:1;height:4px;overflow:hidden}.battery-bar-fill{border-radius:2px;height:100%;transition:width .3s}.pagination-container{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px;display:flex}.update-button{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.update-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.loading-spinner{justify-content:center;align-items:center;padding:40px;display:flex}@media (width<=768px){.dashboard-container{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.vehicle-card{flex-direction:column;align-items:flex-start}.vehicle-avatar{width:40px;height:40px}}.vehicles-list-container{flex-direction:column;gap:12px;margin-top:20px;display:flex}.vehicle-item{background:#fff;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.vehicle-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (width<=768px){.vehicle-item-content{flex-direction:column;align-items:flex-start}.vehicle-actions{align-self:flex-end}.vehicle-details{flex-direction:column;gap:8px}.vehicle-name{flex-direction:column;align-items:flex-start}}.dashboard-container{background-color:#f8fafc;min-height:100vh;padding:20px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-title{color:#1e293b;margin:0;font-size:24px;font-weight:600}.update-button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.update-button:hover{background:#f1f5f9;border-color:#cbd5e1}.update-button:disabled{opacity:.6;cursor:not-allowed}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card-content{justify-content:space-between;align-items:flex-start;display:flex}.stat-info{flex:1}.stat-title{color:#64748b;margin-bottom:8px;font-size:14px}.stat-value{color:#1e293b;margin-bottom:4px;font-size:32px;font-weight:600}.stat-subtitle{color:#94a3b8;font-size:12px}.stat-trend{color:#10b981;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.stat-icon-wrapper{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon{color:#64748b;font-size:24px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px;display:grid}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-header{margin-bottom:20px}.chart-title{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:600}.chart-subtitle{color:#94a3b8;margin:0;font-size:13px}.chart-content{height:300px}.summary-items{flex-direction:column;gap:16px;display:flex}.summary-item{width:100%}.summary-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-label{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.summary-dot{border-radius:50%;width:10px;height:10px}.summary-values{align-items:baseline;gap:8px;display:flex}.summary-value{color:#1e293b;font-weight:600}.summary-percent{color:#94a3b8;font-size:12px}.summary-bar{background-color:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.summary-bar-fill{height:100%;transition:width .3s}.summary-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.summary-footer-text{color:#64748b;font-size:13px}.vehicle-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.vehicle-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.vehicle-title{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:600}.vehicle-count{color:#94a3b8;font-size:13px}.vehicles-list-container{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.vehicle-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.vehicle-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.vehicle-item-content{align-items:center;gap:16px;padding:16px;display:flex}.vehicle-avatar{flex-shrink:0}.vehicle-info{flex:1;min-width:0}.vehicle-name{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.vehicle-name-text{color:#1e293b;font-size:16px;font-weight:600}.vehicle-badges{flex-wrap:wrap;gap:8px;display:flex}.vehicle-details{flex-wrap:wrap;gap:24px;margin-bottom:8px;display:flex}.vehicle-detail{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.vehicle-detail svg{color:#94a3b8}.battery-bar{background-color:#e2e8f0;border-radius:2px;width:60px;height:4px;overflow:hidden}.battery-bar-fill{height:100%;transition:width .3s}.vehicle-driver{color:#94a3b8;font-size:12px}.vehicle-actions{flex-shrink:0}.pagination-container{justify-content:flex-end;margin-top:16px;display:flex}.status-chip-online{color:#10b981!important;background-color:#dcfce7!important}.status-chip-offline{color:#ef4444!important;background-color:#fee2e2!important}.status-chip-no-signal{color:#f59e0b!important;background-color:#fed7aa!important}@media (width<=768px){.dashboard-container{padding:12px}.stats-grid,.charts-grid{grid-template-columns:1fr}.vehicle-item-content{flex-direction:column;align-items:flex-start}.vehicle-actions{align-self:flex-end}.vehicle-details{flex-direction:column;gap:8px}.vehicle-name{flex-direction:column;align-items:flex-start}.dashboard-header{flex-direction:column;align-items:stretch}.update-button{justify-content:center}}.tab-content{max-height:400px;padding:8px;overflow-y:auto}.list-container{flex-direction:column;gap:12px;display:flex}.list-item-card{border:1px solid #e2e8f0;transition:all .2s}.list-item-card:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.list-item-card.unread{background-color:#fefce8;border-left:4px solid #eab308}.list-item-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-item-info{flex:1}.list-item-title{color:#1e293b;margin-bottom:4px;font-weight:600}.list-item-actions{align-items:center;gap:8px;display:flex}.notification-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.notification-icon-alert{color:#ef4444;font-size:20px}.notification-icon-info{color:#3b82f6;font-size:20px}.notification-icon-success{color:#10b981;font-size:20px}.edit-form{padding:8px 0}@media (width<=768px){.list-item-content{flex-direction:column;align-items:flex-start}.list-item-actions{align-self:flex-end}.tab-content{max-height:500px}}