:root{--navy:#061632;--navy2:#0b2a58;--blue:#0d63e5;--blue2:#2477f5;--green:#14a44d;--orange:#ff7a00;--purple:#6c3dde;--red:#ed3b36;--ink:#0d1b34;--muted:#667085;--line:#dbe2ec;--bg:#f3f6fb;--white:#fff;--shadow:0 8px 28px rgba(13,31,61,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#0b63df;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:226px;background:linear-gradient(180deg,#071833 0%,#092653 54%,#06152f 100%);color:#fff;padding:15px 12px;position:sticky;top:0;height:100vh;z-index:20;box-shadow:8px 0 25px #06152f1c}.mgbrand{display:flex;align-items:center;gap:9px;min-width:170px}.mgmark{width:60px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transform:skew(-8deg);background:linear-gradient(145deg,#ffb51b,#ff6b00);clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);color:#071833;text-shadow:0 1px #fff5}.mgmark b{font-size:24px;line-height:22px;letter-spacing:-2px}.mgmark small{font-size:7px;font-weight:900;letter-spacing:.8px}.mgbrandtext{display:flex;flex-direction:column}.mgbrandtext strong{font-size:13px;letter-spacing:.4px}.mgbrandtext span{font-size:8px;letter-spacing:1px;color:#c5d5ec}.mgbrand.compact{min-width:unset}.mgbrand.compact .mgmark{width:48px;height:39px}.mgbrand.compact .mgbrandtext strong{font-size:11px}.side-divider{border-top:1px solid #ffffff17;margin:13px 0}.sidenav{display:grid;gap:3px}.sidenav a,.sidebar-footer a{display:flex;align-items:center;gap:11px;color:#cbd8eb;padding:9px 11px;border-radius:7px;font-weight:650;font-size:12px}.sidenav a:hover,.sidenav a.active,.sidebar-footer a:hover{background:linear-gradient(90deg,#0866e4,#0a4eb4);color:#fff;box-shadow:0 5px 14px #001c4a44}.navico{width:20px;text-align:center;font-size:15px}.sidebar-footer{position:absolute;left:12px;right:12px;bottom:14px;border-top:1px solid #ffffff17;padding-top:9px}.main{flex:1;min-width:0;padding:12px 14px 26px}.suitebar{min-height:78px;background:linear-gradient(100deg,#061632,#092653);border-radius:9px;padding:10px 15px;color:#fff;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow);margin-bottom:10px}.suite-brand{display:flex;gap:12px;align-items:center;min-width:300px}.suite-brand h2{margin:0;font-size:18px}.suite-brand p{margin:2px 0 0;color:#ffc425;font-size:10px;font-weight:800}.suite-features{display:flex;flex:1;justify-content:space-around;border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f}.suite-features span{text-align:center;font-size:9px;font-weight:700;color:#f7f9fc;padding:0 7px}.suite-features b{display:block;font-size:18px;color:#ffc425;line-height:20px}.profile-chip{display:flex;gap:8px;align-items:center;min-width:125px}.profile-chip .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#0b63df;font-weight:900}.profile-chip small{display:block;color:#aebfd8;font-size:9px}.workflow-card{background:#fff;border:1px solid #cfd8e8;border-radius:9px;padding:13px 10px 6px;box-shadow:var(--shadow);position:relative;margin-bottom:10px}.section-ribbon,.panel-title{height:26px;background:#0b2a58;color:#fff;border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:900;font-size:11px;letter-spacing:.2px}.section-ribbon{position:absolute;left:50%;top:-1px;transform:translateX(-50%);min-width:260px;justify-content:center}.workflow-row{display:flex;align-items:stretch;justify-content:space-between;padding-top:24px;gap:4px}.flow-step{flex:1;min-width:80px;border:1px solid #d6dfeb;border-radius:8px;padding:7px 5px;text-align:center;position:relative;background:#fff}.flow-step b{display:block;font-size:10px}.flow-step small{display:block;font-size:8px;color:#4e5f78;margin-top:3px;line-height:1.25}.flow-num{position:absolute;left:6px;top:5px;font-size:9px;font-weight:900}.flow-icon{font-size:23px;margin:4px 0 2px}.flow-step.green{border-color:#65bb7f}.flow-step.green .flow-icon,.flow-step.green .flow-num{color:#159447}.flow-step.blue{border-color:#79a7f4}.flow-step.blue .flow-icon,.flow-step.blue .flow-num{color:#0c64db}.flow-step.orange{border-color:#ff9b62}.flow-step.orange .flow-icon,.flow-step.orange .flow-num{color:#f06600}.flow-step.purple{border-color:#a58ae8}.flow-step.purple .flow-icon,.flow-step.purple .flow-num{color:#683cce}.flow-arrow{align-self:center;color:#0b2a58;font-weight:900;font-size:15px}.realtime-line{text-align:center;font-size:9px;font-weight:900;color:#5428bd;border-top:1px dashed #7c54de;margin-top:8px;padding-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1.15fr .85fr .8fr;gap:9px}.panel{background:#fff;border:1px solid #cfd8e8;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.admin-overview{grid-column:span 1}.driver-management{grid-column:span 2}.create-driver{grid-column:span 1}.assign-rider{grid-column:span 1}.rider-location{grid-column:span 1}.public-track-widget{grid-column:span 1}.mobile-preview{grid-column:span 2}.architecture{grid-column:span 1}.panel>form,.panel>h3,.panel>.track-demo,.panel>.map-mock{margin:10px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:9px}.mini-stats>div{border-radius:7px;padding:9px;color:#fff;min-height:58px}.mini-stats small{font-size:8px;display:block;opacity:.9}.mini-stats b{font-size:20px}.bluebox{background:linear-gradient(135deg,#0870e9,#2c86ed)}.greenbox{background:linear-gradient(135deg,#0f9c45,#28bd61)}.orangebox{background:linear-gradient(135deg,#f06c00,#ff962e)}.purplebox{background:linear-gradient(135deg,#6539ce,#855ddd)}.overview-split{display:grid;grid-template-columns:1.45fr .75fr;gap:7px;padding:0 9px 8px}.overview-split>div{border:1px solid #e2e7ef;border-radius:7px;padding:7px}.overview-split h3,.performance h3{font-size:10px;margin:0 0 5px}.performance{display:flex!important;flex-direction:column;align-items:center}.donut{--pct:87;width:78px;height:78px;border-radius:50%;background:conic-gradient(#149447 calc(var(--pct)*1%),#ff8b1f 0 93%,#e84038 0);display:grid;place-items:center;position:relative}.donut:after{content:"";width:55px;height:55px;border-radius:50%;background:#fff;position:absolute}.donut div{z-index:1;text-align:center}.donut b{font-size:17px;display:block}.donut span{font-size:7px}.performance ul{list-style:none;padding:0;margin:5px 0;font-size:7px}.dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.greenbg{background:#16a34a}.orangebg{background:#ff7a00}.redbg{background:#ef4444}.bluebg{background:#2477f5}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 9px 9px}.quick-actions a{background:#0b63df;color:#fff;border-radius:4px;text-align:center;padding:6px;font-size:8px;font-weight:800}.panel table{font-size:9px}.panel th,.panel td{padding:7px 5px}.panel .badge{font-size:7px;padding:3px 6px}.legend{display:flex;gap:13px;padding:7px 10px;font-size:8px}.table-action{color:#0a4eb4}.create-driver form label,.assign-rider form label{margin-bottom:7px}.create-driver input,.assign-rider select{padding:7px;font-size:9px}.greenbtn{background:linear-gradient(135deg,#118a3f,#14b653)!important;color:#fff!important;border:0}.green-title{background:#138a3d}.purple-title{background:#673ab7}.map-mock{position:relative;height:185px;background:#eef1ee;border-radius:6px;overflow:hidden;border:1px solid #dfe5e0}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#fff9 1px,transparent 1px),linear-gradient(90deg,#fff9 1px,transparent 1px);background-size:28px 28px;transform:rotate(-14deg) scale(1.3)}.road{position:absolute;background:#fff;border:1px solid #d5d8d5;height:8px;width:130%;left:-20%;top:50%;transform:rotate(-25deg)}.road.r2{transform:rotate(42deg);top:38%}.route-line{position:absolute;width:145px;height:80px;border-left:4px solid #13954d;border-bottom:4px solid #13954d;left:25%;top:24%;transform:skew(-20deg) rotate(-7deg);border-radius:0 0 0 20px}.map-pin{position:absolute;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 3px 12px #0003}.map-pin.rider{left:27%;top:24%;background:#0b63df}.map-pin.drop{right:20%;bottom:22%;background:#159447}.map-card{position:absolute;left:8px;top:8px;background:#fff;border-radius:7px;padding:6px 8px;box-shadow:0 3px 13px #0002;display:flex;flex-direction:column;font-size:8px}.public-track-widget h3{text-align:center;margin-bottom:4px}.public-track-widget>form{display:flex;gap:4px}.public-track-widget>form input{flex:1}.track-demo{border:1px solid #dfe7e1;border-radius:7px;padding:7px}.track-demo .map-mock{height:100px;margin-top:4px}.demo-timeline{display:grid;gap:3px;font-size:8px}.demo-timeline span{color:#506079}.demo-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:5px}.demo-bottom strong{display:block;font-size:15px;color:#159447}.phones{display:flex;justify-content:space-around;gap:6px;padding:8px 7px 4px;background:linear-gradient(180deg,#f4efff,#fff)}.phone{width:105px;height:225px;border:4px solid #09152d;border-radius:18px;background:#09152d;padding:5px;box-shadow:0 4px 12px #0003;position:relative}.speaker{position:absolute;width:34px;height:4px;border-radius:6px;background:#081124;top:4px;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;background:#fff;border-radius:12px;padding:10px 7px 7px;overflow:hidden;font-size:7px}.phone-screen h4{font-size:10px;margin:5px 0}.phone-screen p{font-size:7px}.phone-logo{width:45px;height:35px;background:#0b2a58;color:#ffc425;border-radius:7px;display:grid;place-items:center;font-size:15px;font-weight:900;margin:5px auto}.phone-input{border:1px solid #dce3ec;padding:6px;border-radius:4px;margin:5px 0;color:#8a97aa}.phone button{width:100%;padding:6px;border:0;border-radius:4px;background:#0b63df;color:#fff;font-size:7px;margin:4px 0}.phone small{font-size:6px;color:#6a778a}.phone-head{margin:-10px -7px 7px;background:#0b2a58;color:#fff;padding:8px 6px;font-weight:800}.phone-head em{float:right;color:#50d775;font-style:normal}.driver-mini{font-size:7px}.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:8px 0}.phone-stats span{background:#f3f6fb;border-radius:5px;text-align:center;padding:5px 2px;font-size:6px}.phone-stats b{display:block;font-size:11px;color:#0b63df}.earning{background:#f6f7fa;border-radius:5px;padding:7px;font-size:6px}.earning b{display:block;font-size:10px}.greenbtn{background:#139447!important}.mini-order{border:1px solid #e1e6ef;border-radius:5px;padding:5px;margin:4px 0;display:grid}.mini-order em{font-style:normal;color:#139447;font-size:6px}.green-text{color:#159447!important}.purplebtn{background:#673ab7!important}.ghostbtn{background:#eef1f6!important;color:#334155!important}.mini-timeline{line-height:20px}.mini-timeline i{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid #159447;margin-right:6px}.mini-timeline i.on{background:#159447}.phone-labels{display:flex;justify-content:space-around;font-size:7px;padding:4px}.architecture{padding-bottom:7px}.arch-row{display:flex;justify-content:center;align-items:center;gap:7px;padding:9px}.archbox{border:1px solid #a9c1e8;background:#f7fbff;border-radius:7px;padding:7px;width:90px;text-align:center;font-size:19px}.archbox b,.archbox small{display:block;font-size:7px}.arch-db{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.arch-db div{border:1px solid #6c8ac1;border-radius:50%;padding:7px 15px;text-align:center}.arch-db b{display:block;font-size:8px}.arch-row.bottom{justify-content:space-around}.info-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.info-strip>div{background:#fff;border:1px solid #cfd8e8;border-radius:7px;overflow:hidden}.info-strip h3{margin:0;background:#0b63df;color:#fff;text-align:center;font-size:9px;padding:6px}.info-strip>div:nth-child(2) h3{background:#5e3ebd}.info-strip>div:nth-child(3) h3{background:#159447}.info-strip>div:nth-child(4) h3{background:#ed7900}.info-strip>div:nth-child(5) h3{background:#e84536}.info-strip p{padding:7px 10px;font-size:8px;line-height:1.8;margin:0}.launch-footer{grid-column:1/-1;background:#050b16;color:#ffc425;border-radius:5px;padding:8px 13px;display:flex;align-items:center;gap:13px;font-size:8px}.launch-footer strong{flex:1;text-align:center;font-size:11px}.launch-footer span{color:#fff}.panel-title a{color:#fff;background:#1165df;padding:4px 7px;border-radius:4px;font-size:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:9px 13px;font-weight:850;cursor:pointer;background:#eef2f7;color:#30425f}.btn.primary{background:linear-gradient(135deg,#0b61db,#287af2);color:#fff;box-shadow:0 8px 18px #0b61db2b}.btn.orange,.orange{background:linear-gradient(135deg,#f06b00,#ff921e);color:#fff}.btn.danger,.danger{background:#fff0ef;color:#c8312e}.btn.mini{padding:5px 8px;font-size:10px}.btn.full{width:100%}.card{background:#fff;border:1px solid #d7dfeb;border-radius:9px;padding:16px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.card h2{margin:2px 0 10px}.muted{color:var(--muted)}.count-pill,.role-pill{background:#edf4ff;color:#0b63df;border:1px solid #d5e5ff;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.page-grid{display:grid;gap:12px}.page-grid.two-one{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.span2{grid-column:span 2}label{display:grid;gap:5px;font-size:11px;font-weight:750;color:#26364f;margin-bottom:10px}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:6px;padding:9px 10px;background:#fff;color:#12213a;outline:none}input:focus,select:focus,textarea:focus{border-color:#377cf0;box-shadow:0 0 0 3px #377cf018}textarea{min-height:85px;resize:vertical}.inline{display:inline-flex;gap:4px;align-items:center}.inline select{width:auto;padding:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e8edf4;padding:9px 7px;font-size:11px;vertical-align:top}th{font-size:9px;color:#637188;background:#f8fafc;text-transform:uppercase;letter-spacing:.4px}td small{display:block;color:#738096;margin-top:3px}.badge{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:900}.badge.green{background:#eafaf0;color:#138541}.badge.blue{background:#eaf3ff;color:#0a5bc4}.badge.yellow{background:#fff7df;color:#b76b00}.badge.red{background:#fff0ef;color:#bd2c29}.empty{text-align:center!important;color:#8996a8;padding:24px!important}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:900;color:#aac9ff}.eyebrow.dark{color:#0b63df}.form-card{max-width:900px}.form-hero{background:linear-gradient(100deg,#071833,#0d63e5);color:#fff;border-radius:10px;padding:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.form-hero h2{margin:5px 0}.form-hero p{margin:0;color:#d5e5ff}.form-hero>span{font-size:55px;color:#ffc425}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi{background:#fff;border:1px solid #d5deea;border-radius:9px;padding:15px;box-shadow:var(--shadow)}.kpi span{display:block;color:#6b778b;font-size:10px}.kpi b{display:block;font-size:24px;margin-top:5px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{border:1px solid #e0e6ef;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center}.product-card h3,.product-card p{margin:3px 0}.product-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#eef5ff;color:#0b63df;font-size:20px}.product-card form{margin-left:auto}.tip{background:#fff7df;border-left:3px solid #f2a100;padding:9px;margin-top:12px;font-size:10px}.url{background:#f7f9fc;border:1px dashed #b9c5d6;border-radius:6px;padding:10px;word-break:break-all;font-weight:600}.notification-list{display:grid}.notification-list>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5}.notice-icon{width:34px;height:34px;border-radius:9px;background:#eaf3ff;color:#0b63df;display:grid;place-items:center}.notification-list small{display:block;color:#7b8798}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.company-card{border:1px solid #dbe3ef;border-radius:9px;padding:13px;display:flex;gap:10px}.company-building{width:46px;height:46px;background:#eaf3ff;color:#0b63df;border-radius:9px;display:grid;place-items:center;font-size:22px}.company-card h3,.company-card p{margin:0 0 4px}.company-card span{font-size:10px;color:#738096}.report-bars{display:grid;gap:15px}.report-bars>div{display:grid;grid-template-columns:110px 1fr 55px;align-items:center;gap:10px}.report-bars i{display:block;height:12px;background:linear-gradient(90deg,#0b63df var(--w),#e7edf6 var(--w));border-radius:99px}.notfound{min-height:100vh;display:grid;place-items:center;text-align:center}.notfound h1{font-size:90px;margin:0}.public-top{height:78px;background:#061632;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.public-top nav{display:flex;align-items:center;gap:22px}.public-top nav>a:not(.btn){color:#d8e5f6}.public-hero{min-height:540px;background:linear-gradient(110deg,#061632 0%,#0a2b59 45%,#1267e8 100%);color:#fff;padding:60px 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.public-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:12px 0}.public-hero p{font-size:17px;line-height:1.7;color:#d7e6fb;max-width:760px}.hero-actions{display:flex;gap:10px}.glass{background:#ffffff14;color:#fff;border:1px solid #ffffff45}.hero-panel{background:#ffffff10;border:1px solid #ffffff2f;border-radius:16px;padding:20px;backdrop-filter:blur(12px)}.hero-panel h3{margin:0 0 12px;color:#ffc425}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hero-metrics span{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:7px;text-align:center;padding:8px;font-size:9px}.hero-metrics b{display:block;font-size:18px;color:#ffc425}.hero-panel .map-mock{height:250px;margin-top:12px}.home-workflow{padding:20px 4vw}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f4f7fb}.auth-navy .auth-visual{background:linear-gradient(135deg,#061632,#0d63e5);color:#fff;display:grid;place-items:center;padding:60px}.auth-visual>div{max-width:600px}.auth-visual h1{font-size:54px;line-height:1.05;margin:20px 0}.auth-visual p{font-size:17px;color:#d5e5ff;line-height:1.7}.auth-badges{display:flex;gap:7px;flex-wrap:wrap}.auth-badges span{background:#ffffff16;border:1px solid #ffffff2a;border-radius:99px;padding:7px 11px;font-size:10px}.authbox{align-self:center;justify-self:center;width:min(430px,90%);background:#fff;border:1px solid #d8e0eb;border-radius:16px;padding:30px;box-shadow:0 24px 60px #07183322}.authbox.wide{width:min(720px,92%)}.brand-login{margin-bottom:20px}.authbox h1{font-size:30px;margin:5px 0}.form-link{text-align:right;margin-top:-4px}.center{text-align:center}.app-link{display:block;text-align:center;margin-top:13px;padding-top:13px;border-top:1px solid #edf0f5}.alert{background:#fff1f0;color:#b82b27;border:1px solid #ffd9d6;border-radius:7px;padding:9px;margin:10px 0}.tracking-page{min-height:100vh;background:#f3f6fb}.tracking-head{height:70px;background:#061632;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.tracking-head>div{display:flex;gap:18px}.tracking-head a{color:#fff}.tracking-search{background:linear-gradient(110deg,#061632,#0b2e62,#0d63e5);color:#fff;text-align:center;padding:34px 20px}.track-title h1{font-size:34px;margin:8px 0}.tracking-search p{color:#dbe9fc}.tracking-search form{max-width:650px;margin:18px auto 7px;display:flex;gap:7px}.tracking-search input{padding:12px}.tracking-live{padding:16px 4vw 35px;display:grid;grid-template-columns:300px 1fr;grid-template-areas:"info map" "timeline progress";gap:10px}.track-info{grid-area:info;position:relative}.track-map{grid-area:map}.track-map .map-mock{height:300px}.timeline-card{grid-area:timeline}.progress-card{grid-area:progress}.track-grid{display:grid;gap:10px;margin-top:15px}.track-grid>div{border-bottom:1px solid #edf0f4;padding-bottom:8px}.track-grid small{display:block;color:#788598;font-size:9px}.eta-ring{position:absolute;right:16px;top:96px;width:85px;height:85px;border:9px solid #dbe4e9;border-top-color:#159447;border-right-color:#159447;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff}.eta-ring b{font-size:25px;color:#159447}.eta-ring span{font-size:8px}.driver-float{position:absolute;right:6%;top:50%;background:#fff;border-radius:9px;padding:9px 13px;box-shadow:0 5px 18px #0002;display:grid}.track-map{position:relative}.track-timeline{border-left:2px solid #d8e2ef;margin-left:9px;padding-left:18px}.track-timeline>div{position:relative;display:grid;grid-template-columns:65px 110px 1fr;gap:8px;margin:10px 0}.track-timeline i{position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:#0b63df}.track-timeline small{color:#7a8798}.progress-row{display:flex;justify-content:space-between;gap:4px;margin-top:25px;position:relative}.progress-row:before{content:"";position:absolute;height:3px;background:#d8e0ea;left:5%;right:5%;top:6px}.progress-step{position:relative;text-align:center;z-index:1;flex:1}.progress-step i{display:block;width:14px;height:14px;border:3px solid #b7c2d3;border-radius:50%;background:#fff;margin:0 auto 8px}.progress-step.done i{border-color:#0b63df;background:#0b63df}.progress-step b{font-size:9px}.tracking-placeholder{max-width:1000px;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tracking-placeholder>div{background:#fff;border:1px solid #dbe3ee;border-radius:9px;padding:20px;display:grid}.tracking-placeholder span{color:#758194;font-size:11px}.track-notfound{max-width:700px;margin:20px auto;background:#fff1f0;color:#b82b27;border:1px solid #ffd8d6;border-radius:8px;padding:14px;text-align:center}.rider-shell{max-width:430px;min-height:100vh;margin:auto;background:#f5f7fb;box-shadow:0 0 50px #0b1c3822;position:relative;padding-bottom:72px}.rider-top,.rider-page-head{background:linear-gradient(135deg,#061632,#0b63df);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.rider-page-head b{font-size:16px}.rider-page-head a{color:#fff;font-size:28px}.online-dot{display:inline-block;width:8px;height:8px;background:#27c45a;border-radius:50%}.rider-shell main{padding:15px}.rider-welcome{background:#fff;border:1px solid #dfe6ef;border-radius:11px;padding:13px;display:flex;gap:11px}.rider-avatar{width:48px;height:48px;background:#eef4fd;border-radius:50%;display:grid;place-items:center;font-size:25px}.rider-welcome h2{margin:1px 0}.rider-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.rider-stats>div{background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:10px;text-align:center}.rider-stats b{display:block;font-size:19px;color:#0b63df}.rider-stats span{font-size:9px}.rider-main-card{display:grid;gap:7px}.rider-action{display:flex;justify-content:space-between;background:#f6f8fb;border:1px solid #e1e7ef;border-radius:8px;padding:12px;color:#20314d;font-weight:800}.rider-action.primary{background:#0b63df;color:#fff}.rider-bottom{position:fixed;bottom:0;width:430px;max-width:100%;background:#fff;border-top:1px solid #dfe5ed;display:flex;justify-content:space-around;padding:8px 0}.rider-bottom a{display:grid;text-align:center;color:#7b8798;font-size:16px}.rider-bottom a span{font-size:8px}.rider-bottom a.active{color:#0b63df}.rider-tabs{display:flex;gap:6px;margin-bottom:10px}.rider-tabs span{padding:7px 12px;background:#fff;border:1px solid #dfe5ed;border-radius:99px;font-size:10px}.rider-tabs span.active{background:#0b63df;color:#fff}.rider-order{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px;margin-bottom:10px}.rider-order h3,.rider-order p{margin:5px 0}.rider-order-meta{display:flex;gap:8px}.rider-order-meta span{flex:1;background:#f7f9fc;padding:8px;border-radius:7px;font-size:9px}.rider-order-meta b{display:block}.rider-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.gps-card .map-mock{height:260px;margin:0 0 15px}.gps-message{margin-top:10px;color:#159447;font-weight:700}.rider-update{margin-top:20px}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media(max-width:1350px){.suite-features span:nth-child(5),.suite-features span:nth-child(6),.suite-features span:nth-child(7){display:none}.dashboard-grid{grid-template-columns:1.2fr 1fr 1fr}.admin-overview{grid-column:span 2}.driver-management{grid-column:span 2}.mobile-preview{grid-column:span 2}.architecture{grid-column:span 1}.info-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.sidebar{width:190px}.suite-brand{min-width:230px}.suite-features span:nth-child(n+4){display:none}.workflow-row{overflow-x:auto;justify-content:flex-start}.flow-step{min-width:100px}.dashboard-grid{grid-template-columns:1fr 1fr}.admin-overview,.driver-management,.mobile-preview{grid-column:1/-1}.info-strip{grid-template-columns:repeat(2,1fr)}.public-hero{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-visual{display:none!important}.tracking-live{grid-template-columns:1fr;grid-template-areas:"info" "map" "timeline" "progress"}.page-grid.two-one{grid-template-columns:1fr}.company-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{position:fixed;left:-230px;transition:.2s}.sidebar.open{left:0}.main{padding:7px}.suitebar{display:block}.suite-brand{min-width:unset}.suite-features{margin-top:9px;border:0}.suite-features span:nth-child(n+4){display:none}.profile-chip{display:none}.dashboard-grid{grid-template-columns:1fr}.admin-overview,.driver-management,.create-driver,.assign-rider,.rider-location,.public-track-widget,.mobile-preview,.architecture{grid-column:1}.overview-split{grid-template-columns:1fr}.phones{overflow-x:auto;justify-content:flex-start}.phone{min-width:105px}.info-strip{grid-template-columns:1fr}.launch-footer{display:none}.workflow-card{overflow:hidden}.workflow-row{padding-bottom:8px}.flow-arrow{display:none}.public-top{padding:0 15px}.public-top nav>a:not(.btn){display:none}.public-hero{padding:45px 20px}.public-hero h1{font-size:42px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.tracking-search form{flex-direction:column}.tracking-placeholder{grid-template-columns:1fr 1fr;padding:10px}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.stats-row{grid-template-columns:1fr 1fr}.product-grid,.company-grid{grid-template-columns:1fr}.track-timeline>div{grid-template-columns:50px 1fr}.track-timeline small{grid-column:2}.report-bars>div{grid-template-columns:85px 1fr}.suitebar:before{content:"☰";float:right;font-size:20px;cursor:pointer}.main:has(.suitebar:active) .sidebar{left:0}}

/* ===== FINAL REFERENCE #2 DASHBOARD LAYOUT ===== */
.dashboard-top{background:#f3f6fb;padding:0 10px 10px}.dashboard-top .suitebar{margin:0 -10px 10px;border-radius:0;min-height:86px;padding:10px 22px;background:linear-gradient(100deg,#04152f 0%,#092c5d 54%,#071b3c 100%);box-shadow:none}.dashboard-top .suite-brand{min-width:420px}.dashboard-top .suite-brand h2{font-size:25px;letter-spacing:.2px}.dashboard-top .suite-brand p{font-size:12px;color:#ffc42c}.dashboard-top .suite-features span{font-size:10px;padding:0 13px}.dashboard-top .suite-features b{font-size:22px}.dashboard-top .profile-chip{display:none}.dashboard-top .workflow-card{margin:0;border-radius:7px;padding:12px 10px 6px;box-shadow:0 2px 10px rgba(12,33,66,.07)}.dashboard-top .workflow-row{padding-top:28px}.dashboard-top .flow-step{min-height:96px;display:flex;flex-direction:column;justify-content:center}.dashboard-top .flow-icon{font-size:28px}.dashboard-top .flow-step b{font-size:11px}.dashboard-top .flow-step small{font-size:8.5px}.dashboard-top .realtime-line{font-size:10px}.dashboard-layout{align-items:flex-start}.dashboard-layout .sidebar{position:sticky;top:0;height:100vh}.dashboard-main{padding:0 10px 26px}.dashboard-main .dashboard-grid{grid-template-columns:1.18fr 1.18fr 1.38fr .98fr .98fr;grid-template-areas:"admin admin drivers create assign" "admin admin drivers create rider" "track track mobile mobile arch" "info info info info info" "footer footer footer footer footer";gap:9px;align-items:stretch}.dashboard-main .admin-overview{grid-area:admin}.dashboard-main .driver-management{grid-area:drivers}.dashboard-main .create-driver{grid-area:create}.dashboard-main .assign-rider{grid-area:assign}.dashboard-main .rider-location{grid-area:rider}.dashboard-main .public-track-widget{grid-area:track}.dashboard-main .mobile-preview{grid-area:mobile}.dashboard-main .architecture{grid-area:arch}.dashboard-main .info-strip{grid-area:info}.dashboard-main .launch-footer{grid-area:footer}.dashboard-main .panel-title{min-height:29px;border-radius:5px 5px 0 0}.dashboard-main .mini-stats>div{min-height:66px}.dashboard-main .mini-stats b{font-size:22px}.dashboard-main .overview-split{grid-template-columns:1.55fr .75fr}.dashboard-main .driver-management table{font-size:8.5px}.dashboard-main .driver-management th,.dashboard-main .driver-management td{padding:8px 4px}.dashboard-main .create-driver form{display:grid;gap:1px}.dashboard-main .create-driver label,.dashboard-main .assign-rider label{font-size:9px;margin-bottom:5px}.dashboard-main .create-driver input,.dashboard-main .assign-rider select{padding:7px 8px}.dashboard-main .rider-location .map-mock{height:145px}.dashboard-main .public-track-widget .track-demo{min-height:260px}.dashboard-main .public-track-widget .map-mock{height:175px}.dashboard-main .mobile-preview .phones{min-height:255px;align-items:flex-end}.dashboard-main .mobile-preview .phone{height:235px;width:112px}.dashboard-main .mobile-preview .phone:nth-child(2),.dashboard-main .mobile-preview .phone:nth-child(4){height:245px}.dashboard-main .architecture{min-height:300px}.dashboard-main .info-strip{margin-top:0}.dashboard-main .launch-footer{margin-top:0;border-radius:0;padding:10px 14px}.dashboard-main .launch-footer strong{font-size:12px}
@media(max-width:1500px){.dashboard-top .suite-brand{min-width:350px}.dashboard-main .dashboard-grid{grid-template-columns:1.2fr 1.2fr 1.25fr 1fr;grid-template-areas:"admin admin drivers create" "admin admin drivers assign" "track mobile mobile rider" "track mobile mobile arch" "info info info info" "footer footer footer footer"}.dashboard-main .rider-location .map-mock{height:165px}}
@media(max-width:1150px){.dashboard-top .suitebar{flex-wrap:wrap}.dashboard-top .suite-brand{min-width:300px}.dashboard-main .dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"admin admin" "drivers drivers" "create assign" "track rider" "mobile mobile" "arch arch" "info info" "footer footer"}.dashboard-main .public-track-widget .track-demo{min-height:unset}}
@media(max-width:700px){.dashboard-top{padding:0 6px 7px}.dashboard-top .suitebar{margin:0 -6px 7px;padding:10px 12px}.dashboard-top .suite-brand h2{font-size:18px}.dashboard-top .suite-brand{min-width:0}.dashboard-top .suite-features{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border:0}.dashboard-top .workflow-row{overflow-x:auto}.dashboard-main{padding:0 6px 18px}.dashboard-main .dashboard-grid{grid-template-columns:1fr;grid-template-areas:"admin" "drivers" "create" "assign" "rider" "track" "mobile" "arch" "info" "footer"}.dashboard-main .info-strip{grid-template-columns:1fr}.dashboard-main .launch-footer{display:none}}


/* 2026-08 Full Profile / Password / Logo Settings */
.mgbrand.image-brand{min-width:170px;height:50px;display:flex;align-items:center}
.mgbrand.image-brand.compact{min-width:125px;height:42px}
.brand-logo-img{display:block;max-width:180px;max-height:52px;width:auto;height:auto;object-fit:contain}
.mgbrand.compact .brand-logo-img{max-width:130px;max-height:42px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-card{min-width:0}
.logo-preview{height:130px;background:linear-gradient(135deg,#061632,#0d63e5);border-radius:9px;margin:8px 0 15px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}
.logo-preview img{max-width:100%;max-height:105px;object-fit:contain}
.company-switch{background:#f5f8fc;border:1px solid #e1e7ef;padding:10px;border-radius:8px;margin-bottom:10px}
.security-card{border-top:4px solid #0b63df}
.alert.success{background:#eafaf0!important;color:#117a3b!important;border-color:#c6eed5!important}
.mini-stack{display:grid;gap:5px;min-width:150px;margin-top:6px}
.mini-stack input,.mini-stack select{padding:6px 7px;font-size:10px}
.user-management-table td{min-width:120px}
.user-management-table td:nth-child(5),.user-management-table td:nth-child(6){min-width:190px}
.rider-settings{display:grid;gap:12px;padding-bottom:75px}
.rider-settings .card{margin:0}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.user-management-table{min-width:1050px}}


/* ===== PROFESSIONAL COMPACT LOGO FIX ===== */
.mgbrand.professional-brand{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    max-width:190px!important;
    height:48px!important;
    max-height:48px!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
}
.mgbrand.professional-brand.compact{
    max-width:155px!important;
    height:42px!important;
    max-height:42px!important;
}
.brand-icon-box{
    width:48px!important;
    height:42px!important;
    min-width:48px!important;
    max-width:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    flex:0 0 48px!important;
}
.mgbrand.professional-brand.compact .brand-icon-box{
    width:42px!important;
    height:38px!important;
    min-width:42px!important;
    max-width:42px!important;
    flex-basis:42px!important;
}
.brand-icon-box img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:48px!important;
    max-height:42px!important;
    object-fit:contain!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
}
.mgbrand.professional-brand.compact .brand-icon-box img{
    max-width:42px!important;
    max-height:38px!important;
}
.mgbrand.professional-brand .mgbrandtext{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    min-width:0!important;
}
.mgbrand.professional-brand .mgbrandtext strong{
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:14px!important;
    letter-spacing:.3px!important;
    white-space:nowrap!important;
}
.mgbrand.professional-brand .mgbrandtext span{
    display:block!important;
    color:#c5d5ec!important;
    font-size:7px!important;
    line-height:10px!important;
    letter-spacing:.8px!important;
    white-space:nowrap!important;
}
.suitebar .professional-brand{
    max-width:180px!important;
}
.sidebar .professional-brand{
    max-width:175px!important;
}
.logo-preview{
    height:120px!important;
    overflow:hidden!important;
}
.logo-preview img{
    width:auto!important;
    height:auto!important;
    max-width:92%!important;
    max-height:96px!important;
    object-fit:contain!important;
    position:static!important;
    transform:none!important;
}


/* 2026-08-27 HARD LOGO SIZE GUARD */
.hard-fixed-brand,
.sidebar .hard-fixed-brand,
.suitebar .hard-fixed-brand{
    position:relative!important;
    transform:none!important;
    overflow:hidden!important;
}
.hard-fixed-brand img{
    position:static!important;
    transform:none!important;
    object-fit:contain!important;
}
.mgbrand.image-brand,
.mgbrand.professional-brand{
    overflow:hidden!important;
}
.mgbrand.image-brand > img,
.mgbrand.professional-brand > img,
.brand-logo-img{
    width:auto!important;
    height:auto!important;
    max-width:48px!important;
    max-height:44px!important;
    object-fit:contain!important;
    position:static!important;
    transform:none!important;
}
.settings-card .logo-preview,
.settings-card .logo-preview img{
    position:static!important;
    transform:none!important;
}