:root{
  --fu-navy:#062B55;
  --fu-navy-2:#0B467B;
  --fu-orange:#FF681F;
  --fu-orange-soft:#FFF0E6;
  --fu-blue-soft:#EAF4FC;
  --fu-bg:#F5F7FA;
  --fu-line:#E4EAF0;
  --fu-text:#12263A;
  --fu-muted:#71808E;
  --fu-success:#15945A;
  --fu-radius:18px;
  --fu-shadow:0 10px 26px rgba(6,43,85,.08);
}

body{background:var(--fu-bg);color:var(--fu-text)}
.site-header{height:72px;border-bottom:1px solid rgba(6,43,85,.06);box-shadow:0 3px 16px rgba(6,43,85,.05)}
.brand img{width:190px;max-height:54px}
.main-nav a{font-size:.92rem}

.container{max-width:1180px}
.card{border:1px solid var(--fu-line);border-radius:20px;box-shadow:var(--fu-shadow)}
.card h1,.card h2,.card h3,h1,h2,h3{letter-spacing:-.02em}
.btn{border-radius:13px;min-height:46px}
.btn-primary{background:var(--fu-orange)}
.btn-navy{background:var(--fu-navy)}
.btn-light{background:#F0F4F7}

/* App page title */
.fu-page-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#fff,#F1F7FC);border:1px solid var(--fu-line)}
.fu-page-hero h1{margin:0;color:var(--fu-navy);font-size:clamp(1.55rem,3vw,2.2rem)}
.fu-page-hero p{margin:5px 0 0;color:var(--fu-muted)}
.fu-page-hero .fu-page-icon{width:72px;height:72px;border-radius:18px;background:var(--fu-orange-soft);display:grid;place-items:center;overflow:hidden}
.fu-page-hero .fu-page-icon img{width:66px;height:48px;object-fit:contain}

/* Mobile app navigation */
.fu-mobile-bar{display:none}
.fu-mobile-bar a{color:#627180;text-decoration:none}
.fu-mobile-bar a.active{color:var(--fu-orange)}
.fu-mobile-bar .fu-mobile-icon{font-size:1.15rem;line-height:1}
.fu-mobile-bar small{font-size:.64rem;font-weight:850}

/* Area nav turns into compact pills */
.area-nav{padding:0 18px;gap:7px}
.area-nav a{border-radius:999px;padding:9px 13px;background:#fff;font-size:.85rem;box-shadow:0 3px 10px rgba(6,43,85,.04)}
.area-nav a.active{background:var(--fu-navy);border-color:var(--fu-navy)}

/* Vehicle picker inspired by reference cards */
.fu-vehicle-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 14px}
.fu-vehicle-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;border:2px solid #E6EBEF;border-radius:16px;background:#fff;cursor:pointer;transition:.17s ease;user-select:none}
.fu-vehicle-card:hover{border-color:#FFC2A2;transform:translateY(-1px)}
.fu-vehicle-card.selected{border-color:var(--fu-orange);background:#FFF9F5;box-shadow:0 8px 20px rgba(255,104,31,.10)}
.fu-vehicle-art{height:76px;display:grid;place-items:center;margin-bottom:7px;border-radius:12px;background:#F8FAFC;overflow:hidden}
.fu-vehicle-art img{width:100%;height:72px;object-fit:contain}
.fu-vehicle-copy strong{display:block;color:var(--fu-navy);font-size:.94rem}
.fu-vehicle-copy small{display:block;color:var(--fu-muted);font-size:.72rem;margin-top:2px;line-height:1.25}
.fu-vehicle-copy em{display:block;color:var(--fu-orange);font-style:normal;font-size:.70rem;font-weight:800;margin-top:4px}
.fu-vehicle-check{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;display:none;place-items:center;background:var(--fu-orange);color:#fff;font-size:.72rem;font-weight:950}
.fu-vehicle-card.selected .fu-vehicle-check{display:grid}
.fu-vehicle-select-original{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Summary/order cards */
.fu-order-card{position:relative;overflow:hidden;padding:16px 17px;border-radius:18px;background:#fff;border:1px solid var(--fu-line);box-shadow:0 7px 20px rgba(6,43,85,.06)}
.fu-order-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fu-orange)}
.fu-order-card.delivery:before{background:#1471C9}
.fu-order-line{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center}
.fu-order-dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:.9rem;background:var(--fu-orange-soft);color:var(--fu-orange)}
.fu-order-dot.blue{background:var(--fu-blue-soft);color:#1471C9}
.fu-order-line strong{display:block;color:var(--fu-navy)}
.fu-order-line small{display:block;color:var(--fu-muted);margin-top:2px;line-height:1.35}

/* KPI cards closer to app home */
.kpi{position:relative;overflow:hidden}
.kpi:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-35px;background:rgba(255,104,31,.07)}
.kpi small{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.kpi strong{font-size:1.85rem}

/* Tables become cards on mobile via data-label support */
.table-wrap{border:1px solid var(--fu-line);box-shadow:none}
.table-wrap table th{background:#F8FAFC}

/* Sticky submit like app CTA */
.fu-sticky-submit{position:sticky;bottom:12px;z-index:400;padding:10px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(6,43,85,.16);border:1px solid rgba(228,234,240,.9)}
.fu-sticky-submit .btn{width:100%;font-size:.95rem}

/* App-like forms */
.form-card{max-width:900px}
.form-card h2{font-size:1.1rem;margin-top:24px;padding-top:4px}
.field label{font-size:.84rem}
.field input,.field select,.field textarea{border-radius:13px;min-height:48px;border-color:#DCE4EA}
.field textarea{min-height:112px}

/* Home vehicle cards */
.vehicle-public .card{padding:12px;text-align:left}
.vehicle-public .vehicle-emoji{height:auto;font-size:0}
.vehicle-public .vehicle-emoji img{width:100%;height:95px;object-fit:contain;border-radius:14px;background:#F8FAFC}
.vehicle-public .card h3{margin:8px 2px 4px}
.vehicle-public .card p{margin:0 2px 6px;color:var(--fu-muted);font-size:.86rem;line-height:1.4}

/* Search/order bottom sheet */
.search-driver-panel{border:1px solid rgba(6,43,85,.08)}
.search-address-card{border-radius:14px!important}
.search-kpis>div{border:1px solid #E7EDF2;background:#FAFBFC!important}

/* Driver call overlay */
.overlay{backdrop-filter:blur(6px)}
.call-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.35)}
.call-card .timer{box-shadow:0 0 0 10px rgba(255,104,31,.10)}

/* App cards for client/driver dashboard */
.fu-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.fu-action-card{display:flex;flex-direction:column;min-height:126px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--fu-line);box-shadow:0 7px 18px rgba(6,43,85,.05);color:var(--fu-navy)}
.fu-action-card .ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--fu-orange-soft);color:var(--fu-orange);font-size:1.2rem;margin-bottom:auto}
.fu-action-card strong{display:block;margin-top:14px}
.fu-action-card small{color:var(--fu-muted);margin-top:3px;line-height:1.25}

/* App header on mobile */
@media(max-width:900px){
  body{padding-bottom:78px}
  .site-header{height:62px;padding:6px 12px}
  .brand img{width:135px;max-height:48px}
  .area-nav{display:none!important}
  .fu-mobile-bar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:3200;display:grid;grid-template-columns:repeat(var(--fu-mobile-cols,4),1fr);gap:3px;padding:7px;border:1px solid rgba(6,43,85,.10);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(6,43,85,.20)}
  .fu-mobile-bar a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border-radius:12px}
  .fu-mobile-bar a.active{background:#FFF4ED}
  .fu-page-hero{padding:14px 15px;border-radius:17px}
  .fu-page-hero .fu-page-icon{width:58px;height:58px}
  .fu-page-hero .fu-page-icon img{width:54px;height:40px}
  .fu-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fu-vehicle-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fu-vehicle-art{height:68px}.fu-vehicle-art img{height:64px}
  .form-card{padding:15px}
  .container{padding-top:14px}
}

@media(max-width:560px){
  .fu-action-grid{grid-template-columns:1fr 1fr;gap:9px}
  .fu-action-card{min-height:112px;padding:13px}
  .fu-vehicle-picker{grid-template-columns:1fr 1fr;gap:8px}
  .fu-vehicle-card{padding:9px}.fu-vehicle-art{height:60px}.fu-vehicle-art img{height:58px}
  .fu-vehicle-copy strong{font-size:.88rem}.fu-vehicle-copy small{font-size:.68rem}.fu-vehicle-copy em{font-size:.65rem}
  .fu-page-hero .fu-page-icon{display:none}
  .search-driver-map{height:48vh!important}
}

.fee-card .icon{height:82px;display:grid;place-items:center}.fee-card .icon img{width:100%;height:78px;object-fit:contain}.ad-icon img{width:72px;height:58px;object-fit:contain}.tracking-car-icon img{width:46px;height:38px;object-fit:contain}.live-driver-marker span img,.searching-vehicle-marker span img{width:42px;height:32px;object-fit:contain}.waiting-response-core img{width:48px;height:38px;object-fit:contain}.selected-avatar img{width:52px;height:42px;object-fit:contain}.fu-mobile-vehicle img{width:30px;height:22px;object-fit:contain}