:root{color:#172238;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{width:18px;height:18px}.boot-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#d8eff9,transparent 38%),#f4f7fa}.boot-screen span{width:48px;height:48px;border-radius:15px;background:#173e58;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.08);box-shadow:0 16px 36px #173e5855}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{width:min(100%,440px);padding:34px;border:1px solid #dfe6ec;border-radius:28px;background:#fff;box-shadow:0 28px 70px #173e5818}.brand-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#ffd02f;color:#173e58}.brand-mark svg{width:30px;height:30px}.login-card h1,.page-heading h1{margin:6px 0 8px;font-size:clamp(26px,4vw,40px);letter-spacing:-.035em}.muted,.page-heading p,.panel-heading p{color:#687487}.eyebrow{margin:18px 0 0;color:#16709a;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.form-stack{display:grid;gap:16px;margin-top:26px}label span{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#4e5b6f}input,select,textarea{width:100%;border:1px solid #dce3e9;border-radius:12px;background:#fff;padding:11px 12px;color:#172238;outline:none}input:focus,select:focus,textarea:focus{border-color:#16709a;box-shadow:0 0 0 3px #16709a18}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:12px;color:#8190a3}.input-with-icon input{padding-left:40px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer}.primary-button{background:#173e58;color:#fff}.primary-button.compact{min-height:40px;width:fit-content}.secondary-button{background:#eef2f5;color:#344054}.danger-button{background:#fff0f0;color:#c62929}.primary-button:disabled{opacity:.55;cursor:not-allowed}.text-button{border:0;background:none;color:#16709a;font-weight:700;cursor:pointer}.error-box{margin:0;border-radius:12px;background:#fff0f0;padding:11px 12px;color:#b42318;font-size:13px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;height:100vh;display:flex;flex-direction:column;background:#122f43;color:#fff;padding:22px 16px}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.sidebar-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffd02f;color:#173e58}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{margin-top:2px;color:#a9c3d1}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;color:#bdd0da;font-size:14px;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar-user{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #ffffff1a}.sidebar-user p{margin:0;font-weight:800}.sidebar-user small{color:#a9c3d1}.sidebar-user button{display:flex;align-items:center;gap:8px;margin-top:14px;border:0;background:none;color:#ffcfca;cursor:pointer}.sidebar-close,.menu-button,.sidebar-backdrop{display:none}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:74px;padding:12px 28px;border-bottom:1px solid #dde5eb;background:#f7f9fbeb;backdrop-filter:blur(16px)}.topbar .eyebrow{margin:0 0 2px}.live-chip{margin-left:auto;border-radius:999px;background:#dcfce7;padding:7px 12px;color:#16733b;font-size:12px;font-weight:800}.workspace>main{padding:28px}.page-stack{display:grid;gap:22px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.page-heading p{max-width:720px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.vehicle-card{border:1px solid #dfe6ec;border-radius:20px;background:#fff;box-shadow:0 8px 26px #173e580a}.metric-card{display:flex;align-items:center;gap:14px;padding:20px}.metric-card>span,.vehicle-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e7f4fa;color:#16709a}.metric-card p{margin:0 0 5px;color:#687487;font-size:13px}.metric-card strong{font-size:24px}.panel{overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5ebef}.panel-heading h2,.panel-heading p{margin:0}.panel-heading a{color:#16709a;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:840px}th,td{padding:14px 16px;border-bottom:1px solid #edf1f4;text-align:left;font-size:13px;vertical-align:middle}th{color:#647184;background:#fafbfc;font-size:11px;letter-spacing:.06em;text-transform:uppercase}td small{display:block;margin-top:4px;color:#7d8999}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7fbfd}.route-cell{display:grid;grid-template-columns:minmax(0,1fr);max-width:290px;color:#516072}.route-cell b{color:#16709a}.status-badge{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.status-badge.success{background:#dcfce7;color:#16733b}.status-badge.warning{background:#fff4c7;color:#8a6500}.status-badge.info{background:#e4f2ff;color:#175f91}.status-badge.danger{background:#ffe4e4;color:#b42318}.status-badge.neutral{background:#eef2f5;color:#596579}.toolbar{display:flex;align-items:center;gap:12px}.toolbar>span{margin-left:auto;color:#687487;font-size:13px;font-weight:700}.toolbar select{width:210px}.search-field{position:relative;width:min(100%,380px)}.search-field svg{position:absolute;left:12px;top:11px;color:#8390a1}.search-field input{padding-left:40px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:80;background:#0d1f2c80;backdrop-filter:blur(3px)}.detail-drawer{position:absolute;inset:0 0 0 auto;width:min(100%,620px);overflow-y:auto;background:#f5f8fa;box-shadow:-20px 0 50px #08141d33}.detail-drawer>header,.modal-card>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #dfe6ec;background:#fff}.detail-drawer h2,.modal-card h2{margin:4px 0 0}.detail-drawer header button,.modal-card header button{border:0;background:#eef2f5;border-radius:10px;padding:8px;cursor:pointer}.drawer-content{display:grid;gap:14px;padding:16px}.drawer-loading{padding:30px;color:#687487}.detail-summary{display:flex;align-items:center;gap:12px}.detail-summary strong{margin-left:auto;font-size:22px}.detail-summary>span:last-child{color:#687487}.booking-map{height:250px;overflow:hidden;border-radius:18px;background:#dfe8ed}.stop-card,.detail-block{border:1px solid #dfe6ec;border-radius:16px;background:#fff;padding:15px}.stop-card{display:flex;gap:12px}.stop-card>svg{color:#16a34a}.stop-card.drop>svg{color:#dc2626}.stop-card small,.stop-card strong,.stop-card p,.stop-card a{display:block}.stop-card strong{margin:4px 0 9px;line-height:1.45}.stop-card p,.stop-card a{margin:5px 0 0;color:#667386;font-size:13px}.stop-card p svg,.stop-card a svg{width:14px;height:14px;vertical-align:-2px}.detail-block h3{margin:0 0 12px}.detail-block dl{display:grid;gap:9px;margin:0}.detail-block dl div{display:flex;justify-content:space-between;gap:16px}.detail-block dt{color:#687487}.detail-block dd{margin:0;text-align:right}.inline-form{display:flex;gap:8px;margin-top:12px}.inline-form select{flex:1}.assigned-rider{display:flex;justify-content:space-between}.action-row{display:flex;gap:8px}.timeline{display:grid;gap:13px}.timeline>div{display:grid;grid-template-columns:12px 1fr;gap:10px}.timeline>div>span{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#16709a}.timeline strong{text-transform:capitalize}.timeline p,.timeline small{margin:3px 0 0;color:#687487}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,700px);max-height:90vh;overflow-y:auto;border-radius:22px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.form-grid .full{grid-column:1 / -1}.form-grid textarea{min-height:90px;resize:vertical}.checkbox-label{display:flex;align-items:center;gap:9px;align-self:end;min-height:43px}.checkbox-label input{width:auto}.checkbox-label span{margin:0}.modal-card footer{display:flex;justify-content:end;gap:9px;padding:16px 20px 20px}.icon-actions{display:flex;gap:6px}.icon-actions button,.edit-button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;background:#eef4f7;padding:8px;color:#31576d;cursor:pointer}.icon-actions button.danger{color:#b42318;background:#fff0f0}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vehicle-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px}.vehicle-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.vehicle-title h2{margin:0;font-size:18px}.vehicle-card p{color:#687487;line-height:1.5}.active-dot,.inactive-dot{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.active-dot{background:#dcfce7;color:#16733b}.inactive-dot{background:#eef2f5;color:#687487}.edit-button{grid-column:1 / -1;justify-self:start}@media(max-width:1080px){.metric-grid,.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-105%);width:min(86vw,300px);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-close{display:block;position:absolute;right:12px;top:12px;border:0;background:#ffffff12;color:#fff;border-radius:9px;padding:7px}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;border:0;background:#0d1f2c88}.menu-button{display:grid;place-items:center;border:0;border-radius:10px;background:#e8eef2;padding:9px}.workspace>main{padding:18px 12px 32px}.topbar{min-height:64px;padding:10px 14px}.page-heading{align-items:start;flex-direction:column}.metric-grid,.vehicle-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar select,.search-field{width:100%}.toolbar>span{margin-left:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-card{padding:26px 20px}}