:root{--navy:#06172e;--navy-soft:#0d2137;--teal:#10bfa3;--teal-dark:#0d8f7f;--mint:#e6faf7;--bg:#f5f7fb;--surface:#fff;--text:#1e2d3d;--muted:#64788f;--border:#e2e8f0;--amber:#f59e0b;--amber-soft:#fff3e0;--red:#ef4444;--red-soft:#fee2e2;--green:#16a34a;--shadow:0 18px 55px #06172e1a;--shadow-soft:0 4px 18px #06172e0f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 8%,#10bfa32e,#0000 28rem),radial-gradient(circle at 84% 0,#06172e1f,#0000 30rem),linear-gradient(#f0fdf9 0%,#f5f7fb 42%,#fff 100%);margin:0;font-family:Inter,DM Sans,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell,.locked-page{width:min(1180px,100% - 28px);margin:0 auto;padding:22px 0 34px}.hero{background:radial-gradient(circle at 88% 8%, #10bfa342, transparent 16rem), linear-gradient(135deg, var(--navy), var(--navy-soft));color:#fff;box-shadow:var(--shadow);border-radius:28px;padding:22px;position:relative;overflow:hidden}.hero:after{content:"";background:#10bfa329;border-radius:50%;width:300px;height:300px;position:absolute;inset:auto -70px -150px auto}.hero-top,.hero-main{z-index:1;position:relative}.hero-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{background:#fff;border-radius:13px;width:42px;height:42px;padding:6px}.brand strong{letter-spacing:-.4px;font-size:22px;font-weight:900;display:block}.brand strong span{color:var(--teal)}.brand small{color:#ffffff94;font-size:12px;font-weight:700;display:block}.hero-actions{align-items:center;gap:8px;display:flex}.lang-switch{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:3px;display:flex}.lang-switch button,.ghost-button{color:#ffffffb8;background:0 0;border:0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.lang-switch button.active{color:#fff;background:var(--teal)}.ghost-button{background:#ffffff14;border:1px solid #ffffff24}.hero-main{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:20px;margin-top:34px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.6px;font-size:clamp(34px,6vw,60px);line-height:.96}.hero-main p{color:#ffffffb3;max-width:620px;margin-top:12px;font-weight:700}.secure-chip{color:#dffefa;background:#10bfa326;border:1px solid #10bfa357;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.secure-chip i{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #10bfa32e}.hero-summary,.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric{background:#f8fafc;border:1px solid #06172e14;border-radius:16px;min-width:0;padding:13px}.hero-summary .metric{background:#ffffff14;border-color:#ffffff1f}.metric span{color:var(--muted);font-size:11px;font-weight:900;display:block}.hero-summary .metric span{color:#ffffff94}.metric strong{overflow-wrap:anywhere;color:var(--navy);margin-top:5px;font-size:15px;font-weight:950;display:block}.hero-summary .metric strong{color:#fff}.content-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.left-stack,.center-stack{gap:14px;display:grid}.left-stack{position:sticky;top:18px}.panel,.lock-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:24px;padding:18px}.panel h2{color:var(--navy);margin-top:14px;font-size:23px;line-height:1.08}.panel h3,.lock-card h2{color:var(--navy);font-size:18px;font-weight:950}.panel p,.lock-card p{color:var(--muted);margin-top:5px;font-size:14px;line-height:1.55}.plate-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.plate{background:var(--navy);color:#fff;letter-spacing:1px;border-radius:11px;padding:9px 12px;font-weight:950;display:inline-flex}.status-pill{color:var(--muted);white-space:nowrap;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:950;display:inline-flex}.status-pill.ok,.document-card.ok{background:var(--mint);color:#007864}.status-pill.warning,.document-card.warning{background:var(--amber-soft);color:#93620a}.status-pill.expired,.status-pill.alert,.document-card.expired{background:var(--red-soft);color:#b42318}.vehicle-panel .info-grid{grid-template-columns:1fr 1fr;margin-top:15px}.garage-card{background:linear-gradient(135deg, var(--navy), #0b2a46);color:#fff;border-radius:16px;margin-top:14px;padding:14px}.garage-card span,.garage-card small{color:#ffffff9e;font-size:12px;font-weight:800;display:block}.garage-card strong{margin:4px 0;display:block}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:13px;display:grid}input,select,textarea{border:1.5px solid var(--border);width:100%;min-width:0;color:var(--navy);background:#fff;border-radius:14px;outline:0;padding:12px 13px;font-weight:800}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #10bfa31f}.primary-button,.secondary-button{border:0;border-radius:14px;padding:12px 15px;font-weight:950}.primary-button{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;box-shadow:0 14px 30px #10bfa338}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--border);color:var(--navy);background:#fff}.message{border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:800}.message.success{background:var(--mint);color:#007864;border:1px solid #10bfa33d}.message.error,.error-state{background:var(--red-soft);color:#b42318;border:1px solid #ef444433}.document-grid{gap:10px;margin-top:13px;display:grid}.document-card{border:1px solid var(--border);background:#f8fafc;border-radius:16px;gap:4px;padding:13px;display:grid}.document-card span,.document-card small{color:inherit;opacity:.78;font-size:12px;font-weight:800}.document-card strong{color:inherit;font-weight:950}.document-card button{color:var(--navy);background:#fff;border:0;border-radius:999px;justify-self:start;margin-top:8px;padding:7px 10px;font-size:12px;font-weight:950}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head input{max-width:360px}.next-list,.timeline{gap:10px;margin-top:14px;display:grid}.next-item{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.next-icon{background:var(--mint);color:#007864;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.next-icon.alert{background:var(--red-soft);color:#b42318}.next-item strong,.history-entry strong{color:var(--navy);font-weight:950;display:block}.next-item span,.history-entry span{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}.history-entry{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 0 18px;display:grid;position:relative}.history-entry:not(:last-child):after{content:"";background:var(--border);width:1px;height:calc(100% - 4px);position:absolute;top:16px;left:5px}.history-entry>i{z-index:1;background:var(--teal);border-radius:50%;width:11px;height:11px;margin-top:5px;position:relative}.history-entry p{margin-top:7px}.item-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.item-tags small{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850}.floating-actions{z-index:20;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.floating-actions button,.floating-actions a{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border:1px solid #ffffff3d;border-radius:999px;padding:13px 15px;font-size:13px;font-weight:950;box-shadow:0 16px 38px #0d8f7f4d}footer{color:var(--muted);text-align:center;padding:22px 8px 56px;font-size:12px;font-weight:750}.locked-page{align-content:center;gap:18px;min-height:100vh;display:grid}.lock-card{width:min(420px,100%);margin:0 auto}.vehicle-preview{border:1px solid var(--border);background:#f8fafc;border-radius:16px;gap:2px;margin:16px 0;padding:13px;display:grid}.vehicle-preview strong{color:var(--navy)}.vehicle-preview span{color:var(--muted);font-size:13px;font-weight:800}.pin-input{text-align:center;letter-spacing:8px;font-size:22px;font-weight:950}.lock-card .primary-button,.lock-card .secondary-button{width:100%;margin-top:10px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06172e8f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:24px;width:min(520px,100%);max-height:min(720px,100vh - 36px);padding:18px;overflow:auto;box-shadow:0 28px 80px #06172e47}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-head button{width:38px;height:38px;color:var(--navy);background:#f1f5f9;border:0;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid}.modal-form{gap:12px;display:grid}.modal-form label{color:var(--navy);gap:7px;font-size:12px;font-weight:950;display:grid}.loading{min-height:100vh;color:var(--navy);place-items:center;padding:24px;font-size:24px;font-weight:950;display:grid}html[dir=rtl] body{direction:rtl}html[dir=rtl] .history-entry:not(:last-child):after{left:auto;right:5px}html[dir=rtl] .floating-actions{left:22px;right:auto}@media (width<=940px){.app-shell,.locked-page{width:min(560px,100% - 20px);padding-top:10px}.hero{border-radius:0 0 28px 28px;margin-inline:-10px}.hero-main,.content-grid{grid-template-columns:1fr}.hero-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.left-stack{position:static}}@media (width<=560px){.hero{padding:17px}.hero-top{align-items:flex-start}.brand strong{font-size:18px}.brand img{width:36px;height:36px}.hero-actions{flex-direction:column;align-items:flex-end}.hero-main{margin-top:24px}h1{font-size:37px}.hero-summary,.info-grid,.vehicle-panel .info-grid{grid-template-columns:1fr 1fr}.content-grid{gap:12px;margin-top:12px}.panel,.lock-card{border-radius:20px;padding:15px}.section-head{flex-direction:column;align-items:stretch}.section-head input{max-width:none}.next-item{grid-template-columns:auto minmax(0,1fr)}.next-item .status-pill{grid-column:2;justify-self:start}.inline-form{grid-template-columns:1fr}.floating-actions{margin-top:14px;position:static;bottom:12px;left:auto;right:auto}html[dir=rtl] .floating-actions{left:auto;right:auto}.floating-actions button,.floating-actions a{text-align:center;flex:1}}