:root{--navy:#112847;--ink:#101b2d;--muted:#70829b;--bg:#f4f7fb;--line:#e4eaf1;--gold:#f0bf4d;--white:#fff;--green:#2eb67d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit}.shell{max-width:1440px;margin:auto;min-height:100vh;display:flex;background:#fff}.sidebar{width:248px;padding:32px 20px;display:flex;flex-direction:column;background:var(--navy);color:#cbd6e5}.brand{display:flex;gap:10px;align-items:center;margin:0 14px 48px;color:#fff;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gold);color:var(--navy);font-size:18px}.brand-dot{color:var(--gold)}nav{display:grid;gap:8px}.nav-item{border:0;border-radius:10px;background:transparent;color:#b4c0d1;text-align:left;padding:13px 14px;font-size:14px;cursor:pointer}.nav-item span{display:inline-block;width:28px;font-size:18px}.nav-item:hover,.nav-item.active{background:#203a5d;color:#fff}.sidebar-note{margin:auto 8px 0;border-top:1px solid #2a4264;padding:22px 6px 0;font-size:12px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#54d6a4;margin-right:8px}.content{width:calc(100% - 248px);padding:30px 42px 60px}.topbar,.section-title{display:flex;justify-content:space-between;align-items:center}.topbar{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--muted);font-weight:800;margin:0 0 7px}.eyebrow.light{color:#d9e3f2}h1,h2,h3,p{margin-top:0}h1{font-size:28px;margin-bottom:0}h2{font-size:23px;margin:0}h3{font-size:18px}.profile{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.profile small{font-size:11px;color:var(--muted);font-weight:500}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f4dec0;color:#895626}.hero{min-height:236px;padding:34px 38px;border-radius:20px;background:linear-gradient(104deg,#173657,#1f4671);color:#fff;display:flex;justify-content:space-between;overflow:hidden}.hero h2{font-size:32px}.hero p:not(.eyebrow){color:#cfdae9;max-width:400px;margin:10px 0 22px}.button{border:0;border-radius:9px;padding:12px 18px;font-weight:800;font-size:13px;cursor:pointer}.gold{background:var(--gold);color:var(--ink)}.navy{background:var(--navy);color:#fff}.full{width:100%}.outline{background:#fff;border:1px solid #bdc8d7;color:var(--navy)}.hero-road{position:relative;width:330px}.road{position:absolute;right:-70px;top:78px;width:440px;height:125px;border:26px solid #31587f;border-radius:50%;transform:rotate(-17deg)}.road:after{content:"";position:absolute;inset:38px -30px;border-top:3px dashed #9ab0c9}.city{position:absolute;bottom:0;width:55px;height:125px;background:#284c72}.city:after{content:"";position:absolute;inset:10px;background:repeating-linear-gradient(90deg,#f0bf4d 0 4px,transparent 4px 12px),repeating-linear-gradient(0deg,#f0bf4d 0 4px,transparent 4px 17px);opacity:.55}.city-a{right:60px}.city-b{right:5px;height:88px}.car{position:absolute;right:144px;top:112px;color:var(--gold);font-size:42px;z-index:2;transform:rotate(-15deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metrics article,.card{border:1px solid var(--line);border-radius:15px;background:#fff}.metrics article{padding:18px}.metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px}.metrics strong{display:block;font-size:23px;margin:7px 0 4px}.metrics small,.activity small{color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:20px}.card{padding:22px}.live,.sandbox-badge{font-size:10px;font-weight:800;color:#188d62;background:#e8f8f0;padding:7px 9px;border-radius:7px}.live i{display:inline-block;width:6px;height:6px;border-radius:9px;background:#22ae79;margin-right:4px}.map{position:relative;height:255px;overflow:hidden;border-radius:11px;margin-top:18px;background-color:#dce6df;background-image:linear-gradient(30deg,transparent 48%,#fff9 49% 51%,transparent 52%),linear-gradient(120deg,transparent 45%,#fff9 46% 49%,transparent 50%),radial-gradient(#b4c7ae 1px,transparent 1px);background-size:70px 70px,100px 100px,15px 15px}.route{position:absolute;border:5px solid var(--navy);border-radius:50%;opacity:.7}.route-one{width:340px;height:190px;left:70px;top:33px;border-color:transparent transparent var(--navy) var(--navy);transform:rotate(-21deg)}.route-two{width:220px;height:130px;left:100px;top:68px;border-color:var(--gold) var(--gold) transparent transparent;transform:rotate(6deg)}.pin{position:absolute;display:grid;place-items:center;width:27px;height:27px;border-radius:50% 50% 50% 0;background:var(--navy);color:#fff;font-size:12px;transform:rotate(-45deg);box-shadow:0 3px 8px #0003}.pin::first-letter{transform:rotate(45deg)}.pin-a{top:74px;left:145px}.pin-b{top:153px;left:285px}.pin-c{top:104px;right:93px}.place{position:absolute;color:#506279;font-size:11px;font-weight:700}.p1{top:28px;left:45px}.p2{bottom:25px;right:35px}.map-legend{display:flex;gap:17px;margin-top:14px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.navy{background:var(--navy)}.dot.amber{background:var(--gold)}.dot.gray{background:#bbc5d1}.activity ul{padding:8px 0 0;margin:0;list-style:none}.activity li{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.activity li:last-child{border:0}.activity li div{display:grid;gap:3px}.event{display:grid;place-items:center;width:30px;height:30px;border-radius:9px}.blue{background:#e8f0ff;color:#396bcd}.gold-event{background:#fff4d8;color:#bd8620}.green{background:#e8f8f0;color:#189765}.text-button{border:0;background:transparent;color:#4b6485;font-size:12px;font-weight:700}.view{display:none}.view.active{display:block}.page-heading{margin:8px 0 24px}.page-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:7px 0 0}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fleet-card{overflow:hidden;padding:0}.fleet-visual{height:135px;padding:17px;background:linear-gradient(120deg,#c8d9e8,#e8f0f4);position:relative}.fleet-visual:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(15deg,#a6b9c8 0 46%,transparent 47%)}.fleet-car{position:absolute;z-index:2;right:28px;bottom:20px;font-size:70px;color:var(--navy);transform:scaleX(-1)}.tier{display:inline-block;border-radius:5px;background:var(--gold);padding:4px 7px;font-size:10px;font-weight:800}.fleet-content{padding:18px}.fleet-content h3{margin:8px 0}.fleet-content p{font-size:12px;color:var(--muted);margin-bottom:16px}.fleet-bottom{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:14px}.fleet-bottom b{font-size:14px}.payment-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.checkout label,.routing label,.config-card label,dialog label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:16px 0}.checkout input,.checkout select,.routing select,.routing input,dialog input,dialog select{width:100%;padding:12px;border:1px solid #d7e0eb;border-radius:8px;background:#fff;outline-color:#738ba8}.result{margin-top:15px;padding:13px;border-radius:8px;background:#f3f6fa;color:#53667e;font-size:12px;line-height:1.5}.gateway-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.gateway-row div{display:grid;gap:4px;font-size:13px}.gateway-row small,.hint{font-size:12px;color:var(--muted)}.switch input{display:none}.switch span{display:block;width:42px;height:24px;border-radius:30px;background:#b6c2d0;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#2ab37d}.switch input:checked+span:after{left:21px}.routing hr{border:0;border-top:1px solid var(--line);margin:14px 0}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-fields label{margin:4px 0}.hint{margin:16px 0 0}.config-card{max-width:540px}.config-card p{color:var(--muted);font-size:14px}dialog{width:min(480px,calc(100vw - 30px));border:0;border-radius:16px;box-shadow:0 16px 50px #10233b44;padding:25px}dialog::backdrop{background:#10233b77}.modal-heading{display:flex;justify-content:space-between}.close{border:0;background:none;font-size:28px;line-height:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){.sidebar{width:72px;padding:24px 10px}.brand{margin:0 auto 38px}.brand>span:last-child,.nav-item{font-size:0}.nav-item{padding:13px;text-align:center}.nav-item span{font-size:19px;width:auto}.sidebar-note{display:none}.content{width:calc(100% - 72px);padding:24px}.fleet-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{display:block}.sidebar{position:fixed;z-index:4;bottom:0;left:0;width:100%;height:64px;padding:8px 10px;display:block}.brand{display:none}nav{grid-template-columns:repeat(5,1fr);gap:2px}.nav-item{padding:9px 2px}.content{width:100%;padding:22px 16px 85px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.profile{font-size:0}.hero{min-height:210px;padding:25px}.hero h2{font-size:25px}.hero-road{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{padding:13px}.metrics strong{font-size:18px}.two-col,.payment-layout,.invite-layout{grid-template-columns:1fr}.fleet-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px}.map{height:210px}.map-legend{gap:9px;font-size:10px}.split-fields{grid-template-columns:1fr 1fr}.invite-hero{grid-column:auto;padding:24px}.invite-stats{grid-column:auto}.invite-hero h3{font-size:22px}.invite-icon{display:none}}
.brand small{display:block;font-size:8px;letter-spacing:1px;color:var(--gold);margin-top:1px}.invite-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.invite-hero{grid-column:1/-1;min-height:190px;border-radius:18px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;background:linear-gradient(115deg,#264d70,#866a75 58%,#e8aacb)}.invite-hero h3{font-size:26px;margin:0}.invite-hero p:not(.eyebrow){max-width:400px;color:#e5eaf0;margin:9px 0}.invite-icon{align-self:center;font-size:100px;color:#ffffff66}.code-box{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#f2f6fa;margin:14px 0}.code-box strong{font-size:15px;letter-spacing:1px}.invite-stats{grid-column:2}.invite-numbers{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.invite-numbers div{padding:17px;text-align:center}.invite-numbers div+div{border-left:1px solid var(--line)}.invite-numbers strong{font-size:25px}.invite-numbers span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty-invites{margin-top:15px;border-radius:8px;padding:16px;background:#f7f9fc;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:650px){.invite-layout{grid-template-columns:1fr}.invite-hero{grid-column:auto;padding:24px}.invite-stats{grid-column:auto}.invite-hero h3{font-size:22px}.invite-icon{display:none}}
.mobile-app{position:relative;display:block;max-width:430px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px #e5eaf1}.mobile-app .sidebar{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:68px;padding:7px 5px;background:#fff;border-top:1px solid var(--line);display:block}.mobile-app .brand,.mobile-app .sidebar-note{display:none}.mobile-app nav{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.mobile-app .nav-item{padding:7px 1px;background:transparent;color:#6b7d95;border-radius:8px;text-align:center;font-size:9px;line-height:1.15}.mobile-app .nav-item span{display:block;width:auto;margin-bottom:2px;font-size:17px}.mobile-app .nav-item.active{color:var(--navy);background:#edf3f9}.mobile-app .content{width:100%;padding:18px 14px 92px}.mobile-app .topbar{margin-bottom:18px}.mobile-app .topbar h1{font-size:22px}.mobile-app .profile{font-size:0}.mobile-app .hero{min-height:196px;padding:24px;border-radius:16px}.mobile-app .hero h2{font-size:25px}.mobile-app .hero-road{display:none}.mobile-app .metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.mobile-app .metrics article{padding:13px;border-radius:12px}.mobile-app .metrics strong{font-size:18px}.mobile-app .two-col,.mobile-app .payment-layout,.mobile-app .invite-layout{grid-template-columns:1fr;gap:13px}.mobile-app .map{height:204px}.mobile-app .map-card,.mobile-app .activity,.mobile-app .card{border-radius:14px;padding:17px}.mobile-app .page-heading{margin:6px 0 18px}.mobile-app .page-heading h2{font-size:22px}.mobile-app .fleet-grid{grid-template-columns:1fr;gap:12px}.mobile-app .fleet-card{padding:0}.mobile-app .fleet-visual{height:150px}.mobile-app .invite-hero{grid-column:auto;padding:23px;border-radius:14px;min-height:160px}.mobile-app .invite-stats{grid-column:auto}.whatsapp-float{position:fixed;z-index:12;bottom:84px;left:calc(50% + 154px);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;font-size:29px;font-weight:900;box-shadow:0 5px 16px #0a8f4380}.admin-image-preview{height:145px;margin:14px 0;border-radius:11px;background:linear-gradient(120deg,#c8d9e8,#e8f0f4);background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.admin-image-preview span{font-size:72px;color:var(--navy);transform:scaleX(-1)}.admin-image-preview.has-car-image span,.fleet-visual.has-car-image .fleet-car{display:none}.fleet-visual.has-car-image{background-size:cover;background-position:center}.file-label{display:block;margin:12px 0;padding:12px;border:1px dashed #aebdce;border-radius:9px;color:var(--navy);text-align:center;font-size:13px;font-weight:800;cursor:pointer}.file-label input{display:none}.config-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.community-cover{height:150px;border-radius:15px;background:linear-gradient(135deg,#244a6c,#8e6275 58%,#efb1ce);display:grid;place-items:center;color:#ffffff77;font-size:85px}.community-lock{margin-top:-2px;padding:36px 20px 22px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:0 0 15px 15px}.lock-icon{display:grid;place-items:center;width:52px;height:52px;margin:-62px auto 22px;border:5px solid var(--bg);border-radius:15px;background:#edf2f8;color:var(--navy);font-size:25px}.community-lock h2{font-size:22px;line-height:1.2}.community-lock p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.55;margin:14px 0 22px}.community-lock .button{display:block;margin-top:10px}.support-link{line-height:18px;text-decoration:none}@media(max-width:430px){.whatsapp-float{left:auto;right:18px}}