@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --background:#f5f7f5;--foreground:#233e32;--card:#fff;--primary:#195641;
  --border:#e2e9e2;--sidebar:#153e32;--lime:#c5f277;--muted:#728075;
  --red:#b63535;--amber:#a96720;--shadow:0 18px 48px rgba(32,58,41,.10)
}
*{box-sizing:border-box;border-color:var(--border)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--foreground);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:16px}
button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
button:focus-visible,a:focus-visible{outline:3px solid #78ae76;outline-offset:3px}
h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[hidden]{display:none!important}

.app-shell{min-height:100vh;display:flex;direction:rtl}
.sidebar{position:fixed;right:0;inset-block:0;width:240px;background:var(--sidebar);color:#e7f0e9;z-index:50}
.sidebar-inner{height:100%;padding:20px 15px;display:flex;flex-direction:column;overflow-y:auto}
.sidebar-header{flex-shrink:0}
.wordmark{display:flex;align-items:center;gap:10px;width:100%;padding:5px 4px;border:0;background:transparent;color:#fff;font-size:39px;font-weight:700;letter-spacing:-2px;text-align:right}
.brand-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--lime);border-radius:13px;color:#173c2f}
.brand-icon svg{width:24px;height:24px;stroke-width:2}
.brand-dot{color:var(--lime);margin-right:-9px}.brand-country{display:block;font-size:12px;color:#b2c8b9;padding-right:8px}
.sidebar-content{min-height:0;display:flex;flex:1;flex-direction:column}
.nav-label{margin:49px 17px 16px;color:#aac2b3;font-size:12px}
.side-nav{display:grid;gap:10px;flex-shrink:0}
.side-nav button{position:relative;width:100%;border:0;background:transparent;color:#c5d7cc;padding:14px 17px;display:flex;align-items:center;gap:12px;border-radius:10px;font-size:15px;text-align:right;transition:background .18s,transform .18s}
.side-nav button svg{width:19px}.side-nav button span{white-space:nowrap}.side-nav button em{font-style:normal;margin-right:auto;min-width:22px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;text-align:center}
.side-nav button.active{background:var(--lime);color:#153e32;font-weight:600}.side-nav button.active em{background:#174737;color:#fff}.side-nav button:hover:not(.active){background:#244e43}
.sidebar-bottom{margin-top:auto;padding-top:34px;flex-shrink:0}
.side-note{padding:21px 15px;background:#21493b;border:1px solid #345848;border-radius:12px;margin-bottom:22px}
.side-note>svg{display:block;color:var(--lime);margin-bottom:14px}.side-note strong{font-size:16px}.side-note p{font-size:13px;color:#bfd0c5;margin-top:8px;line-height:1.9}
.side-note i{display:inline-block;width:8px;height:8px;margin-left:7px;border-radius:50%;background:#d28a7f}.side-note i.ok{background:#74d695;box-shadow:0 0 0 4px rgba(116,214,149,.12)}
.profile{border-top:1px solid #355345;padding:22px 5px 2px;display:flex;gap:10px;align-items:center}.profile>div{flex:1}.profile strong{font-size:14px;display:block}.profile small{font-size:12px;color:#acbfb2}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#dceacc;color:#224732;border-radius:50%;font-weight:600}

.workspace{width:calc(100% - 240px);margin-right:240px;min-width:0;min-height:100vh}
.topbar{min-height:79px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:14px 37px;position:sticky;top:0;z-index:40}
.topbar-title,.header-actions,.topbar-title>span{display:flex;align-items:center;gap:14px}.topbar-title{font-size:14px;color:#6b786f}.topbar-title svg{width:15px}.topbar-title strong{color:#3f5247;font-weight:500}
.header-actions{font-size:14px}.country{border-left:1px solid var(--border);padding-left:19px}.readiness-tag{background:#f3f6ed;border:1px solid #dce6cf;color:#52643c;padding:5px 11px;border-radius:6px;font-size:12px}.readiness-tag.warning{background:#fff5e8;border-color:#f0dcc0;color:#8b5a1d}
.admin-notification-center{position:relative;z-index:60}.notification-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:#f8faf6;color:#365841}.notification-bell:hover,.notification-bell[aria-expanded=true]{background:#edf4e8;border-color:#cdddc6}.notification-bell>svg{width:19px}
.notification-badge{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border:1.5px solid #fff;border-radius:999px;background:#d63f3f;color:#fff;font-size:8px;font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(88,22,22,.18)}
.notification-panel{position:fixed;top:69px;left:37px;width:min(320px,calc(100vw - 28px));max-height:445px;overflow:hidden;border:1px solid #dbe4d7;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(32,58,41,.18);z-index:100}
.notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.notification-popover-head>div{display:grid;gap:1px}.notification-popover-head strong{font-size:14px}.notification-popover-head small{color:#869087;font-size:10px}.notification-list{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.notice-item{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:0;border-bottom:1px solid #edf1eb;background:#fff;color:var(--foreground);text-align:right}.notice-item:hover{background:#f8faf7}.notice-item.unread{background:#f3f8ef;box-shadow:inset -3px 0 #77a85d}.notice-item>span:nth-child(2){min-width:0;display:grid;gap:2px}.notice-item strong,.notice-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-item strong{font-size:12px}.notice-item small{color:#77837a;font-size:10px}.notice-item time{align-self:start;color:#8b948d;font-size:9px;white-space:nowrap}.notification-kind{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef5e9;color:#4d783d}.notification-kind svg{width:16px;height:16px}.notification-kind.driver{background:#eaf4f0;color:#22684f}.notification-kind.trip{background:#fff2df;color:#9d651f}.notification-empty{padding:30px 16px;text-align:center;color:#7c887f;font-size:12px}.live-admin-alert{position:fixed;top:91px;right:268px;width:min(370px,calc(100vw - 310px));display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d7e2d4;border-radius:12px;background:#fff;color:var(--foreground);box-shadow:0 16px 42px rgba(32,58,41,.17);z-index:95;text-align:right}.live-admin-alert>span:nth-child(2){min-width:0;display:grid;gap:2px}.live-admin-alert strong,.live-admin-alert small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-admin-alert strong{font-size:12px}.live-admin-alert small{font-size:10px;color:#77837a}.live-admin-alert>svg{width:16px;color:#67806d}
.flash{position:fixed;left:28px;bottom:28px;max-width:400px;padding:13px 18px;border-radius:10px;background:#163f34;color:#fff;box-shadow:var(--shadow);z-index:120}.flash.error{background:#9b2f2f}

.main-content{max-width:1500px;margin:auto;padding:32px 37px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:12px;color:#678269;font-weight:500}.page-heading h1{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.7}.page-heading h1 i{color:#659356;margin-right:5px;font-style:normal}.page-heading>div>p:last-child{font-size:14px;color:#728075;margin-top:4px}
.tab{display:none}.tab.active{display:block}
.panel,.card{background:#fff;border:1px solid var(--border);border-radius:16px}.card{padding:20px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.card-head.wrap{flex-wrap:wrap}.card h2{font-size:18px;font-weight:600}.card p{margin-top:3px;color:#778277;font-size:13px}
.text-btn{border:0;background:transparent;color:#24644c;font-size:13px;font-weight:600;padding:5px}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat{padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:43px 1fr;align-items:center;gap:13px}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#f0f5e9;color:#496d38;font-size:20px}.stat strong{display:block;font-size:24px}.stat span{color:#728075;font-size:13px}
.two-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.two-grid.align-start{align-items:start}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:10px;background:#f8faf7}.metric strong{color:#194d3a;font-size:19px}.metric span{color:#6d7c71;font-size:12px}
.compact-list,.request-list,.audit-list{display:grid;gap:9px}.compact-row{width:100%;border:1px solid #e2e8e2;border-radius:10px;background:#fbfcfb;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:right}.compact-row:hover{background:#f6f9f4}.compact-row>span:first-child{min-width:0;flex:1}.compact-row b{display:block;font-size:13px}.compact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748078;font-size:11px;margin-top:3px}
.badge,.status-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:#eef2ef;padding:5px 8px;color:#53655a;font-size:10px}.status-chip.good{background:#e9f6ec;color:#397149}.status-chip.warn{background:#fff1df;color:#8b5f17}.status-chip.bad{background:#feecec;color:#a53a3a}

.filters,.inline-form{display:flex;gap:8px;align-items:center}input,select{min-width:0;border:1px solid #dce5dc;background:#fff;border-radius:8px;padding:9px 11px;color:var(--foreground);outline:none}input:focus,select:focus{border-color:#71926d;box-shadow:0 0 0 3px rgba(113,146,109,.12)}.filters input{width:210px}
.request-list{margin-top:3px}.compact-request-card{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(145px,.9fr) minmax(220px,1.5fr) minmax(90px,.5fr) auto auto;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:12px}.compact-request-card:hover{border-color:#cad9ca;box-shadow:0 4px 16px rgba(29,66,45,.05)}
.compact-request-status,.compact-request-customer,.compact-request-route,.compact-request-fare{display:grid;gap:4px;min-width:0}.compact-request-status{justify-items:start}.compact-request-card small{color:#748078;font-size:11px}.compact-request-route strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.compact-request-customer strong,.compact-request-fare strong{font-size:13px}.compact-request-actions,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.compact-request-actions{justify-content:flex-end}.compact-request-actions .btn{min-height:34px;padding:7px 9px;font-size:11px}
.table-wrap{width:100%;overflow:auto}table{width:100%;min-width:760px;border-collapse:collapse}th{text-align:right;color:#728075;font-size:12px;font-weight:500;padding:10px;border-bottom:1px solid var(--border)}td{padding:12px 10px;border-bottom:1px solid #edf1ee;vertical-align:middle;font-size:13px}tbody tr:hover{background:#fafcf9}.cell-title{max-width:280px;font-weight:600}.cell-sub{max-width:340px;color:#748078;font-size:11px;margin-top:3px;white-space:normal}.price{font-weight:700;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:9px 14px;font-weight:600;transition:background .18s,transform .18s}.btn.small{padding:6px 9px;font-size:11px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:#124735}.btn.secondary{background:var(--lime);color:#193d32}.btn.ghost{background:#f2f5f1;border-color:#e3e9e1;color:#2c4d3d}.btn.danger{background:#fff0ef;color:#a03737}.empty{text-align:center;color:#728075;padding:36px 20px}

.trip-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.trip-picker-card{max-height:625px;overflow:hidden}.trip-picker{display:grid;gap:8px;max-height:530px;overflow:auto;padding-left:3px}.trip-option{border:1px solid var(--border);border-radius:10px;background:#fff;text-align:right;padding:11px}.trip-option:hover{background:#f8faf7}.trip-option.active{border-color:#88a87e;background:#f1f7ed}.trip-option b,.trip-option>span{display:block}.trip-option>span{color:#728075;font-size:11px;margin-top:3px}.trip-option .trip-line{display:flex;justify-content:space-between;align-items:center;margin:0}.map-card{padding:0;overflow:hidden}.map-summary{padding:15px 18px;min-height:70px}.map-summary h2{font-size:17px}.map-summary p{font-size:12px;color:#728075;margin-top:4px}#tripMap{display:block;width:100%;height:460px;border:0;background:#e8efe9}.map-foot{padding:12px 16px;display:flex;justify-content:space-between;gap:12px;color:#728075;font-size:11px}.map-foot a{color:#195641;font-weight:600}.map-alert{margin:0 15px 12px;background:#fff0ef;color:#a53131;padding:10px;border-radius:9px;font-size:12px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.price-grid label{display:grid;gap:6px;color:#65746a;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-grid .btn{justify-self:start}.qr-box{min-height:110px;display:grid;place-items:center;margin:10px 0}.qr-box img{width:220px;max-width:100%;border:10px solid #fff;border-radius:12px;box-shadow:0 4px 20px #ccd7d0}.pair-code{font-size:30px;letter-spacing:5px;font-weight:700;background:#f2f7f3;padding:18px;border-radius:13px}.switch-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.switch-label{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;background:#fbfcfb}.switch-label input{width:16px;height:16px;min-width:16px}.group-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.group-choice{border:1px solid var(--border);padding:10px;border-radius:9px;display:flex;gap:8px;align-items:center}.group-choice input{min-width:auto}.muted{color:#728075}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}.audit{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:10px;border-bottom:1px solid #edf1ee}.audit time{color:#728075;font-size:11px}

.bot-status-actions{display:flex;align-items:center;gap:7px}.bot-pause-notice{margin:-3px 0 13px;padding:10px 12px;border:1px solid #efc9c6;border-radius:9px;background:#fff1ef;color:#983e36;font-size:12px}.group-monitor-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:17px}.group-monitor-options .switch-label{align-items:flex-start}.switch-label>span{display:grid;gap:2px}.switch-label strong{font-size:12px}.switch-label small{color:#78847b;font-size:10px;line-height:1.5}.group-picker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-picker-heading small{color:#78847b;font-size:10px}.group-choice.selected{border-color:#84a978;background:#f1f7ed}.monitor-rules{margin:12px 0 15px;border:1px solid var(--border);border-radius:10px;background:#fafcf9}.monitor-rules summary{cursor:pointer;padding:11px 13px;font-size:12px;font-weight:600}.monitor-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 13px 13px}.monitor-rule-grid label{display:grid;gap:5px;color:#68766d;font-size:11px}.monitor-rule-grid textarea{width:100%;resize:vertical;border:1px solid #dce5dc;border-radius:8px;padding:9px 10px;font:inherit;color:var(--foreground)}

.profile-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.profile-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--border);border-radius:11px;background:#fbfcfb;padding:11px;text-align:right}.profile-card:hover{background:#f5f8f3}.profile-card>.avatar{grid-row:1/3}.profile-card>span:nth-child(2),.profile-card>span:nth-child(3){min-width:0;display:grid;gap:2px}.profile-card strong,.profile-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card strong{font-size:12px}.profile-card small{color:#77837a;font-size:10px}.profile-card .status-chip{justify-self:start;margin-top:3px}.analytics-panel .metrics{margin-bottom:13px}.demand-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.demand-summary>span{padding:7px 10px;border-radius:8px;background:#f3f7f1;color:#647269;font-size:11px}.analytics-table-wrap{overflow:auto}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.health-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fbfcfb}.health-item>i{width:8px;height:8px;border-radius:50%;background:#d49548;box-shadow:0 0 0 4px rgba(212,149,72,.11)}.health-item>i.ok{background:#52a271;box-shadow:0 0 0 4px rgba(82,162,113,.11)}.health-item>span{min-width:0;display:grid;gap:2px}.health-item strong{font-size:11px}.health-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78847b;font-size:9px}

.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.section-toolbar>div{display:grid;gap:2px}.section-toolbar strong{font-size:13px}.section-toolbar small{color:#77837a;font-size:10px}.route-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(120px,.8fr);gap:9px;padding:0 15px 12px}.route-overview>div{position:relative;display:grid;gap:2px;min-width:0;padding:11px 11px 11px 26px;border:1px solid var(--border);border-radius:10px;background:#fbfcfb}.route-overview small{color:#77837a;font-size:9px}.route-overview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.route-dot{position:absolute;top:16px;left:10px;width:9px;height:9px;border-radius:50%;background:#2f8870;box-shadow:0 0 0 4px rgba(47,136,112,.12)}.route-dot.pickup-dot{background:#e19331;box-shadow:0 0 0 4px rgba(225,147,49,.14)}.route-dot.destination-dot{background:#6679df;box-shadow:0 0 0 4px rgba(102,121,223,.13)}.route-overview .eta-card{padding-left:11px}.eta-card.stale,.eta-card.late{border-color:#efb6b1;background:#fff1f0}.eta-card span{color:#77837a;font-size:9px}.tracking-warning{margin:0 15px 12px;padding:10px 12px;border-radius:9px;font-size:11px}.tracking-warning.stale,.tracking-warning.late{border:1px solid #edc3bf;background:#fff1f0;color:#a23d35}.tracking-resolution{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 15px 12px;padding:10px 12px;border:1px solid #ead6a8;border-radius:9px;background:#fff8e8;color:#775518;font-size:11px}.tracking-resolution>div{display:flex;gap:6px;flex-wrap:wrap}

.compact-request-flags{display:flex;gap:5px;flex-wrap:wrap}.match-flag,.warning-flag,.pool-badge{display:inline-flex;align-items:center;width:max-content;max-width:150px;padding:4px 7px;border-radius:999px;font-size:9px;white-space:nowrap}.match-flag{background:#e9f6ec;color:#397149}.warning-flag{background:#feebea;color:#a53a3a}.pool-badge{background:#ebf0fb;color:#4960a6}.detail-section{margin-top:16px;padding-top:15px;border-top:1px solid #edf1ee}.detail-section>h3,.detail-section-head h3{margin:0 0 9px}.detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.detail-section-head small{color:#77837a;font-size:10px}.proof-facts{display:flex;gap:7px;flex-wrap:wrap}.proof-facts>span{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:#f4f7f3;color:#77837a;font-size:9px}.proof-facts b{color:var(--foreground);font-size:11px}.schedule-review{display:grid;gap:7px;margin-bottom:9px}.student-schedule-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(110px,.6fr) minmax(110px,.6fr) 35px;gap:7px}.student-schedule-row .icon-btn{width:35px;height:35px}.detail-trip-list,.audit-timeline{display:grid;gap:7px}.audit-timeline>div{display:grid;gap:2px;padding:9px 11px;border-right:3px solid #c3d5bd;border-radius:7px;background:#f8faf7}.audit-timeline strong{font-size:11px}.audit-timeline small{color:#77837a;font-size:9px}.schedule-chips{display:flex;gap:6px;flex-wrap:wrap}.schedule-chips span{padding:5px 8px;border-radius:999px;background:#eff5eb;color:#466b3c;font-size:10px}

dialog{width:min(880px,calc(100vw - 30px));max-height:88vh;border:0;border-radius:15px;padding:0;color:var(--foreground);box-shadow:0 25px 100px rgba(8,30,23,.35)}dialog::backdrop{background:rgba(7,26,21,.55);backdrop-filter:blur(3px)}.modal-head{position:sticky;top:0;background:#fff;padding:17px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;z-index:2}.modal-head h2{font-size:19px}.modal-head p{margin-top:3px;color:#728075;font-size:13px}.icon-btn{border:0;background:#eef3ef;border-radius:50%;width:35px;height:35px;font-size:22px}.modal-content{padding:20px}.modal-content h3{font-size:15px;margin:20px 0 10px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-box{background:#f5f8f5;border:1px solid #e9eee8;border-radius:10px;padding:11px}.detail-box span{display:block;color:#728075;font-size:11px}.detail-box b{display:block;margin-top:4px;font-size:13px}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.detail-images img{width:100%;max-height:380px;object-fit:contain;border:1px solid var(--border);border-radius:12px}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#205f4d,#0b3027)}.login-card{background:#fff;width:min(420px,calc(100vw - 30px));padding:35px;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.login-card .brand-mark{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:14px;background:var(--lime);color:#153e32;font-size:24px;font-weight:700}.login-card h1{text-align:center;margin:15px 0 2px}.login-card>p{text-align:center;color:#728075;margin:0 0 22px}.login-card form,.login-card label{display:grid;gap:8px}.login-card .btn{margin-top:13px}.form-error{color:var(--red)}

@media(min-width:1500px){.main-content{padding-top:43px}}
@media(max-width:1150px){.main-content{padding:25px 22px}.topbar{padding:14px 22px}.stats-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-grid,.trip-layout{grid-template-columns:1fr}.trip-picker-card{max-height:none}.trip-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}.group-choices,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-request-card{grid-template-columns:100px minmax(110px,.8fr) minmax(150px,1.2fr) 85px auto;gap:8px}}
@media(max-width:767px){.sidebar{width:72px}.sidebar-inner{padding:15px 9px}.wordmark{justify-content:center;padding:2px;font-size:0}.brand-icon{width:42px;height:42px}.brand-dot,.brand-country,.nav-label,.side-note,.profile{display:none}.sidebar-content{display:block}.side-nav{margin-top:28px;gap:9px}.side-nav button{justify-content:center;padding:13px 8px}.side-nav button span,.side-nav button em{display:none}.side-nav button svg{width:21px;height:21px}.workspace{width:calc(100% - 72px);margin-right:72px}.topbar{min-height:65px;padding:12px 17px}.topbar-title>span{font-size:0;gap:4px}.topbar-title>span strong{font-size:12px}.topbar-title svg{display:none}.main-content{padding:22px 17px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:27px}.header-actions{gap:8px}.country{display:none}.readiness-tag{font-size:10px;padding:5px 7px}.notification-panel{top:60px;left:12px;width:min(310px,calc(100vw - 90px))}.stats-grid,.metrics,.form-grid,.price-grid,.group-choices,.detail-grid,.detail-images{grid-template-columns:1fr}.two-grid{grid-template-columns:1fr}.card{padding:15px}.card-head{align-items:flex-start}.filters{width:100%;flex-wrap:wrap}.filters input,.filters select{flex:1 1 180px}.trip-picker{grid-template-columns:1fr 1fr}.inline-form{flex-wrap:wrap}#tripMap{height:370px}.audit{grid-template-columns:1fr}.compact-request-card{grid-template-columns:90px minmax(125px,1fr) 92px;gap:8px;padding:10px 11px}.compact-request-status{grid-column:1;grid-row:1}.compact-request-customer{grid-column:2;grid-row:1}.compact-request-fare{grid-column:3;grid-row:1;text-align:left}.compact-request-route{grid-column:1/3;grid-row:2}.compact-request-actions{grid-column:3;grid-row:2;justify-content:flex-end}.compact-request-card.has-review .compact-request-actions{grid-column:1/-1;grid-row:3;justify-content:flex-start}.map-foot{flex-direction:column}}
@media(max-width:480px){.trip-picker{grid-template-columns:1fr}.notification-panel{width:calc(100vw - 88px)}.page-heading h1{font-size:25px}.stat{padding:15px}.compact-request-card{grid-template-columns:82px minmax(100px,1fr) 82px}.compact-request-card small{font-size:10px}.header-actions .readiness-tag{display:none}}
@media(max-width:1150px){.profile-cards,.health-grid,.group-monitor-options{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-request-flags{grid-column:1/-1}.route-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.live-admin-alert{top:74px;right:88px;width:calc(100vw - 105px)}.profile-cards,.health-grid,.group-monitor-options,.monitor-rule-grid,.route-overview{grid-template-columns:1fr}.section-toolbar,.tracking-resolution{align-items:flex-start;flex-direction:column}.compact-request-flags{grid-column:1/-1;grid-row:3}.compact-request-card.has-review .compact-request-actions{grid-row:4}.student-schedule-row{grid-template-columns:1fr 1fr}.student-schedule-row .icon-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
