*{box-sizing:border-box}:root{color-scheme:light;--navy: #061a3f;--navy-2: #0b2a63;--blue: #2563eb;--blue-2: #0ea5e9;--blue-soft: #eaf3ff;--cyan: #0f8fb3;--cyan-soft: #e7f8fb;--green-soft: #e8f8ef;--gold-soft: #fff5db;--ink: #111827;--muted: #64748b;--border: #dbe3ee;--surface: #ffffff;--surface-soft: #f8fbff;--background: #eef4fb;--danger: #c8171e;--success: #168a4a;--warning: #a76300;--shadow: 0 18px 45px rgba(15, 23, 42, .1);--shadow-soft: 0 8px 22px rgba(15, 23, 42, .07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f6f9fd,#eef4fb 48%,#f8fafc)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.34);outline-offset:3px}.app-root{min-height:100vh}.mobile-header{position:sticky;top:0;z-index:12;padding-top:env(safe-area-inset-top);background:#fff;border-bottom:1px solid #e6edf8}.mobile-header-inner{width:min(100%,500px);min-height:60px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:8px}.mobile-header-title{min-width:0;flex:1;text-align:center}.mobile-header-title h1{margin:0;color:#12274b;font-size:16px;font-weight:850;line-height:1.2}.mobile-header-title span{display:block;margin-top:2px;color:#7384a1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-back,.mobile-profile-link{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#143260;text-decoration:none}.mobile-header-brand{flex:0 0 auto}.mobile-page{min-height:calc(100dvh - 60px);padding:18px 15px calc(104px + env(safe-area-inset-bottom));background:#fff}.mobile-sync-status{display:flex;justify-content:flex-end;margin-bottom:12px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:0 12px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e8eef8}.mobile-bottom-nav-inner{width:min(100%,500px);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-bottom-nav .nav-item{min-height:62px;border-radius:0;font-size:10px}.mobile-bottom-nav .nav-item.active{background:transparent;color:#2362d8;box-shadow:none}.page{min-height:100vh;padding:16px 14px 112px}.page-inner{width:min(100%,500px);margin:0 auto}.header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#05132efa,#0a2352fa);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #061a3f2e}.header-inner{width:min(100%,500px);min-height:66px;margin:0 auto;padding:10px 15px;display:flex;align-items:center;gap:9px}.app-mark,.brand-mark{display:grid;place-items:center;flex:0 0 auto;font-weight:950;letter-spacing:0}.app-mark{width:38px;height:38px;border-radius:11px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.header-title{min-width:0;flex:1}.header-title h1{margin:0;font-size:18px;line-height:1.12;font-weight:950}.header-title span{display:block;margin-top:3px;color:#ffffffb8;font-size:12px;font-weight:750}.header .icon-button{border-color:#ffffff2e;background:#ffffff1a;color:#fff}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#eef4fbc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-inner{width:min(100%,500px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;border:1px solid rgba(219,227,238,.9);border-radius:18px;background:#fffffff2;box-shadow:0 16px 34px #0f172a21}.nav-item{min-height:50px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:11px;font-weight:850;text-decoration:none}.nav-item.active{background:var(--navy);color:#fff;box-shadow:0 9px 20px #061a3f33}.card{background:#fffffff5;border:1px solid rgba(219,227,238,.92);border-radius:14px;padding:16px;box-shadow:var(--shadow-soft)}.card.shadow{box-shadow:var(--shadow)}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;gap:12px}.row.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.btn{min-height:49px;border-radius:13px;border:1px solid transparent;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 14px 26px #2563eb33}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 14px 26px #c8171e29}.btn.secondary{background:#fff;border-color:var(--border);color:var(--ink)}.btn.full{width:100%}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 18px #0f172a0f}.field{display:grid;gap:7px}.field label{color:#334155;font-size:11px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;min-height:50px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);padding:12px 13px;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2563ebb8;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.field textarea{min-height:104px;resize:vertical}.muted{color:var(--muted)}.title{margin:4px 0 0;font-size:24px;line-height:1.08;font-weight:950;letter-spacing:0}.eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.section-title{margin:4px 0 0;font-size:16px;font-weight:950}.chip{display:inline-flex;align-items:center;gap:6px;min-height:29px;border-radius:999px;padding:4px 10px;background:var(--blue-soft);color:#1554c0;font-size:12px;font-weight:950;white-space:nowrap;border:1px solid transparent}.chip.success{background:var(--green-soft);color:var(--success)}.chip.danger{background:#ffe8e8;color:var(--danger)}.chip.warning{background:var(--gold-soft);color:var(--warning);border-color:#a763001f}.dashboard-hero{position:relative;display:grid;gap:17px;overflow:hidden;color:#fff;border:0;padding:18px;background:linear-gradient(135deg,#05132efa,#153f90f0 62%,#0f8fb3d1),var(--navy);box-shadow:0 20px 45px #061a3f2e}.dashboard-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.11),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 46%);pointer-events:none}.dashboard-hero>*{position:relative}.dashboard-hero .row.spread{align-items:flex-start;gap:14px}.dashboard-hero .muted,.dashboard-hero .eyebrow{color:#ffffffb8}.dashboard-hero .chip{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.18);margin-top:2px}.dashboard-hero .title{color:#fff;overflow-wrap:anywhere}.hero-meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-meter div{min-width:0;border-radius:12px;padding:10px;background:#ffffff1c;border:1px solid rgba(255,255,255,.14)}.hero-meter span{display:block;color:#ffffffa8;font-size:10px;font-weight:850;text-transform:uppercase}.hero-meter strong{display:block;margin-top:4px;font-size:15px;line-height:1.1}.action-tile{min-height:104px;border:1px solid rgba(219,227,238,.95);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);padding:13px;display:grid;grid-template-rows:auto 1fr;align-content:stretch;gap:12px;text-decoration:none;color:var(--ink);box-shadow:0 8px 18px #0f172a0e;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.action-tile:hover{border-color:#2563eb5c;box-shadow:0 16px 34px #2563eb1f}.action-tile:active{transform:translateY(1px)}.action-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,var(--blue-soft),var(--cyan-soft));color:var(--blue)}.action-tile strong{align-self:end;font-size:14px;line-height:1.15}.action-tile .row svg{color:var(--muted)}.list{display:grid;gap:10px}.list-row{border:1px solid rgba(219,227,238,.95);border-radius:15px;background:#fff;padding:14px;box-shadow:0 8px 18px #0f172a0d}.photo-row{display:grid;gap:8px}.photo-list{display:grid;gap:6px}.photo-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:var(--blue-soft);color:#1554c0;font-size:12px;font-weight:850}.offline-banner{border:1px solid #f0c36d;background:#fff8e6;color:#5f3b00}.auth-page{min-height:100dvh;padding:32px;display:grid;place-items:center;background:radial-gradient(circle at 12% 12%,rgba(80,145,255,.16),transparent 32%),linear-gradient(145deg,#e9eff8,#f5f8fd)}.auth-layout{width:min(100%,1120px);min-height:min(760px,calc(100dvh - 64px));display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 28px 90px #0c224b29}.auth-intro{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(34px,4vw,56px);color:#fff;background:radial-gradient(circle at 82% 7%,rgba(48,111,178,.26),transparent 38%),linear-gradient(120deg,#152f54,#0a274b 68%,#0a315d)}.auth-intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(12,36,70,.1),transparent 74%)}.auth-illustration{position:absolute;right:0;bottom:0;width:100%;height:100%;pointer-events:none;opacity:.6}.auth-brand,.auth-hero{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand img{width:48px;height:48px}.auth-brand strong{display:block;font-size:24px;font-weight:850;letter-spacing:-.035em;line-height:1.1}.auth-brand span{display:block;margin-top:5px;color:#9dbde5;font-size:11px;font-weight:800;letter-spacing:.17em}.auth-hero{max-width:450px;margin:auto 0;padding:68px 0}.auth-kicker{display:inline-block;color:#6acdf7;font-size:12px;font-weight:800;letter-spacing:.17em}.auth-hero h1{margin:17px 0 13px;font-size:clamp(40px,4.5vw,60px);font-weight:820;letter-spacing:-.05em;line-height:1.05}.auth-hero p{max-width:340px;margin:0;color:#c7d5e9;font-size:16px;line-height:1.52}.auth-access{display:flex;align-items:center;justify-content:center;padding:clamp(38px,5vw,70px);background:#fff}.auth-access-inner{width:min(100%,390px)}.auth-form{display:grid;gap:22px}.auth-field{display:grid;gap:9px}.auth-field label{color:#233b60;font-size:13px;font-weight:750}.auth-input-shell{display:flex;align-items:center;min-height:54px;padding:0 14px;border:1px solid #d7e2f0;border-radius:13px;background:#f9fbff;color:#7e8da5;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-input-shell:focus-within{border-color:#5281e9;background:#fff;box-shadow:0 0 0 4px #2563eb1c}.auth-input-shell input{min-width:0;width:100%;height:52px;padding:0 12px;border:0;outline:0;background:transparent;color:#11254d;font-size:15px}.auth-input-shell input::placeholder{color:#9aa9bd}.auth-input-shell input:focus-visible{outline:0}.auth-reveal{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#60718e}.auth-reveal:hover{background:#eaf0f9}.auth-forgot{justify-self:end;margin-top:-7px;padding:2px 0;border:0;background:transparent;color:#2362bd;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth-password-help{margin:-10px 0 0;padding:12px 14px;border:1px solid #d7e4f4;border-radius:12px;background:#f1f6fd;color:#365176;font-size:13px;line-height:1.45}.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:3px;padding:0 19px;border:0;border-radius:13px;background:linear-gradient(105deg,#19488f,#2469df);box-shadow:0 12px 24px #1f58c430;color:#fff;font-size:17px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease}.auth-submit svg{position:absolute;right:20px}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 28px #1f58c440}.auth-alert{margin-top:18px;padding:13px 15px;border:1px solid #f4c9c7;border-radius:12px;background:#fff5f3;color:#a72a29;font-size:13px;line-height:1.5}.auth-security{display:flex;align-items:center;justify-content:center;gap:9px;margin:42px 0 0;color:#77869b;font-size:13px;line-height:1.4}.auth-security svg{flex:0 0 auto;color:#8193aa}.auth-install{display:flex;align-items:flex-start;gap:11px;margin-top:22px;padding:13px 12px;border:1px solid #dce8fb;border-radius:15px;background:#f4f8ff;color:#1b3b70}.auth-install-icon{width:33px;height:33px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#e1edff;color:#2362bd}.auth-install-body{flex:1;min-width:0}.auth-install-body strong{font-size:13px}.auth-install-body p{margin:4px 0 0;font-size:12px;line-height:1.4;color:#536b91}.auth-install-body button{margin-top:8px;border:0;padding:0;background:none;color:#1554c0;font-weight:750;text-decoration:underline}.auth-install-dismiss{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border:0;background:transparent;color:#5b6e8b}@media(max-width:760px){.auth-page{display:block;padding:0;background:#071a3c}.auth-layout{display:flex;flex-direction:column;min-height:100dvh;overflow:visible;border-radius:0;box-shadow:none}.auth-intro{min-height:293px;padding:calc(22px + env(safe-area-inset-top)) 28px 36px}.auth-hero{margin:36px 0 0;padding:0}.auth-hero h1{margin:13px 0 9px;font-size:clamp(36px,10vw,42px)}.auth-hero p{max-width:305px;font-size:16px;line-height:1.35}.auth-illustration{opacity:.76}.auth-access{position:relative;flex:1;align-items:stretch;margin-top:-20px;padding:31px 28px calc(35px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.auth-access-inner{display:flex;flex-direction:column;width:min(100%,430px);margin:0 auto}.auth-form{gap:22px}.auth-submit{margin-top:-4px}.auth-security{margin-top:auto;padding-top:36px}}@media(max-width:360px){.auth-intro{min-height:283px;padding-left:20px;padding-right:20px}.auth-hero{margin-top:33px}.auth-hero h1{font-size:36px}.auth-access{padding-left:20px;padding-right:20px}}.profile-option{width:100%;min-height:96px;border:1px solid rgba(219,227,238,.95);border-radius:16px;background:#fff;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;box-shadow:var(--shadow-soft)}.profile-option span{display:grid;gap:4px}.profile-option small{color:var(--muted);line-height:1.35}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metrics-grid .card{display:grid;gap:2px;min-width:0;padding:13px}.metrics-grid strong{font-size:24px;line-height:1;font-weight:950}.metrics-grid .card:nth-child(1) strong{color:var(--blue)}.metrics-grid .card:nth-child(2) strong{color:var(--warning)}.metrics-grid .card:nth-child(3) strong{color:var(--success)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:4px;border:1px solid var(--border);border-radius:14px;background:#edf3fb}.segmented button{min-height:42px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:900}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 6px 14px #0f172a17}.inline-textarea{width:100%;min-height:78px;border:1px solid var(--border);border-radius:13px;padding:10px;resize:vertical}.align-end{align-self:end;flex:0 0 auto}.service-worker-update{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:12px 14px;background:var(--navy);color:#fff;box-shadow:var(--shadow);font-size:13px;font-weight:800}.service-worker-update button{flex:0 0 auto;border:0;border-radius:10px;padding:9px 11px;background:#fff;color:var(--navy);font-weight:900}.mission-row{display:grid;gap:8px;text-decoration:none;color:var(--ink)}pre.payload{overflow:auto;margin:0;padding:10px;border-radius:12px;background:#0f172a;color:#fff;font-size:12px}@media(min-width:720px){.page-inner,.header-inner,.bottom-nav-inner{width:min(100%,720px)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-hero .title{font-size:28px}.action-tile{min-height:116px}}@media(max-width:380px){.hero-meter,.metrics-grid{grid-template-columns:1fr}.profile-option{grid-template-columns:auto minmax(0,1fr)}.profile-option .chip{grid-column:1 / -1;justify-self:start}.page{padding-left:12px;padding-right:12px}.header-inner{padding-left:13px;padding-right:13px}.action-tile{min-height:96px;padding:12px}.action-icon{width:36px;height:36px}.action-tile strong{font-size:13px}}.home-screen{display:grid;gap:18px}.home-greeting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 3px 3px}.home-greeting h2{margin:0;color:#10284f;font-size:21px;line-height:1.2;font-weight:850}.home-greeting p{margin:5px 0 0;color:#647895;font-size:14px}.home-greeting img,.home-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;object-fit:cover}.home-avatar{display:grid;place-items:center;background:#edf3ff;color:#2a5fbd;font-weight:850}.home-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-action-grid .action-tile{min-height:144px;grid-template-rows:auto auto 1fr;gap:7px;padding:16px;background:#fff;border:1px solid #e2eaf5;border-radius:13px;box-shadow:0 8px 20px #122f5c0b}.home-action-grid .action-icon{width:38px;height:38px;background:transparent;color:#2266db}.home-action-grid .action-tile strong{color:#122a52;font-size:14px;font-weight:800}.home-action-grid .action-tile .row{align-items:flex-start;gap:4px}.home-action-grid .action-tile .row svg{align-self:end;flex:0 0 auto}.action-description{color:#657998;font-size:12px;line-height:1.35}.home-vehicle,.home-offline,.home-notice{margin:0;padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.4}.home-vehicle{background:#f4f8ff;color:#486386}.home-vehicle strong{color:#173d78}.home-offline{background:#fff8e6;color:#835300}.home-notice{background:#eaf3ff;color:#2456a2}.collections-screen,.collection-detail-screen{display:grid;gap:14px}.collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-bottom:1px solid #e1e8f4}.collection-tabs button{min-height:43px;position:relative;border:0;background:#fff;color:#5f718f;font-size:12px;font-weight:700;white-space:nowrap}.collection-tabs button.active{color:#1c60cf}.collection-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#2469df}.collection-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:50%;background:#e8eef8;color:#42618e;font-size:10px}.collection-search{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 12px;border:1px solid #dce6f3;border-radius:11px;color:#8295b2;background:#fbfcff}.collection-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;color:#162d52;font-size:12px}.collection-search input::placeholder{color:#8b9bb1}.collection-list{display:grid;gap:10px}.collection-card{display:grid;gap:7px;padding:13px 14px;border:1px solid #dce6f3;border-radius:13px;background:#fff;box-shadow:0 5px 15px #0f27560a;text-decoration:none}.collection-card-top,.collection-card-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.collection-card-top small{color:#657998;font-size:11px}.collection-card-top .chip{min-height:24px;padding:3px 7px;font-size:10px}.collection-card-title strong{color:#172f54;font-size:14px;line-height:1.25}.collection-card-title svg{flex:0 0 auto;color:#5376a9}.collection-card p{display:flex;align-items:center;gap:7px;margin:0;color:#637b9d;font-size:11px;line-height:1.3}.collection-card p svg{flex:0 0 auto;color:#52719e}.collection-card p span{margin-left:auto;white-space:nowrap}.collection-detail-status{display:flex;justify-content:space-between;align-items:center;padding:3px 2px;color:#657998}.collection-detail-status small{font-size:12px}.collection-detail-card{padding:15px;border:1px solid #e0e8f5;border-radius:14px;background:#fff}.collection-detail-card h2{margin:9px 0 3px;color:#16305a;font-size:15px}.collection-detail-card p{margin:6px 0;color:#566d8d;font-size:13px;line-height:1.45}.collection-detail-card p strong{color:#193961}.collection-detail-label{display:flex;align-items:center;gap:7px;color:#2466d6;font-size:13px}.collection-detail-label strong{color:#1b355f}.collection-detail-separator{height:1px;margin:14px 0;background:#e9eef7}.collection-map-link{display:flex;justify-content:center;align-items:center;gap:8px;min-height:37px;margin-top:12px;border-radius:9px;background:#e9f1ff;color:#164fb0;font-size:12px;font-weight:800;text-decoration:none}.collection-attachment{display:block;margin-top:9px;color:#1b5ebf;font-size:13px}.collection-attachment-unavailable{color:#667b99}.collection-main-action{margin-top:6px}@media(max-width:360px){.home-action-grid .action-tile{min-height:130px;padding:12px}.collection-card p span{max-width:92px;overflow:hidden;text-overflow:ellipsis}}.fuel-screen{display:grid;gap:19px;max-width:560px;margin:0 auto}.fuel-vehicle-card{display:flex;align-items:center;gap:11px;min-height:67px;padding:9px 12px;border-radius:13px;background:#f3f7ff;text-decoration:none}.fuel-vehicle-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:10px;background:#e1ebfc;color:#193c76}.fuel-vehicle-label{display:grid;gap:1px;min-width:0;flex:1}.fuel-vehicle-label strong{color:#152c52;font-size:14px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fuel-vehicle-label small{color:#5d7596;font-size:11px}.fuel-vehicle-more{display:flex;align-items:center;gap:3px;color:#526d93;font-size:11px;white-space:nowrap}.fuel-core-fields,.fuel-extra-fields{display:grid;gap:15px}.fuel-screen .field label{color:#1e355b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}.fuel-screen .field input,.fuel-screen .field select,.fuel-screen .field textarea{min-height:43px;border-color:#d4e0f1;border-radius:10px;background:#fbfcff;color:#18335b;font-size:13px}.fuel-screen .field textarea{min-height:55px}.fuel-date-input{position:relative;display:flex;align-items:center}.fuel-date-input svg{position:absolute;left:12px;z-index:1;color:#4d6a95}.fuel-date-input input{padding-left:41px!important}.fuel-extra-fields{padding-top:16px;border-top:1px solid #e5ebf6}.fuel-extra-fields h2{margin:0;color:#17335e;font-size:15px}.fuel-extra-fields>p{margin:-9px 0 0;font-size:11px}.fuel-location-row{display:flex;align-items:end;gap:8px}.fuel-location-row .field{flex:1;min-width:0}.fuel-location-row .icon-button{flex:0 0 auto;width:43px;height:43px;border-radius:10px}.fuel-tank-balance{padding:11px;border-radius:10px;background:#f3f7ff;color:#476586;font-size:12px}.fuel-tank-balance small{display:block;margin-top:4px;color:#7184a0}.fuel-catalog-note{margin:-8px 0 0;color:#7587a2;font-size:11px}.fuel-submit{min-height:51px;border-radius:11px;background:linear-gradient(90deg,#1850bd,#347aef)!important}.tire-screen{display:grid;gap:16px;max-width:560px;margin:0 auto}.tire-summary{display:flex;align-items:center;gap:7px;color:#1a355d;font-size:13px}.tire-summary span{color:#7184a0;font-size:11px}.tire-summary button{margin-left:auto;border:0;background:transparent;color:#2464d2;font-size:11px;font-weight:800}.tire-action-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-bottom:1px solid #e0e8f5}.tire-action-tabs button{min-height:42px;position:relative;border:0;background:#fff;color:#637996;font-size:12px;font-weight:750}.tire-action-tabs button.active{color:#1b60d0}.tire-action-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2468df}.tire-visual-layout{display:grid;gap:13px}.tire-axle{padding:13px;border:1px solid #dfe8f5;border-radius:13px;background:#fbfcff}.tire-axle h2{margin:0 0 10px;color:#24406c;font-size:12px;font-weight:850}.tire-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tire-position-card{display:flex;align-items:center;gap:8px;min-width:0;min-height:61px;padding:9px;border:1px solid #dbe5f2;border-radius:10px;background:#fff;color:#1b345b;text-align:left}.tire-position-card:disabled{opacity:.6;cursor:default}.tire-position-card.source{border-color:#2b69d9;background:#eaf2ff}.tire-position-card.destination{border-color:#18a46a;background:#eaf9f2}.tire-position-mark{width:20px;height:33px;flex:0 0 auto;border:3px solid #6385b9;border-radius:6px;background:repeating-linear-gradient(0deg,#d9e7fb 0 3px,#f8fbff 3px 6px)}.tire-position-card span:nth-child(2){display:grid;gap:3px;min-width:0}.tire-position-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.tire-position-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#607b9e;font-size:10px}.tire-position-card em{align-self:flex-start;margin-left:auto;color:#1d5db9;font-size:9px;font-style:normal;font-weight:850}.tire-form-card{padding:15px;box-shadow:none}.tire-move-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tire-move-options .btn{min-height:42px;padding:7px;font-size:11px}@media(max-width:360px){.tire-action-tabs{grid-template-columns:1.4fr .8fr .8fr}.tire-action-tabs button{font-size:10px}.tire-position-grid{grid-template-columns:1fr}.tire-move-options .btn{font-size:10px}}