.drivers-admin-body { min-height:100vh; color:#17364b; background:#f3f6f7; font-family:"DM Sans",sans-serif; }
.driver-app-link { padding:8px 11px; border:1px solid rgba(255,255,255,.25); border-radius:6px; color:#fff; font-size:10px; font-weight:700; text-decoration:none; }
.drivers-admin-page { width:min(1500px,calc(100% - 40px)); margin:25px auto 45px; }
.admin-titlebar { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:19px; }.admin-titlebar span { color:#14805a; font-size:10px; font-weight:800; letter-spacing:1.3px; }.admin-titlebar h1 { margin:3px 0; color:#071f33; font:700 30px "Outfit",sans-serif; }.admin-titlebar p { margin:0; color:#728692; font-size:11px; }.admin-titlebar button { padding:9px 12px; border:1px solid #cbd9df; border-radius:6px; color:#173e59; background:#fff; font-size:10px; font-weight:700; }
.driver-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }.driver-metrics button { display:flex; align-items:center; justify-content:space-between; min-height:73px; padding:14px 17px; border:1px solid #d8e3e7; border-radius:10px; color:#617988; background:#fff; text-align:left; }.driver-metrics button.selected { color:#fff; border-color:#0b2e47; background:#0b2e47; box-shadow:0 8px 20px rgba(7,41,63,.15); }.driver-metrics span { font-size:11px; font-weight:700; }.driver-metrics b { color:#071f33; font:700 27px "Outfit",sans-serif; }.driver-metrics .selected b { color:#f4c400; }
.drivers-table-card { overflow:hidden; border:1px solid #d7e2e6; border-radius:11px; background:#fff; box-shadow:0 10px 27px rgba(20,50,65,.06); }.table-tools { display:flex; align-items:center; justify-content:space-between; padding:17px 19px; border-bottom:1px solid #e1e8eb; }.table-tools h2 { margin:0; color:#071f33; font:700 17px "Outfit",sans-serif; }.table-tools small { color:#7b8e99; font-size:9px; }.admin-search { display:flex; align-items:center; gap:7px; width:300px; height:37px; padding:0 10px; border:1px solid #cad7dd; border-radius:6px; color:#76909e; }.admin-search input { width:100%; border:0; outline:0; color:#17364b; }
.drivers-table-wrap { overflow-x:auto; }table { width:100%; border-collapse:collapse; }th { padding:12px 16px; color:#778b97; background:#f8fafb; font-size:9px; text-align:left; text-transform:uppercase; letter-spacing:.4px; }td { padding:14px 16px; border-top:1px solid #e8edef; color:#496575; font-size:10px; }tbody tr { cursor:pointer; }tbody tr:hover { background:#f8fbfb; }.driver-cell { display:flex; align-items:center; gap:9px; }.table-avatar { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:#397794; font-size:9px; font-weight:800; }.driver-cell b,.driver-cell small { display:block; }.driver-cell b { color:#0b2e47; font-size:11px; }.driver-cell small { color:#81929b; font-size:8px; }.vehicle-cell b,.vehicle-cell small { display:block; }.vehicle-cell b { color:#274e64; }.vehicle-cell small { color:#84949d; }.plate-chip { display:inline-block; padding:5px 7px; border:1px solid #bfcdd3; border-radius:4px; color:#102e43; background:#f8fafb; font-weight:800; letter-spacing:1px; }.status-badge { display:inline-flex; align-items:center; padding:5px 8px; border-radius:12px; font-size:8px; font-weight:800; text-transform:uppercase; }.status-pending { color:#85600c; background:#fff1c6; }.status-active { color:#08643f; background:#e2f5ea; }.status-cancelled { color:#97353c; background:#fde9ea; }.view-driver { padding:7px 9px; border:1px solid #cbd8dd; border-radius:5px; color:#173e59; background:#fff; font-size:9px; font-weight:700; }.drivers-empty { padding:65px 20px; text-align:center; }.drivers-empty span { font-size:34px; color:#9bafb9; }.drivers-empty h3 { margin:9px 0 4px; color:#0b2e47; font:700 17px "Outfit",sans-serif; }.drivers-empty p { margin:0; color:#83949e; font-size:10px; }
.admin-modal { position:fixed; z-index:1200; inset:0; display:grid; place-items:center; padding:22px; background:rgba(3,20,32,.68); backdrop-filter:blur(3px); }.driver-detail { position:relative; width:min(970px,100%); max-height:calc(100vh - 44px); overflow:auto; border-radius:13px; background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.35); }.detail-close { position:absolute; z-index:2; top:13px; right:13px; display:grid; place-items:center; width:31px; height:31px; border:1px solid #d2dde1; border-radius:50%; color:#5c7483; background:#fff; font-size:20px; }.detail-header { display:grid; grid-template-columns:48px 1fr auto; gap:12px; align-items:center; padding:23px 55px 20px 24px; border-bottom:1px solid #e2e9ec; background:#f7fafb; }.detail-avatar { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; color:#fff; background:#0b2e47; font-weight:800; }.detail-header div:nth-child(2)>span { color:#14805a; font-size:8px; font-weight:800; letter-spacing:1px; }.detail-header h2 { margin:3px 0; color:#071f33; font:700 22px "Outfit",sans-serif; }.detail-header p { margin:0; color:#7a8e99; font-size:9px; }.detail-content { display:grid; gap:21px; padding:23px; }.detail-content section { padding:18px; border:1px solid #dde6e9; border-radius:9px; }.detail-content h3 { margin:0 0 14px; color:#0b2e47; font:700 14px "Outfit",sans-serif; }.detail-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin:0; }.detail-grid div { min-width:0; padding:11px; border-radius:6px; background:#f5f8f9; }.detail-grid dt { color:#7b8f9a; font-size:8px; text-transform:uppercase; }.detail-grid dd { overflow-wrap:anywhere; margin:4px 0 0; color:#17364b; font-size:10px; font-weight:700; }.plate-value { letter-spacing:1px; }.document-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.document-grid a { position:relative; display:block; height:180px; overflow:hidden; border-radius:8px; background:#e9f0f2; }.document-grid img { width:100%; height:100%; object-fit:cover; }.document-grid span { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:8px; color:#fff; background:linear-gradient(transparent,rgba(3,21,33,.85)); font-size:9px; font-weight:700; }.detail-actions { display:flex; align-items:center; justify-content:space-between; padding:16px 23px; border-top:1px solid #e0e8eb; background:#f8fafb; }.detail-actions div { display:flex; gap:8px; }.detail-actions button { min-height:38px; padding:0 13px; border-radius:6px; font-size:9px; font-weight:800; }.delete-driver { color:#9d3038; border:1px solid #efc9cc; background:#fff; }.cancel-driver { color:#fff; border:0; background:#cc4149; }.activate-driver { color:#fff; border:0; background:#128056; }
.toast { z-index:1400; }
[hidden] { display:none !important; }
@media (max-width:800px) { .drivers-admin-page { width:calc(100% - 20px); margin-top:14px; }.driver-metrics { grid-template-columns:1fr 1fr; }.table-tools { align-items:flex-start; gap:12px; flex-direction:column; }.admin-search { width:100%; }.detail-grid { grid-template-columns:1fr 1fr; }.document-grid { grid-template-columns:1fr; }.document-grid a { height:240px; }.driver-app-link { display:none; } }
@media (max-width:500px) { .admin-titlebar { align-items:flex-start; gap:10px; flex-direction:column; }.driver-metrics { grid-template-columns:1fr; }.detail-grid { grid-template-columns:1fr; }.detail-header { grid-template-columns:42px 1fr; }.detail-header>.status-badge { grid-column:1/-1; justify-self:start; }.detail-actions { align-items:stretch; gap:10px; flex-direction:column; }.detail-actions div { display:grid; grid-template-columns:1fr 1fr; } }