:root{--bg:#07111f;--surface:#0d1a2e;--surface2:#13233d;--surface3:#182b49;--line:rgba(255,255,255,.08);--text:#f6f9fd;--muted:#91a6c2;--blue:#2489ff;--yellow:#ffca2f;--green:#35d49a;--red:#ff7c7c;--shadow:0 18px 48px rgba(0,0,0,.30);--navh:84px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(circle at top,#10284c,#07111f 42%,#060d18);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{max-width:1280px;margin:auto;padding:0 16px calc(var(--navh) + env(safe-area-inset-bottom,0px) + 24px)}.appbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 10px;background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(7,17,31,.72),transparent);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(36,137,255,.20),rgba(255,202,47,.12));border:1px solid var(--line);display:grid;place-items:center}.brand b{display:block;font-size:14px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.appbar-actions{display:flex;gap:8px}.circle-btn,.profile-btn{border:1px solid var(--line);background:rgba(13,26,46,.93);color:var(--text);box-shadow:var(--shadow)}.circle-btn{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;position:relative}.badge{position:absolute;top:-3px;right:-3px;width:20px;height:20px;border-radius:999px;background:var(--yellow);color:#182238;display:grid;place-items:center;font-size:10px;font-weight:900;border:2px solid var(--bg)}.profile-btn{border-radius:18px;padding:7px 10px;display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;border-radius:13px;background:#1a3154;display:grid;place-items:center;font-size:11px;font-weight:900}.profile-btn span:last-child{font-size:11px;color:var(--muted)}.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:12px 0 16px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9eb2cf}.hero h1{font-size:clamp(32px,6vw,54px);line-height:.95;letter-spacing:-.055em;margin:7px 0 0}.hero p{color:var(--muted);font-size:13px;line-height:1.45;max-width:580px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:18px;padding:13px 16px;font-weight:900;color:#fff;background:#162a47;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#2489ff,#409dff)}.btn.yellow{background:linear-gradient(135deg,#ffca2f,#ffdc72);color:#172033}.btn.green{background:linear-gradient(135deg,#2bc98e,#45ddb0);color:#08251b}.btn.danger{background:rgba(255,124,124,.13);color:#ffc7c7;border:1px solid rgba(255,124,124,.18)}.btn.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.stat{padding:15px;border-radius:22px;background:linear-gradient(180deg,#12233d,#0d1a2e);border:1px solid rgba(255,255,255,.055)}.stat.blue{background:linear-gradient(180deg,rgba(36,137,255,.18),#0e1d32)}.stat.yellow{background:linear-gradient(180deg,rgba(255,202,47,.16),#0e1d32)}.stat.green{background:linear-gradient(180deg,rgba(53,212,154,.15),#0e1d32)}.stat small{display:block;color:#a6b6cc;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.stat b{display:block;font-size:28px;letter-spacing:-.055em;margin-top:7px}.stat em{display:block;color:var(--muted);font-size:10px;font-style:normal;margin-top:4px}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,26,46,.97),rgba(9,19,34,.97));border-radius:28px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.card.pad{padding:17px}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.head h3{font-size:15px;margin:0}.head small{color:var(--muted);font-size:10px}.map-card{position:relative;min-height:560px;overflow:hidden}.map{position:absolute;inset:0;background:#0c1a2d}.leaflet-container{font-family:inherit;background:#0c1a2d!important}.map-fallback{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(36,137,255,.18),transparent 28%),linear-gradient(160deg,#10223e,#071322)}.map-fallback:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;transform:rotate(-8deg) scale(1.3)}.map-overlay{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:10px;z-index:600;pointer-events:none}.live-chip,.avail-chip{background:rgba(7,17,31,.90);border:1px solid var(--line);border-radius:16px;padding:10px 12px;backdrop-filter:blur(14px);pointer-events:auto}.live-chip{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(53,212,154,.08)}.avail-chip b{display:block;font-size:13px}.avail-chip small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.tracking{position:absolute;left:14px;right:14px;bottom:14px;z-index:650;border-radius:24px;padding:15px;background:rgba(8,18,33,.92);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.tracking-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tracking-top b{font-size:16px}.tracking-top small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.tracking-price{font-size:17px;font-weight:900}.etas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.eta{padding:10px;border-radius:17px;background:#142640;border:1px solid rgba(255,255,255,.045)}.eta small{font-size:8px;color:#9cafca;text-transform:uppercase}.eta b{display:block;margin-top:4px;font-size:18px}.steps{display:flex;margin-top:12px}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:56%;right:-44%;top:6px;height:2px;background:#243752}.step.done:not(:last-child):after{background:linear-gradient(90deg,var(--blue),var(--yellow))}.step i{width:14px;height:14px;border-radius:50%;background:#1b2d49;border:2px solid #30445f;z-index:1}.step.done i{background:var(--green);border-color:var(--green)}.step.active i{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 6px rgba(255,202,47,.08)}.step span{font-size:8px;color:var(--muted);text-align:center}.step.done span,.step.active span{color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick{min-height:108px;border:1px solid rgba(255,255,255,.055);border-radius:20px;background:#12233d;color:#fff;padding:14px;text-align:left}.quick span{width:40px;height:40px;border-radius:14px;background:rgba(36,137,255,.13);display:grid;place-items:center;font-size:19px}.quick.yellow span{background:rgba(255,202,47,.15)}.quick.green span{background:rgba(53,212,154,.13)}.quick b{display:block;margin-top:10px;font-size:13px}.quick small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.3}.list{display:flex;flex-direction:column;gap:8px}.item{padding:12px 13px;border-radius:18px;background:#12233c;border:1px solid rgba(255,255,255,.045);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.item b{font-size:12px}.item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.item strong{font-size:12px;text-align:right}.item em{display:block;color:var(--muted);font-size:9px;font-style:normal;text-align:right;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#afbed2;font-weight:800}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#12233d;color:#fff;border-radius:16px;padding:12px 13px;outline:none}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#2489ff}.quote{padding:15px;border-radius:22px;background:linear-gradient(135deg,rgba(36,137,255,.15),rgba(255,202,47,.08));border:1px solid rgba(255,255,255,.065)}.quote-total{font-size:34px;font-weight:900;letter-spacing:-.055em}.quote-meta{color:var(--muted);font-size:11px;margin-top:5px}.breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.break{background:#132640;border-radius:14px;padding:9px}.break small{display:block;color:#92a7c3;font-size:8px;text-transform:uppercase}.break b{display:block;margin-top:4px;font-size:12px}.code{padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(255,202,47,.14),rgba(36,137,255,.08));border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.code b{font-size:13px}.code small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.code strong{font-size:28px;letter-spacing:.08em}.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:18px;background:#12233d;border:1px solid var(--line)}.switch b{font-size:12px}.switch small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.bottom-nav{position:fixed;z-index:35;left:50%;bottom:10px;transform:translateX(-50%);width:min(680px,calc(100vw - 20px));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:8px 9px calc(8px + env(safe-area-inset-bottom,0px));border-radius:26px;background:rgba(6,14,26,.93);border:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.nav{border:0;background:transparent;color:#8fa3bf;border-radius:18px;padding:8px 4px;font-size:9px;font-weight:800}.nav span{display:block;font-size:18px;color:#fff;margin-bottom:4px}.nav.active{background:rgba(36,137,255,.14);color:#fff}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:50;opacity:0;pointer-events:none;transition:.2s}.modal-bg.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:55;left:50%;bottom:0;transform:translate(-50%,100%);width:min(660px,100%);max-height:86vh;overflow:auto;background:linear-gradient(180deg,#10213a,#091524);border:1px solid var(--line);border-bottom:0;border-radius:30px 30px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom,0px));transition:.25s;box-shadow:var(--shadow)}.sheet.open{transform:translate(-50%,0)}.grab{width:52px;height:5px;border-radius:999px;background:rgba(255,255,255,.15);margin:5px auto 14px}.sheet h2{font-size:24px;letter-spacing:-.04em;margin:0}.sheet p{color:var(--muted);font-size:12px;line-height:1.45}.sheet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.toast-zone{position:fixed;z-index:80;top:80px;left:50%;transform:translateX(-50%);width:min(92vw,470px);display:flex;flex-direction:column;gap:8px}.toast{padding:13px 15px;border-radius:18px;background:rgba(8,18,33,.97);border:1px solid var(--line);box-shadow:var(--shadow);animation:toastin .2s}.toast b{display:block;font-size:12px}.toast small{display:block;color:var(--muted);font-size:10px;margin-top:4px}@keyframes toastin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}.marker-vehicle{width:50px!important;height:34px!important;margin-left:-25px!important;margin-top:-17px!important;border-radius:17px;background:#2489ff;border:2px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.35);display:grid;place-items:center;font-size:19px}.marker-car{background:#ffca2f;color:#172033}.marker-van{background:#35d49a}.leaflet-control-attribution{font-size:8px!important;background:rgba(5,12,22,.65)!important;color:#8da3c0!important}.leaflet-control-attribution a{color:#95baf1!important}.table-wrap{overflow:auto}.tiny-table{width:100%;border-collapse:collapse;font-size:11px}.tiny-table th,.tiny-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.tiny-table th{color:#95a9c3;font-size:9px;text-transform:uppercase}.tiny-table td{color:#d9e2ed}
@media(max-width:900px){.layout{grid-template-columns:1fr}.map-card{min-height:600px}.stack .card.pad.desktop-side{display:none}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.app{padding-left:10px;padding-right:10px}.brand small{display:none}.profile-btn span:last-child{display:none}.hero h1{font-size:34px}.hero p{font-size:12px}.stats{gap:8px}.stat{padding:13px}.stat b{font-size:24px}.map-card{min-height:650px}.tracking{left:10px;right:10px;bottom:10px}.etas{gap:6px}.eta{padding:9px}.eta b{font-size:15px}.quick-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.bottom-nav{border-radius:24px}.nav{font-size:8px}.nav span{font-size:17px}.sheet{padding-left:14px;padding-right:14px}}