:root{--teal:#18aaa6;--teal-dark:#0b8d89;--ink:#121827;--muted:#667085;--line:#e7e7e7;--bg:#ede8dc;--card:#ffffff;--green:#37a852;--orange:#f59e0b;--red:#ef4444;--soft:#f7f5f1}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.auth-root{background:radial-gradient(circle at top,#ffffff 0,#f4efe4 44%,#e9e0cf 100%)}.rtl{direction:rtl}.phone-frame{width:min(430px,100%);min-height:860px;background:#fff;border-radius:38px;overflow:hidden;box-shadow:0 24px 70px rgba(18,24,39,.18);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;position:relative}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #f0f0f0;background:rgba(255,255,255,.92);position:-webkit-sticky;position:sticky;top:0;z-index:5}.logo-button{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.logo-button img{width:112px;max-height:54px;object-fit:contain}.round-btn{width:48px;height:48px;border-radius:50%;border:0;background:#f7f5f1;display:grid;place-items:center;font-size:22px}.content-page{padding:22px 18px 96px;flex:1 1;overflow:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 36px rgba(16,24,40,.06)}.welcome-card{width:min(620px,100%);background:rgba(255,255,255,.96);border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(18,24,39,.18)}.welcome-logo{width:190px;max-height:90px;object-fit:contain;display:block;margin:0 auto 20px}.welcome-card h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0 0 14px}.welcome-card p{color:var(--muted);font-size:18px;line-height:1.65;margin:0}.question-block{margin-top:26px}.question-block h2{margin:0 0 12px;font-size:20px}.option-grid{display:grid;grid-gap:12px;gap:12px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid.two{grid-template-columns:repeat(2,1fr)}.option-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 14px;font-weight:800;color:var(--ink)}.option-card.selected{border-color:var(--teal);background:#e6fbfa;box-shadow:inset 0 0 0 2px var(--teal)}.microcopy{font-size:14px!important;color:var(--muted);margin-top:10px!important}.cta-row{display:flex;gap:12px;margin-top:24px}.danger-btn,.primary-btn,.secondary-btn,.text-btn{border:0;border-radius:16px;padding:15px 20px;font-weight:900}.primary-btn{background:var(--teal);color:#fff;flex:1 1}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:#f3f4f6;color:var(--ink);flex:1 1}.danger-btn{background:#fff1f2;color:#b91c1c;width:100%}.text-btn{background:transparent;color:var(--teal-dark);padding:8px 0}.profile-summary{text-align:center;padding:28px 20px;margin-bottom:18px}.avatar{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:#e4fbfa;color:var(--teal-dark);display:grid;place-items:center;font-size:34px;font-weight:900}.avatar.large{width:96px;height:96px;font-size:42px}h1{margin:0 0 8px;font-size:32px;line-height:1.08}h2{margin:0 0 10px;font-size:22px}p{color:var(--muted);line-height:1.55}.stats-card{padding:10px 18px;margin-bottom:18px}.stats-card div{display:flex;justify-content:space-between;gap:20px;padding:18px 6px;border-bottom:1px solid #eee}.stats-card div:last-child{border-bottom:0}.stats-card strong{font-size:24px}.stats-card span{font-weight:800}.quick-card{padding:22px;margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.quick-grid.vertical{grid-template-columns:1fr}.quick-grid button{min-height:104px;border:1px solid var(--line);border-radius:20px;background:var(--soft);display:grid;place-items:center;grid-gap:8px;gap:8px;font-size:26px}.quick-grid span{font-size:15px;font-weight:900}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.empty-state{text-align:center;padding:34px 24px}.vehicle-list{display:grid;grid-gap:14px;gap:14px}.vehicle-card{width:100%;text-align:inherit;display:flex;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-right:6px solid var(--green)}.ltr .vehicle-card{border-right-width:1px;border-left:6px solid var(--green)}.vehicle-card.soon{border-color:var(--line);border-right-color:var(--orange)}.ltr .vehicle-card.soon{border-left-color:var(--orange)}.vehicle-card.urgent{border-color:var(--line);border-right-color:var(--red)}.ltr .vehicle-card.urgent{border-left-color:var(--red)}.big-icon,.vehicle-icon{width:68px;height:68px;border-radius:20px;background:var(--soft);display:grid;place-items:center;font-size:28px;flex:0 0 auto}.big-icon{width:110px;height:110px;margin:0 auto 16px;font-size:44px}.vehicle-card h2{margin:8px 0 4px}.vehicle-card p{margin:0}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;background:#eef2ff}.pill.ok{color:#166534;background:#dcfce7}.pill.soon{color:#92400e;background:#fef3c7}.pill.urgent{color:#991b1b;background:#fee2e2}.vehicle-detail{text-align:center;padding:28px 18px;margin:16px 0}.list-row{padding:18px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:18px}.list-row p{margin:4px 0 0}.form-card,.profile-card{padding:24px}.form-card label,.profile-card label{display:grid;grid-gap:8px;gap:8px;font-weight:900;margin-top:14px;color:var(--ink)}input,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px 16px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:82px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:8px}.nav-item{min-width:56px;border:0;background:transparent;color:var(--muted);display:grid;grid-gap:3px;gap:3px;place-items:center;font-weight:800}.nav-item span{font-size:22px}.nav-item small{font-size:10px}.nav-item.active{color:var(--teal-dark)}@media (max-width:520px){.app-root{padding:0;align-items:stretch}.phone-frame{width:100%}.phone-frame,.welcome-card{min-height:100vh;border-radius:0}.cta-row,.form-grid,.option-grid.three{grid-template-columns:1fr}.cta-row,.form-grid{flex-direction:column}}.lookup-message{margin:10px 0 0;border-radius:14px;padding:12px 14px;font-weight:800;font-size:14px}.lookup-message.loading{background:#eef2ff;color:#3730a3}.lookup-message.found{background:#dcfce7;color:#166534}.lookup-message.error,.lookup-message.notFound{background:#fff7ed;color:#9a3412}.gov-data-card{margin:18px 0;padding:18px;box-shadow:none;background:#fbfdfd}.gov-data-card h2{font-size:18px;margin-bottom:14px}.gov-data-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.gov-data-grid div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;display:grid;grid-gap:5px;gap:5px}.gov-data-grid span{color:var(--muted);font-size:12px;font-weight:800}.gov-data-grid strong{font-size:14px;overflow-wrap:anywhere}.menu-trigger{color:var(--ink)}.menu-overlay{position:absolute;inset:0;z-index:80;display:flex}.menu-backdrop{position:absolute;inset:0;border:0;background:rgba(18,24,39,.34);cursor:pointer}.menu-panel{position:relative;z-index:2;width:min(330px,84%);height:100%;background:#fff;padding:22px;box-shadow:0 24px 70px rgba(18,24,39,.24);display:flex;flex-direction:column;animation:menuSlideIn .18s ease-out}.menu-head{display:flex;align-items:center;gap:14px}.menu-head img{width:118px;max-height:58px;object-fit:contain}.menu-title{font-size:24px}.menu-list{display:grid;grid-gap:10px;gap:10px}.menu-row{width:100%;border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;align-items:center;color:var(--ink);text-align:inherit}.rtl .menu-row{flex-direction:row-reverse;justify-content:flex-start}.menu-row span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--soft)}.menu-row b{font-size:16px}.menu-row.active{border-color:var(--teal);background:#e6fbfa}@keyframes menuSlideIn{0%{transform:translateX(-16px);opacity:.78}to{transform:translateX(0);opacity:1}}.rtl .menu-panel{animation-name:menuSlideInRtl}@keyframes menuSlideInRtl{0%{transform:translateX(16px);opacity:.78}to{transform:translateX(0);opacity:1}}.gov-raw-details{margin-top:14px}.gov-raw-details summary{cursor:pointer;color:var(--teal-dark);font-weight:900;padding:12px 4px}.gov-data-grid-raw{margin-top:8px}.topbar{height:116px}.logo-button img{width:150px;max-height:70px}.main-bottom-nav{height:92px;border-radius:30px 30px 0 0;box-shadow:0 -10px 28px rgba(18,24,39,.08)}.main-bottom-nav .nav-item{min-width:58px}.nav-plus{width:68px;height:68px;border-radius:50%;background:#ef4f55!important;color:#fff!important;transform:translateY(-18px);box-shadow:0 14px 28px rgba(239,79,85,.3)}.nav-plus span{font-size:30px!important;line-height:1;font-weight:900}.nav-plus small{display:none}.add-overlay{position:absolute;inset:0;z-index:78;display:flex;align-items:flex-end;justify-content:center}.add-panel{position:relative;z-index:2;width:100%;margin:0 10px 92px;border-radius:30px;padding:22px;box-shadow:0 24px 70px rgba(18,24,39,.22)}.add-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.add-panel-head h1{font-size:24px}.add-action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.add-action-card{min-height:128px;border:1px solid var(--line);background:#fff;border-radius:22px;display:grid;align-content:center;justify-items:center;grid-gap:7px;gap:7px;padding:16px 10px;color:var(--ink)}.add-action-card span{width:54px;height:54px;border-radius:18px;background:var(--soft);display:grid;place-items:center;font-size:28px}.add-action-card b{font-size:18px}.add-action-card small{color:var(--muted);font-weight:700;font-size:12px}.add-action-card:hover{border-color:var(--teal);background:#f0fffe}.menu-overlay{align-items:stretch}.menu-overlay,.rtl .menu-overlay{justify-content:flex-start}.menu-panel{width:min(410px,92%);border-radius:0 34px 34px 0;padding:26px 26px 34px;gap:18px}.rtl .menu-panel{border-radius:34px 0 0 34px}.menu-head{justify-content:space-between}.menu-profile{display:grid;grid-gap:4px;gap:4px;text-align:center;flex:1 1}.menu-profile b{font-size:20px}.menu-profile span{color:var(--muted);font-size:13px;font-weight:800}.menu-avatar{width:74px;height:74px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.menu-list{overflow:auto;padding-bottom:8px}.menu-row{border:0;border-radius:0;padding:16px 0;background:#fff;border-bottom:0;display:grid;grid-template-columns:54px 1fr 20px;grid-gap:12px;gap:12px}.rtl .menu-row{grid-template-columns:54px 1fr 20px;flex-direction:row}.menu-row.with-divider{border-top:1px solid var(--line);margin-top:6px;padding-top:22px}.menu-row .menu-icon{width:46px;height:46px;border-radius:15px;background:#f7f5f1;display:grid;place-items:center;font-size:22px}.menu-row b{align-self:center;font-size:20px}.menu-row em{align-self:center;justify-self:end;font-style:normal;color:#9aa0a6;font-size:22px}.rtl .menu-row em{transform:rotate(180deg)}.menu-row.active{background:#fff;color:var(--teal-dark)}.menu-close-button{width:100%;flex:unset;margin-top:auto}.placeholder-card{margin-top:20px}@media (max-width:520px){.logo-button img{width:128px}.add-panel{margin-left:14px;margin-right:14px}}.document-type-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:18px}.document-type-card{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:20px;padding:16px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;text-align:inherit;align-items:center}.document-type-card span{grid-row:1/3;width:48px;height:48px;border-radius:16px;background:var(--soft);display:grid;place-items:center;font-size:24px}.document-type-card b{font-size:18px}.document-type-card small{color:var(--muted);font-weight:700;line-height:1.4}.document-type-card:hover{border-color:var(--teal);background:#f0fffe}.document-form-card .field-hint{color:var(--muted);font-size:12px;font-weight:700}.upload-box{margin-top:18px;border:1px dashed #cfd5dc;border-radius:22px;padding:18px;background:#fbfbfa}.upload-box h2{font-size:18px}.upload-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.upload-option{min-height:102px;border:1px solid var(--line);background:#fff;border-radius:18px;display:grid!important;place-items:center;grid-gap:8px!important;gap:8px!important;padding:14px!important;margin:0!important;text-align:center;color:var(--ink);cursor:pointer}.upload-option input{display:none}.upload-option span{font-weight:900}.file-preview-card{margin-top:14px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;grid-gap:12px;gap:12px}.document-preview-large img,.file-preview-card img{width:100%;height:100%;object-fit:cover;border-radius:14px}.file-preview-card>span{width:58px;height:58px;border-radius:16px;background:var(--soft);display:grid;place-items:center;font-size:26px}.file-preview-card p{margin:3px 0 0;font-size:12px}.documents-list{display:grid;grid-gap:12px;gap:12px}.document-list-card{width:100%;padding:16px;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;grid-template-columns:54px 1fr auto;grid-gap:12px;gap:12px;align-items:center;text-align:inherit}.document-list-card p,.document-list-card small{margin:4px 0 0;color:var(--muted)}.document-icon{width:54px;height:54px;border-radius:18px;background:var(--soft);display:grid;place-items:center;font-size:26px}.document-detail-card{padding:22px;display:grid;grid-gap:14px;gap:14px}.document-preview-large{width:100%;min-height:210px;border-radius:22px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.document-preview-large span{font-size:76px}.doc-detail-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.doc-detail-grid div{border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;grid-gap:5px;gap:5px}.doc-detail-grid span{color:var(--muted);font-size:12px;font-weight:800}.doc-detail-grid strong{overflow-wrap:anywhere}.doc-actions-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.doc-actions-row .danger-btn{grid-column:1/-1}.doc-actions-row .secondary-btn{width:100%;flex:unset}@media (max-width:520px){.doc-actions-row,.upload-actions{grid-template-columns:1fr}.doc-actions-row .danger-btn{grid-column:auto}.document-list-card{grid-template-columns:48px 1fr}.document-list-card .pill{grid-column:1/-1;justify-self:start}}.auth-card{width:min(560px,100%);border-radius:32px;padding:30px;border:1px solid rgba(255,255,255,.8)}.app-loading-card,.auth-card{background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(18,24,39,.18)}.app-loading-card{width:min(430px,100%);min-height:360px;border-radius:32px;padding:42px 30px;display:grid;place-items:center;align-content:center;grid-gap:18px;gap:18px;text-align:center}.app-loading-card .welcome-logo{margin-bottom:4px}.app-loading-card p{margin:0;font-weight:900}.app-loading-spinner{width:42px;height:42px;border:4px solid #dff7f6;border-top:4px solid var(--teal);border-radius:50%;animation:appLoadingSpin .8s linear infinite}@keyframes appLoadingSpin{to{transform:rotate(1turn)}}.auth-heading{text-align:center;display:grid;grid-gap:8px;gap:8px;margin-bottom:22px}.auth-heading h1{font-size:clamp(30px,5vw,46px);margin:0}.auth-heading p{margin:0 auto;max-width:430px}.auth-badge{width:62px;height:62px;border-radius:22px;background:#e6fbfa;display:grid;place-items:center;margin:0 auto;font-size:30px}.google-btn{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:18px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;box-shadow:0 8px 20px rgba(16,24,40,.05)}.google-btn:disabled{opacity:.55;cursor:not-allowed}.google-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f7f7f7;color:#4285f4;font-weight:900;font-family:Arial,Helvetica,sans-serif}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-weight:800}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-email-label{display:grid;grid-gap:8px;gap:8px;font-weight:900;color:var(--ink)}.auth-main-btn{width:100%;margin-top:12px;flex:unset}.check-email-card{border:1px solid #c2f1ef;background:#f0fffe;border-radius:24px;padding:22px;text-align:center;display:grid;grid-gap:10px;gap:10px}.check-email-card .big-icon{margin-bottom:2px}.check-email-card p{margin:0}.check-email-card strong{overflow-wrap:anywhere}.auth-benefits{margin-top:24px;border:1px solid var(--line);border-radius:24px;padding:18px;background:#fbfbfa;display:grid;grid-gap:12px;gap:12px}.auth-benefits h2{font-size:18px;margin:0}.auth-benefits div{display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center}.auth-benefits span{width:38px;height:38px;border-radius:14px;background:#fff;display:grid;place-items:center}.auth-benefits p{margin:0;font-size:14px}.auth-back{display:block;margin:14px auto 0}.auth-status-card{margin:14px 0 4px;border:1px solid #c2f1ef;background:#f0fffe;border-radius:18px;padding:12px;display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center}.auth-status-card span{width:38px;height:38px;border-radius:14px;background:#fff;display:grid;place-items:center}.auth-status-card p{margin:2px 0 0;overflow-wrap:anywhere}.profile-signout{margin-top:14px}@media (max-width:520px){.auth-card{min-height:100vh;border-radius:0;display:flex;flex-direction:column;justify-content:center}}:root{--teal-soft:#e7fbfa;--ink-soft:#344054;--shadow-sm:0 8px 24px rgba(16,24,40,.06);--shadow-md:0 18px 48px rgba(16,24,40,.10)}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(135deg,#efe8d9,#f7f3eb 46%,#e7f7f5)}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}button:active{transform:translateY(1px) scale(.99)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(24,170,166,.26);outline-offset:2px}.phone-frame{background:linear-gradient(180deg,#ffffff,#fcfbf8 54%,#f7f5f1)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 24px rgba(16,24,40,.04)}.round-btn{box-shadow:var(--shadow-sm);color:var(--ink)}.round-btn:hover{background:var(--teal-soft);color:var(--teal-dark)}.card{box-shadow:var(--shadow-sm)}.card:hover{box-shadow:0 12px 30px rgba(16,24,40,.075)}.primary-btn{box-shadow:0 12px 24px rgba(24,170,166,.22)}.primary-btn:hover{background:var(--teal-dark)}.secondary-btn:hover,.text-btn:hover{background:var(--teal-soft);color:var(--teal-dark)}.danger-btn:hover{background:#ffe4e6}input,select{min-height:52px;box-shadow:inset 0 1px 0 rgba(16,24,40,.03)}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(24,170,166,.1)}.content-page{scroll-behavior:smooth}.page-head{align-items:flex-start}.page-head h1{letter-spacing:-.02em}.section-heading{display:grid;grid-gap:4px;gap:4px;margin-bottom:14px}.section-heading h2,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:14px}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:8px;color:var(--teal-dark);background:var(--teal-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:.01em}.dashboard-hero{text-align:inherit;padding:24px;overflow:hidden;position:relative}.dashboard-hero:before{content:"";position:absolute;inset-inline-end:-54px;top:-64px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(24,170,166,.22),rgba(24,170,166,0) 66%)}.dashboard-hero-top{position:relative;display:grid;grid-template-columns:84px 1fr;grid-gap:16px;gap:16px;align-items:center}.dashboard-hero .avatar{margin:0}.dashboard-hero h1{margin-bottom:8px}.dashboard-hero p{margin:0;font-size:14px;color:var(--ink-soft)}.hero-chip-row{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-chip-row span{border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.stats-card{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;padding:14px}.stats-card div{border:0;padding:14px;background:#fff;border-radius:20px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;align-items:center;box-shadow:inset 0 0 0 1px #f0f0f0}.stats-card .stat-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:var(--soft);font-size:20px}.stats-card strong{font-size:22px;line-height:1}.stats-card small{color:var(--muted);font-weight:900;font-size:12px}.quick-card{box-shadow:var(--shadow-sm)}.quick-grid button{color:var(--ink);background:linear-gradient(180deg,#fff,#f8f7f4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.quick-grid button:hover{border-color:var(--teal);background:#f0fffe}.empty-state{display:grid;grid-gap:12px;gap:12px;justify-items:center}.empty-state h2{margin:0}.empty-state p{max-width:320px;margin:0 auto}.empty-state .primary-btn{width:min(280px,100%);flex:unset;margin-top:8px}.big-icon{background:linear-gradient(180deg,#fff 0,var(--soft) 100%);box-shadow:inset 0 0 0 1px var(--line)}.vehicle-card{border-radius:24px;background:#fff}.vehicle-card:hover{transform:translateY(-1px);border-color:#d7efee;background:#fbfffe}.vehicle-card-content{min-width:0;display:grid;grid-gap:5px;gap:5px}.vehicle-card-content h2,.vehicle-card-content p,.vehicle-card-content small{margin:0}.vehicle-card-content p{color:var(--ink-soft);font-weight:700}.vehicle-card-content small{color:var(--muted);font-weight:800;overflow-wrap:anywhere}.polished-detail{background:radial-gradient(circle at top,#ffffff 0,#f8fffe 74%)}.form-card,.profile-card{display:grid;grid-gap:14px;gap:14px}.form-card label,.profile-card label{margin-top:0}.form-heading{display:grid;grid-template-columns:58px 1fr;grid-gap:14px;gap:14px;align-items:center;margin-bottom:4px}.form-heading-icon{width:58px;height:58px;border-radius:20px;background:var(--teal-soft);display:grid;place-items:center;font-size:28px}.form-heading h1,.form-heading p{margin:0}.form-heading p{color:var(--muted);font-size:14px}.lookup-message{border:1px solid rgba(255,255,255,.7)}.auth-benefits,.gov-data-card,.upload-box{box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.add-action-card,.document-list-card,.document-type-card{box-shadow:0 6px 18px rgba(16,24,40,.045)}.add-action-card:hover,.document-list-card:hover,.document-type-card:hover{transform:translateY(-1px)}.soft-list{display:grid;grid-gap:12px;gap:12px}.list-row{border-radius:20px}.main-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{border-radius:18px;padding:8px 7px}.nav-item.active{background:var(--teal-soft)}.nav-plus:hover{box-shadow:0 18px 36px rgba(239,79,85,.36)}.add-panel{max-height:min(72vh,600px);overflow:auto}.menu-panel{max-width:420px}.rtl .menu-overlay{justify-content:flex-end}.menu-row:hover{color:var(--teal-dark)}.menu-row:hover .menu-icon{background:var(--teal-soft)}@media (max-width:520px){.phone-frame{min-height:100dvh}.content-page{padding:18px 16px 108px}.topbar{height:104px;padding:16px 18px}.logo-button img{width:122px}.dashboard-hero{padding:22px}.dashboard-hero-top{grid-template-columns:72px 1fr}.dashboard-hero .avatar{width:72px;height:72px}.stats-card{gap:8px}.stats-card div{padding:12px;grid-template-columns:38px 1fr}.stats-card .stat-icon{width:38px;height:38px}.quick-grid button{min-height:94px}.menu-panel{width:88%;padding:22px 22px 30px}.menu-row b{font-size:18px}.add-action-grid{gap:10px}.add-action-card{min-height:118px;padding:14px 8px}}@media (max-width:380px){h1{font-size:28px}.add-action-grid,.quick-grid,.stats-card{grid-template-columns:1fr}.dashboard-hero-top,.form-heading{grid-template-columns:1fr;text-align:center;justify-items:center}.hero-chip-row{justify-content:center}}.add-vehicle-card{width:100%;max-width:100%;overflow:hidden}.add-vehicle-card .form-grid{grid-template-columns:1fr;width:100%;max-width:100%;min-width:0}.add-vehicle-card .form-heading,.add-vehicle-card .form-heading>div,.add-vehicle-card input,.add-vehicle-card select,.form-card input,.form-card label,.form-card select,.profile-card input,.profile-card label,.profile-card select{min-width:0;max-width:100%}.add-vehicle-card .form-heading{grid-template-columns:58px minmax(0,1fr)}.add-vehicle-card .form-heading h1,.add-vehicle-card .form-heading p,.add-vehicle-card label,.gov-data-card,.gov-data-grid strong,.lookup-message{overflow-wrap:anywhere;word-break:normal}.gov-data-card{max-width:100%;overflow:hidden}.insurance-document-image{width:100%;height:100%;object-fit:cover;display:block}.document-icon,.document-type-card>span{overflow:hidden}.document-preview-large>span:has(.insurance-document-image){width:min(300px,88%);height:210px;border-radius:22px;overflow:hidden}.document-form-heading{display:grid;grid-template-columns:64px 1fr;grid-gap:14px;gap:14px;align-items:center}.document-form-heading>.insurance-document-image{width:64px;height:58px;border-radius:16px}.document-form-heading h1{margin:0}.ledger-action-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:18px}.ledger-action-row button{min-height:58px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:900;padding:10px 6px}.ledger-action-row button:hover{border-color:var(--teal);background:var(--teal-soft)}.reminder-form-card{margin-bottom:18px}.notification-list{display:grid;grid-gap:12px;gap:12px}.notification-card{padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.notification-card.overdue{border-color:#fecaca}.notification-card strong{line-height:1.45}.notification-card p{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}.notification-icon{width:52px;height:52px;border-radius:17px;background:var(--teal-soft);display:grid;place-items:center;font-size:24px}.support-card{padding:26px;text-align:center}.support-contact{margin-top:16px;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:48px 1fr;align-items:center;grid-gap:12px;gap:12px;text-align:start}.support-contact>span{font-size:30px}.support-contact p{margin:0 0 6px}.emergency-number,.support-contact a{color:var(--teal-dark);font-size:26px;font-weight:900;text-decoration:none}.roadside-card{margin-top:18px;border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fffaf3)}.emergency-number{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:14px 24px;border-radius:18px;background:var(--teal);color:#fff}@media (max-width:420px){.ledger-action-row{grid-template-columns:1fr}.notification-card{grid-template-columns:48px 1fr}.notification-card .pill{grid-column:1/-1;justify-self:start}}