@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* =========================================================
   HILEMGO UBER — unified light design language
   Restaurant / HilemGo visual system: light page, white cards,
   soft borders, rounded controls, black CTAs, green live states.
   Functional IDs/classes are intentionally untouched.
   ========================================================= */
:root,
html.dark{
  color-scheme:light!important;
  --bg:#f4f5f7!important;
  --bg2:#f4f5f7!important;
  --ink:#171717!important;
  --muted:#747474!important;
  --line:#e5e7eb!important;
  --card:#fff!important;
  --card-strong:#fff!important;
  --brand:#171717!important;
  --brand2:#262626!important;
  --brand3:#f59e0b!important;
  --danger:#dc2626!important;
  --warn:#f59e0b!important;
  --ok:#139447!important;
  --shadow:0 14px 38px rgba(15,23,42,.08)!important;
  --soft-shadow:0 7px 24px rgba(15,23,42,.065)!important;
  --radius:22px!important;
  --hgo-page:#f4f5f7;
  --hgo-card:#fff;
  --hgo-ink:#171717;
  --hgo-muted:#737373;
  --hgo-line:#e5e7eb;
  --hgo-black:#171717;
  --hgo-amber:#f59e0b;
  --hgo-amber-soft:#fff7df;
  --hgo-green:#139447;
  --hgo-green-soft:#e9f8ef;
  --hgo-red:#dc2626;
  --hgo-red-soft:#fff1f2;
}

*{box-sizing:border-box}
html{background:var(--hgo-page)!important;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--hgo-page)!important;
  background-image:none!important;
  color:var(--hgo-ink)!important;
  font-family:'Inter',sans-serif!important;
  font-weight:500!important;
  min-height:100dvh;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
body::before,body::after{display:none!important}
::selection{background:#fee2e2;color:#171717}
button,input,textarea,select{font-family:inherit!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(245,158,11,.22)!important;outline-offset:2px}
.hidden,.is-hidden{display:none!important}

/* shell + top bar */
.app{
  width:min(1040px,calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:14px 0 42px!important;
}
.hero{padding:0!important;margin:0 0 14px!important}
.topbar{
  min-height:66px!important;
  margin:0 0 14px!important;
  padding:8px 4px!important;
  gap:12px!important;
  background:transparent!important;
}
.logo{gap:10px!important}
.logo-mark{
  width:52px!important;height:52px!important;border-radius:17px!important;
  background:#fff!important;border:1px solid var(--hgo-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
  object-fit:cover!important;
}
.brand-title h1{font-size:20px!important;font-weight:850!important;letter-spacing:-.55px!important;color:#171717!important}
.brand-title p{font-size:10px!important;color:#8a8a8a!important;margin-top:3px!important;font-weight:650!important;letter-spacing:.02em!important}
.top-actions{gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.user-chip{
  min-height:42px!important;padding:5px 9px 5px 5px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid var(--hgo-line)!important;box-shadow:none!important;color:#171717!important;
}
.user-avatar{width:31px!important;height:31px!important;border-radius:11px!important;background:#171717!important;color:#fff!important;box-shadow:none!important;font-size:11px!important}
.user-chip-name{font-size:10px!important;color:#171717!important;font-weight:800!important}.user-chip-role{font-size:7.5px!important;color:#989898!important;letter-spacing:.08em!important}
.logout-btn,.admin-toggle{
  min-height:40px!important;border:1px solid var(--hgo-line)!important;background:#fff!important;color:#555!important;
  border-radius:14px!important;padding:0 12px!important;box-shadow:none!important;font-weight:750!important;font-size:10px!important;
}
.logout-btn:hover,.admin-toggle:hover{background:#fafafa!important;border-color:#d8d8d8!important;transform:translateY(-1px)}
#logout-btn{color:#b42318!important;background:#fff!important}
.theme-toggle{display:none!important}

/* hero */
.hero-card{
  position:relative!important;overflow:hidden!important;border:1px solid #e7e7e7!important;
  background:linear-gradient(135deg,#fff 0%,#fff 64%,#fffaf0 100%)!important;
  border-radius:28px!important;box-shadow:0 12px 34px rgba(15,23,42,.07)!important;padding:0!important;
}
.hero-card::before{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;
  background:radial-gradient(circle,rgba(245,158,11,.14),rgba(245,158,11,0) 68%);pointer-events:none
}
.hero-content{position:relative!important;z-index:1!important;padding:28px 28px 26px!important;max-width:780px!important}
.eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;letter-spacing:1.15px!important;text-transform:uppercase!important;color:#9a6500!important;font-weight:900!important}
.eyebrow-dot{width:7px!important;height:7px!important;background:var(--hgo-green)!important;box-shadow:0 0 0 4px rgba(19,148,71,.11)!important;border-radius:50%!important}
.headline{font-size:clamp(28px,5vw,46px)!important;line-height:1.03!important;letter-spacing:-1.65px!important;color:#171717!important;margin:10px 0 10px!important;font-weight:900!important}
.grad{background:none!important;-webkit-text-fill-color:initial!important;color:#171717!important;position:relative!important;white-space:nowrap}
.grad::after{content:"";position:absolute;left:2px;right:0;bottom:-3px;height:6px;border-radius:999px;background:#f7c65b;opacity:.55;z-index:-1}
.hero-copy{max-width:670px!important;color:#737373!important;font-size:13px!important;line-height:1.65!important}
.status-actions{margin-top:18px!important;gap:9px!important}.token-link{border:0!important;background:#171717!important;color:#fff!important;border-radius:14px!important;padding:11px 15px!important;font-size:10px!important;font-weight:850!important;box-shadow:0 8px 18px rgba(23,23,23,.14)!important}
.status-pill{border:1px solid #cfe9d8!important;background:var(--hgo-green-soft)!important;color:#117c3d!important;border-radius:999px!important;font-size:9px!important;font-weight:850!important;box-shadow:none!important}

/* content cards */
.stack{display:grid!important;gap:14px!important}
.section{
  background:#fff!important;border:1px solid var(--hgo-line)!important;border-radius:24px!important;
  box-shadow:0 7px 24px rgba(15,23,42,.055)!important;padding:22px!important;color:#171717!important;
}
.section-head{margin-bottom:16px!important;align-items:flex-start!important}.section-title{font-size:18px!important;letter-spacing:-.35px!important;color:#171717!important;font-weight:850!important}.section-sub{font-size:10.5px!important;color:#8a8a8a!important;line-height:1.55!important;margin-top:4px!important}.step,.step-badge{min-width:31px!important;height:31px!important;border-radius:11px!important;background:#f6f6f6!important;border:1px solid #ececec!important;color:#555!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important;box-shadow:none!important}

/* wallet / profile */
.token-wallet,.profile-card,.panel,.token-admin-box,.admin-page-card{
  background:#f8f9fa!important;border:1px solid #eceef0!important;border-radius:18px!important;box-shadow:none!important;color:#171717!important;
}
.token-wallet{padding:12px!important}.token-list{gap:9px!important}.small-list{color:#171717!important}
.profile-card{padding:0!important;overflow:hidden!important}.profile-toggle{padding:15px!important;color:#171717!important;background:transparent!important}.profile-kicker{font-size:8px!important;letter-spacing:.1em!important;color:#9a9a9a!important;font-weight:850!important}.profile-name{font-size:14px!important;color:#171717!important;font-weight:850!important}.chip{background:#fff!important;border:1px solid #e5e7eb!important;color:#666!important;border-radius:999px!important;font-size:9px!important}

/* controls */
.input-shell,.textarea-shell,.select-shell,.phone-wrap{
  background:#fff!important;border:1px solid #dedede!important;border-radius:15px!important;box-shadow:none!important;color:#171717!important;
}
.input-shell:focus-within,.textarea-shell:focus-within,.select-shell:focus-within,.phone-wrap:focus-within{border-color:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.09)!important}
.input-shell input,.textarea-shell textarea,.select-shell select,.phone-wrap input{background:transparent!important;color:#171717!important;font-size:13px!important}.input-shell input::placeholder,.textarea-shell textarea::placeholder,.phone-wrap input::placeholder{color:#a3a3a3!important}.prefix{color:#777!important;border-color:#e5e7eb!important}.grid-2{gap:10px!important}
.segmented{background:#f5f5f5!important;border:1px solid #e9e9e9!important;border-radius:15px!important;padding:4px!important}.rider-btn{border-radius:11px!important;color:#777!important;background:transparent!important}.rider-btn.active{background:#fff!important;color:#171717!important;box-shadow:0 2px 8px rgba(15,23,42,.07)!important}
.uber-accept{background:#f8fafc!important;border:1px solid #eceff2!important;border-radius:14px!important;color:#171717!important}.uber-accept small{color:#8b8b8b!important}

.btn{
  min-height:44px!important;border:1px solid #dedede!important;border-radius:14px!important;background:#fff!important;color:#333!important;
  box-shadow:none!important;font-weight:800!important;font-size:11px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.btn:hover:not(:disabled){background:#fafafa!important;transform:translateY(-1px)!important}.btn:active:not(:disabled){transform:scale(.985)!important}
.btn-primary{background:#171717!important;border-color:#171717!important;color:#fff!important;box-shadow:0 9px 20px rgba(23,23,23,.14)!important}.btn-primary:hover:not(:disabled){background:#282828!important}.btn-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.btn-full{width:100%!important;min-height:50px!important}

/* route builder */
.route-builder{
  background:#f8f9fa!important;border:1px solid #e8eaed!important;border-radius:21px!important;padding:14px!important;box-shadow:none!important;
}
.route-smart-head{padding:2px 2px 12px!important}.route-smart-title{font-size:14px!important;color:#171717!important;font-weight:850!important}.route-smart-sub{font-size:9.5px!important;color:#8b8b8b!important;line-height:1.45!important}.route-smart-chip{background:#eef8f1!important;color:#137a3f!important;border:1px solid #d6ebde!important;border-radius:999px!important;font-size:8px!important;font-weight:850!important}
.stops-list{gap:8px!important}.route-add-stop{min-height:43px!important;background:#fff!important;border:1px dashed #d4d4d4!important;color:#555!important;border-radius:14px!important}.route-add-plus{background:#fff7df!important;color:#9a6500!important;border:1px solid #f6dfa7!important}
.route-map-wrap{margin-top:12px!important;border-radius:20px!important;border:1px solid #e1e1e1!important;background:#ececec!important;box-shadow:none!important;overflow:hidden!important}.route-map{min-height:390px!important;background:#ececec!important}.route-map-lock{background:rgba(248,249,250,.88)!important;backdrop-filter:blur(8px)!important;color:#171717!important}.route-map-lock-icon{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 5px 16px rgba(15,23,42,.08)!important}.route-map-lock span{color:#777!important}
.route-summary-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;box-shadow:none!important;margin-top:12px!important;padding:13px!important}.route-summary-top{gap:8px!important}.route-metric{background:#f8f9fa!important;border:1px solid #eceef0!important;border-radius:13px!important}.route-metric span{color:#8b8b8b!important}.route-metric strong{color:#171717!important}.route-price-grid{gap:8px!important}.route-price-item{background:#f8f9fa!important;border:1px solid #eceef0!important;border-radius:14px!important}.route-price-item span{color:#858585!important}.route-price-item strong{color:#171717!important}.route-price-item.discount{background:#eef9f2!important;border-color:#d5ebdc!important}.route-price-item.discount strong{color:#138247!important}.route-price-item.cash{background:#fff8e7!important;border-color:#f3e1ae!important}.route-price-item.cash strong{color:#8a5b00!important}.route-estimate-note{color:#888!important;background:#fafafa!important;border:1px dashed #e5e5e5!important;border-radius:12px!important}
.route-tools{gap:8px!important}.ride-live-warning{background:#fff8e7!important;border:1px solid #f2dfaa!important;color:#6f550d!important;border-radius:16px!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.6!important}.hint{color:#999!important;font-size:9px!important}

/* admin */
.admin-panel{margin-top:14px!important}.admin-grid{gap:9px!important}.admin-stat{background:#f8f9fa!important;border:1px solid #eceef0!important;border-radius:16px!important;box-shadow:none!important}.admin-stat-value{color:#171717!important}.admin-stat-label{color:#8c8c8c!important}.admin-tabs{background:#f5f5f5!important;border:1px solid #e9e9e9!important;border-radius:15px!important;padding:4px!important}.admin-tab{color:#777!important;border-radius:11px!important}.admin-tab.active{background:#fff!important;color:#171717!important;box-shadow:0 2px 7px rgba(15,23,42,.07)!important}.admin-page-title,.admin-page-head{color:#171717!important}.admin-page-sub{color:#888!important}.admin-list{gap:8px!important}

/* login + loading */
.loading-screen,.login-screen{
  background:#f4f5f7!important;background-image:radial-gradient(circle at 50% -10%,#fff 0,#f4f5f7 44%)!important;
  color:#171717!important;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;
}
.loading-card,.login-card{
  width:min(430px,100%)!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:28px!important;
  box-shadow:0 18px 55px rgba(15,23,42,.09)!important;color:#171717!important;
}
.loading-card{padding:36px 26px!important}.loading-logo,.login-logo{width:74px!important;height:74px!important;border-radius:23px!important;background:#fff!important;border:1px solid #ececec!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important}.loading-title{color:#171717!important;font-weight:900!important;letter-spacing:-.6px!important}.loading-sub{color:#858585!important}.loading-bar{background:#ececec!important;border-radius:999px!important}.loading-bar span{background:linear-gradient(90deg,#171717,#f59e0b)!important}
.login-inner{padding:24px!important}.login-head{margin-bottom:18px!important}.login-field-label{color:#777!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em!important}.login-options{color:#777!important}.remember-check{color:#666!important}.login-secure{color:#138247!important;background:#eef9f2!important;border:1px solid #d5ebdc!important;border-radius:999px!important;padding:5px 8px!important}.login-error{color:#b42318!important;background:#fff1f2!important;border-radius:12px!important}.login-support{background:#fff!important;color:#149447!important;border:1px solid #dce7df!important;box-shadow:0 10px 25px rgba(15,23,42,.09)!important}

/* modals */
.token-modal-backdrop{background:rgba(15,23,42,.34)!important;backdrop-filter:blur(9px)!important;padding:18px!important}.token-modal{background:#fff!important;color:#171717!important;border:1px solid #e5e7eb!important;border-radius:27px!important;box-shadow:0 28px 80px rgba(15,23,42,.18)!important}.token-modal-head{border-color:#ececec!important}.token-modal-title{color:#171717!important}.token-modal-sub{color:#858585!important}.modal-close{background:#f5f5f5!important;color:#555!important;border:1px solid #e7e7e7!important;border-radius:12px!important}.buy-summary-simple>*,.token-total{background:#f8f9fa!important;border:1px solid #eceef0!important;border-radius:15px!important;color:#171717!important}.history-list{gap:8px!important}.toast{background:#171717!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(15,23,42,.18)!important}

/* simple movement */
.hero-card,.section,.token-modal,.login-card{animation:hgo-rise .36s cubic-bezier(.2,.8,.2,1) both}
.section:nth-child(2){animation-delay:.04s}
@keyframes hgo-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .app{width:100%!important;padding:8px 13px 30px!important}
  .topbar{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:11px!important;
    padding:7px 1px!important;
    margin-bottom:11px!important;
  }
  .logo{width:100%!important;min-width:0!important;justify-content:flex-start!important}
  .logo-mark{width:46px!important;height:46px!important;border-radius:15px!important}
  .brand-title h1{font-size:17px!important;font-weight:850!important;letter-spacing:-.45px!important}
  .brand-title p{font-size:9px!important;font-weight:600!important}

  /* Mobil hesap alanı: ilk satır kullanıcı, ikinci satır aksiyonlar. */
  .top-actions{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  .top-actions>.user-chip.show{
    display:flex!important;
    flex:1 0 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:48px!important;
    padding:6px 10px 6px 6px!important;
    border-radius:16px!important;
  }
  .user-avatar{width:34px!important;height:34px!important;border-radius:11px!important;font-size:11px!important}
  .user-chip-main{display:block!important;min-width:0!important;line-height:1.12!important}
  .user-chip-name{display:block!important;max-width:100%!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .user-chip-role{display:block!important;margin-top:3px!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.08em!important}

  #token-history-top,#admin-panel-toggle,#logout-btn{
    display:inline-flex!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:39px!important;
    height:39px!important;
    padding:0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  #token-history-top.hidden,#admin-panel-toggle.hidden,#logout-btn.hidden{display:none!important}
  #token-history-top::before,#admin-panel-toggle::before,#logout-btn::before{content:none!important}
  .theme-toggle{display:none!important}

  .hero-card{border-radius:22px!important}.hero-content{padding:22px 18px 21px!important}.headline{font-size:31px!important;letter-spacing:-1.15px!important}.hero-copy{font-size:11.5px!important}
  .section{border-radius:20px!important;padding:16px!important}.section-title{font-size:16px!important}.section-sub{font-size:9.5px!important}
  .grid-2{grid-template-columns:1fr!important}.route-map{min-height:320px!important}.route-price-grid{grid-template-columns:1fr!important}.route-summary-top{grid-template-columns:repeat(3,1fr)!important}.route-metric{padding:10px 7px!important}.route-metric span{font-size:7px!important}.route-metric strong{font-size:11px!important}
  .route-tools{display:grid!important;grid-template-columns:1fr 1fr!important}.route-tools .btn{padding:0 8px!important;font-size:9px!important}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .token-modal-backdrop{align-items:flex-end!important;padding:0!important}.token-modal{width:100%!important;max-height:92dvh!important;border-radius:28px 28px 0 0!important;border-bottom:0!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
}

@media(max-width:430px){
  .app{padding-left:11px!important;padding-right:11px!important}
  .top-actions{gap:6px!important}
  #token-history-top,#admin-panel-toggle,#logout-btn{min-height:38px!important;height:38px!important;padding:0 6px!important;font-size:8.8px!important;border-radius:12px!important}
  .headline{font-size:29px!important}.route-summary-top{gap:5px!important}.section{padding:14px!important}.hero-content{padding:20px 16px!important}
}

@media(max-width:350px){
  #token-history-top,#admin-panel-toggle,#logout-btn{font-size:8.1px!important;padding:0 4px!important}
}

/* =========================================================
   Progressive journey flow — only the current action is shown.
   ========================================================= */
.journey-progress{
  margin:0 0 12px!important;
  padding:11px 13px 10px!important;
  border:1px solid #e5e7eb!important;
  background:rgba(255,255,255,.88)!important;
  border-radius:17px!important;
  box-shadow:0 7px 22px rgba(15,23,42,.05)!important;
  backdrop-filter:blur(10px)!important;
}
.journey-progress-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important}
#journey-progress-kicker{font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;color:#8b8b8b!important;white-space:nowrap!important}
#journey-progress-title{font-size:11px!important;font-weight:850!important;color:#171717!important;text-align:right!important}
.journey-progress-track{height:5px!important;background:#eceef0!important;border-radius:999px!important;overflow:hidden!important}
.journey-progress-track>span{display:block!important;height:100%!important;width:25%;background:linear-gradient(90deg,#171717,#2f9e61)!important;border-radius:999px!important;transition:width .36s cubic-bezier(.2,.8,.2,1)!important}
.journey-stage.flow-hidden{display:none!important}
.journey-stage.is-current-stage{animation:hgo-stage-in .32s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes hgo-stage-in{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}
.flow-stage-kicker{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-bottom:5px!important;font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;color:#818181!important}
.flow-stage-kicker:before{content:'✓';display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#eaf8ef!important;color:#168148!important;font-size:9px!important;font-weight:950!important}
.profile-continue{margin-top:12px!important}
.flow-edit-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e3e5e8!important;background:#f8f9fa!important;color:#606060!important;border-radius:999px!important;padding:7px 11px!important;margin:-2px 0 2px!important;font:800 9px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important}
.flow-edit-link:active{transform:scale(.98)!important}
.ride-profile-section .panel{margin-top:10px!important}
.ride-profile-section .segmented{margin-top:2px!important}
.journey-result{scroll-margin-top:12px!important}

@media(max-width:760px){
  .journey-progress{position:sticky!important;top:max(6px,env(safe-area-inset-top))!important;z-index:25!important;margin-left:0!important;margin-right:0!important;border-radius:15px!important;padding:9px 11px!important}
  #journey-progress-kicker{font-size:7.6px!important}
  #journey-progress-title{font-size:10px!important}
  .journey-progress-track{height:4px!important}
  .flow-edit-link{font-size:8.7px!important;padding:7px 10px!important}
}


/* =========================================================
   HILEMGO Uber UX polish — focused flow, Gemini progress,
   subtle color depth and fixed taxi-calling status pill.
   ========================================================= */
body{
  background-image:
    radial-gradient(circle at 8% 2%,rgba(66,133,244,.07),transparent 26%),
    radial-gradient(circle at 92% 7%,rgba(249,171,85,.08),transparent 28%),
    radial-gradient(circle at 72% 82%,rgba(52,168,83,.055),transparent 30%)!important;
  background-attachment:fixed!important;
}
.hero{margin-bottom:8px!important}

.journey-progress{
  position:relative!important;
  border:1px solid transparent!important;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,
    linear-gradient(115deg,rgba(66,133,244,.28),rgba(155,114,203,.24),rgba(217,101,112,.23),rgba(249,171,85,.27),rgba(52,168,83,.24)) border-box!important;
  box-shadow:0 10px 30px rgba(66,133,244,.055),0 8px 24px rgba(15,23,42,.045)!important;
}
.journey-progress-left{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.journey-back{
  appearance:none!important;border:1px solid #e4e7eb!important;background:#fff!important;color:#555!important;
  min-height:27px!important;padding:0 9px!important;border-radius:999px!important;font:850 8px/1 'Inter',sans-serif!important;
  cursor:pointer!important;box-shadow:0 3px 10px rgba(15,23,42,.045)!important;white-space:nowrap!important;
}
.journey-back:hover{border-color:#d5d9df!important;color:#171717!important;transform:translateY(-1px)!important}
.journey-back:active{transform:scale(.97)!important}
.journey-progress-track{background:rgba(15,23,42,.065)!important}
.journey-progress-track>span{
  position:relative!important;
  background:linear-gradient(90deg,#4285f4 0%,#9b72cb 18%,#d96570 37%,#f9ab55 56%,#34a853 76%,#4285f4 100%)!important;
  background-size:260% 100%!important;
  animation:hgo-gemini-progress 4.2s linear infinite!important;
  box-shadow:0 0 14px rgba(66,133,244,.25)!important;
}
.journey-progress-track>span::after{
  content:''!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)!important;
  transform:translateX(-100%)!important;animation:hgo-progress-shine 2.4s ease-in-out infinite!important;
}
@keyframes hgo-gemini-progress{to{background-position:-260% 0}}
@keyframes hgo-progress-shine{0%,45%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}

.journey-stage.is-current-stage{
  border-color:rgba(66,133,244,.12)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.055),0 0 0 1px rgba(155,114,203,.035)!important;
}
.journey-stage.is-current-stage .step{
  border-color:transparent!important;color:#fff!important;
  background:linear-gradient(135deg,#4285f4,#8e6ed7 42%,#d96570 76%,#f9ab55)!important;
  box-shadow:0 7px 16px rgba(66,133,244,.18)!important;
}
.flow-stage-kicker{
  background:linear-gradient(90deg,#4285f4,#8e6ed7,#d96570,#f59e0b)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.route-smart-chip{
  border-color:rgba(66,133,244,.14)!important;
  background:linear-gradient(135deg,#eef5ff,#f6f0ff)!important;color:#5364a6!important;
}
#profile-continue:not(:disabled),#create-trip:not(:disabled){
  border:0!important;
  background:linear-gradient(110deg,#171717 0%,#252b3a 54%,#253d34 100%)!important;
  box-shadow:0 10px 24px rgba(22,29,38,.15)!important;
}

.trip-calling-float{
  position:fixed!important;
  left:50%!important;
  bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;
  transform:translateX(-50%)!important;
  z-index:1200!important;
  width:min(420px,calc(100vw - 24px))!important;
  min-height:58px!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,
    linear-gradient(110deg,#4285f4,#9b72cb,#d96570,#f9ab55,#34a853,#4285f4) border-box!important;
  background-size:100% 100%,260% 100%!important;
  animation:hgo-float-border 4s linear infinite,hgo-float-in .28s cubic-bezier(.2,.8,.2,1) both!important;
  box-shadow:0 18px 48px rgba(15,23,42,.18),0 5px 18px rgba(66,133,244,.10)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  color:#171717!important;text-align:left!important;cursor:pointer!important;
}
.trip-calling-float.hidden{display:none!important}
.trip-calling-orb{position:relative!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;background:linear-gradient(135deg,#eef5ff,#f8efff)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.trip-calling-orb::before{content:'🚕';font-size:18px!important;position:relative!important;z-index:2!important}
.trip-calling-orb i{position:absolute!important;inset:-8px!important;border-radius:50%!important;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#f9ab55,#34a853,#4285f4)!important;opacity:.26!important;animation:hgo-orb-spin 2.6s linear infinite!important}
.trip-calling-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important}
.trip-calling-copy strong{font:850 11px/1.2 'Inter',sans-serif!important;color:#171717!important;letter-spacing:-.15px!important}
.trip-calling-copy small{font:650 8.5px/1.25 'Inter',sans-serif!important;color:#7a7a7a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.trip-calling-arrow{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:13px!important;font-weight:900!important;flex:0 0 30px!important}
@keyframes hgo-float-border{to{background-position:0 0,-260% 0}}
@keyframes hgo-float-in{from{opacity:0;transform:translate(-50%,14px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes hgo-orb-spin{to{transform:rotate(360deg)}}

@media(max-width:760px){
  .journey-progress-top{gap:8px!important}
  .journey-progress-left{gap:6px!important}
  .journey-back{min-height:25px!important;padding:0 8px!important;font-size:7.6px!important}
  .trip-calling-float{width:calc(100vw - 20px)!important;min-height:55px!important;padding:8px 9px!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important}
  .trip-calling-orb{width:36px!important;height:36px!important;flex-basis:36px!important}
  .trip-calling-copy strong{font-size:10.5px!important}.trip-calling-copy small{font-size:8px!important}
}

@media(prefers-reduced-motion:reduce){
  .journey-progress-track>span,.journey-progress-track>span::after,.trip-calling-float,.trip-calling-orb i{animation:none!important}
}