.status-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:24px 0}.status-search{flex:1;position:relative;max-width:560px}.status-search span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:21px}.status-search input{padding-left:44px}.status-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.status-metric{padding:19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151a20,#0e1216)}.status-metric span{display:block;color:var(--muted);font-size:11px}.status-metric strong{display:block;margin-top:8px;font-size:29px}.status-metric.alert strong{color:#ff777f}.status-metric.moving strong{color:#65dfa1}.fleet-status-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:19px}.tracker-card{padding:19px 21px;border:1px solid #59636e;border-radius:14px;background:linear-gradient(145deg,#141a20,#0e1318);display:grid;grid-template-columns:1fr auto;gap:14px;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ffffff05,0 9px 25px #0005;transition:border-color .2s,box-shadow .2s,transform .2s}.tracker-card:nth-child(even){border-color:#74633d}.tracker-card:hover{transform:translateY(-1px);border-color:#e3b34c;box-shadow:inset 0 1px 0 #ffffff12,0 0 0 1px #e3b34c20,0 0 22px #e3b34c18,0 12px 30px #0008}.tracker-card.has-alert{border-color:#f05b6388;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #f0444f18,0 0 20px #f0444f12,0 9px 25px #0006}.tracker-card.has-alert:hover{border-color:#ff737a;box-shadow:0 0 0 1px #f0444f28,0 0 28px #f0444f22,0 12px 30px #0008}.tracker-title{display:flex;gap:10px;align-items:flex-start}.tracker-dot{width:10px;height:10px;border-radius:50%;background:#707982;margin-top:5px;box-shadow:0 0 0 4px #70798216}.tracker-dot.online{background:#32d583;box-shadow:0 0 0 4px #32d58316}.tracker-dot.moving{background:#e3b34c;box-shadow:0 0 0 4px #e3b34c18}.tracker-title h3{font-size:15px;margin:0}.tracker-title p{margin:4px 0;color:var(--muted);font-size:11px}.tracker-speed{text-align:right}.tracker-speed strong{display:block;font-size:18px;color:var(--gold)}.tracker-speed small{color:var(--muted);font-size:9px}.tracker-info{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;padding-top:14px;border-top:1px solid #4c5660}.tracker-info div{min-width:0}.tracker-info small,.tracker-info b{display:block}.tracker-info small{color:#84909b;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.tracker-info b{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-address{grid-column:1/-1!important}.tracker-address b{white-space:normal}.status-pill{display:inline-flex;margin-top:9px;padding:4px 7px;border-radius:99px;font-size:8px;text-transform:uppercase;letter-spacing:.8px;background:#ffffff0b;color:#9ba3aa}.status-pill.warning{color:#ff8087;background:#f0444f12}.status-empty{text-align:center;color:var(--muted);padding:55px;border:1px dashed var(--line);border-radius:14px}.status-updated{font-size:10px;color:#68717a}.status-filters{display:flex;gap:5px;padding:4px;background:#11161b;border:1px solid var(--line);border-radius:10px}.status-filters button{border:0;background:none;color:var(--muted);padding:8px 10px;border-radius:7px}.status-filters button.active{background:var(--gold);color:#16120a;font-weight:700}
@media(max-width:900px){.status-summary{grid-template-columns:1fr 1fr}.fleet-status-grid{grid-template-columns:1fr}.status-toolbar{align-items:stretch;flex-direction:column}.status-search{max-width:none}}
@media(max-width:600px){.status-summary{gap:8px}.status-metric{padding:14px}.status-metric strong{font-size:24px}.tracker-info{grid-template-columns:1fr 1fr}.status-filters{overflow:auto}.status-filters button{white-space:nowrap}}