:root{--ink:#14163a;--bg:#f6f6fa;--line:#e8e7f0;--muted:#5e6275;--lime:#fbe9f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'IBM Plex Sans Arabic',Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #dd2b81;outline-offset:3px}.workspace{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#14163a;color:#14163a;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{font-size:32px;font-weight:600;display:block}.wordmark small{display:block;font-size:11px;font-weight:400;color:#71748b;margin-top:2px}.company-badge{margin:27px 0 20px;border:1px solid #ffffff20;border-radius:10px;padding:12px;font-family:Arial;font-size:13px}.company-badge small{display:block;font-family:Tahoma;font-size:10px;margin-top:7px;color:#71748b}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:none;color:#5e6275;text-align:right;padding:12px 14px;border-radius:8px;font-size:13px}.sidebar nav button.active{background:#fbe9f3;color:#14163a}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom small{display:block;font-size:11px;color:#71748b}.logout{background:none;border:0;color:#5e6275;padding:14px 0;font-size:12px}.dashboard-main{padding:35px 42px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:30px;font-weight:500;margin:5px 0}.eyebrow{font-size:11px;color:var(--muted)}.top-tools{display:flex;gap:15px;align-items:center}.status{background:#fbe9f3;font-size:11px;border-radius:20px;padding:7px 12px}.demo-banner{border:1px solid #e8e7f0;background:#fff;border-radius:8px;padding:11px 16px;font-size:11px;color:#5e6275;margin-bottom:25px}.ghost{border:1px solid var(--line);border-radius:7px;padding:8px 13px;background:white;color:var(--ink)}.primary{border:0;border-radius:7px;background:var(--ink);color:white;padding:11px 20px}.danger{border:1px solid #ead4ce;background:#fff7f4;color:#a25b4c;border-radius:6px;padding:7px 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat,.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.stat small{font-size:12px;color:var(--muted)}.stat b{font-family:Arial;font-weight:500;font-size:38px;display:block;margin:15px 0 4px}.stat a{font-size:10px;color:var(--muted)}.stat:first-child{background:#fbe9f3}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.section-head h2,.card h2{font-size:19px;font-weight:500;margin:0}.card{margin-bottom:20px}.card p{color:var(--muted);line-height:1.9}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.toolbar input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:11px;color:var(--muted);font-weight:400;background:#faf9fc;padding:12px}td{padding:16px 12px;border-bottom:1px solid #efedf4;font-size:12px}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.tag{display:inline-block;padding:5px 9px;background:#f4edf8;border-radius:6px;font-size:10px}.tag.completed{background:#ebeafa}.tag.cancelled{background:#f4e5e0;color:#a45f50}.tag.in_progress{background:#faf0cc;color:#9a7a30}.empty{text-align:center;padding:55px 20px;color:var(--muted);line-height:2}.actions{display:flex;gap:7px}.notice-box{background:#f6f6fa;color:#5e6275;padding:14px;border-radius:8px;font-size:12px;line-height:1.9;margin-bottom:18px}.groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.group{border:1px solid var(--line);border-radius:9px;padding:18px}.group h3{font-size:16px;font-weight:500;margin:0}.group p{font-size:12px}.group .primary{width:100%;margin-top:10px}.trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trip-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.trip-card h3{font-size:17px;font-weight:500;margin:0}.trip-card p{font-size:12px;color:var(--muted)}.stop{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}.stop>span:first-child{border-radius:50%;background:#f4edf8;width:27px;height:27px;display:grid;place-items:center;font-size:11px}.stop small{display:block;color:var(--muted);font-size:10px}.stop:last-of-type{margin-bottom:18px}dialog{border:1px solid var(--line);border-radius:15px;width:min(620px,94vw);padding:25px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#14163a55;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:21px;font-weight:500}.dialog-head .ghost{font-size:22px;border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:8px;font-size:12px;margin-bottom:14px}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff;max-width:100%;width:100%}input:focus,select:focus{outline:2px solid #dd2b81}textarea{min-height:80px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto}.trip-pick{display:flex;align-items:center;gap:10px;padding:9px;background:#faf5f9;border-radius:7px;margin-bottom:8px}.trip-pick input{width:auto}.trip-pick .ghost{margin-right:auto;padding:4px 9px}.alert{background:#f9e9e2;color:#9b5443;border-radius:7px;padding:12px;margin:12px 0;font-size:12px}#notice{position:fixed;bottom:25px;left:35px;background:#14163a;color:white;border-radius:9px;padding:14px 22px;display:none;z-index:10;font-size:13px}.welcome{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.welcome h2{font-size:27px;line-height:1.6;margin-bottom:10px}.welcome .steps{display:grid;gap:13px}.welcome .steps div{border-bottom:1px solid var(--line);padding-bottom:13px;font-size:12px}.login-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw;gap:10vw}.login-story h1{font-size:48px;line-height:1.5;margin:40px 0 18px}.login-story p{color:var(--muted);line-height:2}.login-story small{font-size:11px;color:var(--muted)}.login-card{background:white;border:1px solid var(--line);padding:40px;border-radius:15px}.login-card h2{font-size:30px;font-weight:500;margin:10px 0}.login-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.login-card .primary{width:100%;margin:12px 0 20px}.login-card>small{font-size:10px;color:var(--muted)}@media(max-width:1000px){.dashboard-main{padding:25px}.workspace{grid-template-columns:195px 1fr}.stats{grid-template-columns:1fr 1fr}.trip-grid,.groups{grid-template-columns:1fr}.welcome{grid-template-columns:1fr}.login-body{padding:5vw;gap:5vw}.login-story h1{font-size:38px}}@media(max-width:650px){.workspace{display:block}.sidebar{position:static;height:auto;padding:16px}.wordmark{font-size:25px}.wordmark small,.company-badge,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.sidebar nav button{white-space:nowrap;padding:9px}.dashboard-main{padding:18px 14px}header{align-items:start}h1{font-size:25px}.top-tools{gap:7px}.status{font-size:9px;padding:7px}.demo-banner{font-size:10px}.card,.trip-card{padding:16px}.stats{gap:10px}.stat{padding:16px}.stat b{font-size:32px}.section-head{align-items:start}.form-grid{grid-template-columns:1fr}.login-body{display:block;padding:25px}.login-story h1{font-size:30px;margin:18px 0}.login-story p,.login-story small{display:none}.login-card{padding:25px;margin-top:25px}}

/* D&E light operations workspace */
.sidebar{background:#fff;border-left:1px solid var(--line)}.sidebar nav button.active{background:#fbe9f3;color:#b81d68}.primary{background:#c0186c;color:#fff;border-radius:12px}.wordmark{display:flex;gap:10px;align-items:center;color:#14163a}.wordmark img{width:42px;height:42px}.wordmark small{font-size:10px}.company-badge{border-color:var(--line)}.demo-banner{font-size:12px}.sidebar details{margin-top:14px}.sidebar summary{padding:12px;font-size:12px;cursor:pointer;color:var(--muted)}.sidebar details button{display:block;width:100%}.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.attention-card{border:1px solid #e8d5e4;background:#fff;padding:16px;border-radius:16px}.attention-card p{margin:6px 0;font-size:13px}.geo-map{height:420px;overflow:hidden;position:relative;background:#f6f6fa;border-radius:16px;border:1px solid var(--line)}.geo-map .tile{position:absolute;width:256px;height:256px;max-width:none}.geo-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-credit{position:absolute;bottom:0;right:0;background:#fffe;padding:4px 8px;font-size:10px;z-index:3}.map-controls{position:absolute;left:10px;top:10px;display:grid;gap:6px;z-index:4}.map-marker{position:absolute;transform:translate(-50%,-50%);border:3px solid #fff;background:#dd2b81;color:#fff;border-radius:30px;min-width:28px;height:28px;font:12px Arial;z-index:2;cursor:pointer}.map-marker.stale{background:#858597}.map-caption{font-size:11px;color:var(--muted);margin:10px 0}.driver-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:15px}.driver-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.driver-row b{display:block}.driver-row small{color:var(--muted);display:block;margin-top:5px}.badge-delayed,.badge-absent{color:#9d4a18;background:#fff0e3;padding:5px 8px;border-radius:8px}.route-preview{margin-top:14px}.stat b{color:#c0186c}.login-story .wordmark{font-size:30px}.brand-mobile img{width:38px;height:38px}.map-point-list{font-size:12px;line-height:1.9}.guide-overlay{position:fixed;inset:0;z-index:2000;background:#14163a88}.guide-hole{position:fixed;border:3px solid #dd2b81;border-radius:14px;box-shadow:0 0 0 9999px #14163aaa;z-index:2001;pointer-events:none}.guide-card{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;padding:22px;border-radius:18px;width:min(430px,90vw);z-index:2002}.guide-card p{line-height:1.8}.guide-card .actions{justify-content:space-between}@media(max-width:650px){.sidebar details{margin:0}.sidebar details button{display:inline;width:auto}.sidebar nav{align-items:start}.geo-map{height:340px}.wordmark small{display:none}}
.security{max-width:640px}.security-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}.security-head p{margin:4px 0 0}.security-badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fbe9f3;font-size:22px;flex:none}.security-badge.on{background:#e7f6ee}.security-form h3,.security h3{font-size:15px;font-weight:600;margin:18px 0 6px}.security-form .actions,.security .actions{flex-wrap:wrap;margin-top:6px}.secret{display:block;font:18px/1.6 monospace;letter-spacing:2px;text-align:center;background:#f6f6fa;border-radius:10px;padding:14px;margin:6px 0 4px;user-select:all;word-break:break-all}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.recovery-codes code{background:#f6f6fa;border-radius:8px;padding:9px;text-align:center;font:14px monospace}.code-input{font:24px monospace;letter-spacing:6px;text-align:center}.link-button{background:none;border:0;color:#c0186c;padding:6px 0;font-size:12px;text-decoration:underline}