:root{--blue:#064ea7;--navy:#032b60;--yellow:#ffd600;--green:#168858;--orange:#d96b12;--red:#bd3434;--ink:#10243d;--muted:#60738a;--line:#dce6f0;--bg:#f3f7fb;--card:#fff;--shadow:0 18px 55px rgba(7,38,75,.12)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#dcecff,transparent 38%),var(--bg);color:var(--ink)}button,input,textarea{font:inherit}.page-shell{width:min(100%,520px);min-height:100dvh;margin:auto;padding:20px 18px calc(30px + env(safe-area-inset-bottom))}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:6px 3px 20px}.brand{font-size:25px;font-weight:1000;letter-spacing:-1.3px;color:var(--navy)}.brand strong{color:var(--blue)}.secure-pill{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--green);background:#e3f7ee;border:1px solid #bce8d4;border-radius:99px;padding:7px 9px}.loading-card,.error-card,.status-card,.receipt-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.loading-card,.error-card{text-align:center;padding:54px 24px;margin-top:12vh}.loading-card h1,.error-card h1{margin:18px 0 8px}.loading-card p,.error-card p{margin:0;color:var(--muted)}.spinner{display:inline-block;width:42px;height:42px;border:4px solid #d8e5f2;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#fee6e6;color:var(--red);font-size:25px;font-weight:900}.status-card{text-align:center;padding:29px 22px 27px;background:linear-gradient(155deg,#073f85,#032859);color:white;overflow:hidden;position:relative}.status-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.06);right:-110px;top:-150px}.eyebrow{margin:0;color:#a9cbed;font-size:10px;font-weight:900;letter-spacing:.14em}.status-card h1{font-size:44px;line-height:1;margin:18px 0 10px;color:var(--yellow);letter-spacing:-1.5px}.reason{font-size:20px;font-weight:750;margin:0;color:white}.countdown{font-size:72px;font-weight:950;line-height:1;margin:24px 0 7px;color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:-4px}.return-time{margin:0;color:#c8dcf3;font-weight:700}.status-card.is-open{background:linear-gradient(155deg,#14794c,#075331)}.status-card.is-open h1{color:white}.status-card.is-closed{background:linear-gradient(155deg,#6d3030,#3d1919)}.action-section{padding:26px 2px 8px}.action-section h2{font-size:20px;line-height:1.25;text-align:center;margin:0 25px 18px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-button{min-height:116px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 7px 22px rgba(7,38,75,.07);padding:15px 11px;display:grid;justify-items:center;align-content:center;gap:8px;color:var(--ink);cursor:pointer}.action-button.primary{background:var(--yellow);border-color:#efc900}.action-icon{font-size:27px}.action-button strong{font-size:14px}.action-button small{font-size:11px;color:var(--muted);line-height:1.25}.action-button.primary small{color:#5d5000}.receipt-card{display:flex;align-items:flex-start;gap:13px;padding:17px;margin-top:14px;border-color:#bce8d4;background:#f1fbf7}.receipt-icon{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:900}.receipt-card strong{color:var(--green)}.receipt-card p{margin:3px 0 0;color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 4px 0;color:var(--muted);font-size:10px}footer a{color:var(--blue);font-weight:800;text-decoration:none}dialog{width:min(calc(100% - 28px),480px);border:0;border-radius:24px;padding:0;color:var(--ink);box-shadow:0 28px 90px rgba(0,20,50,.35)}dialog::backdrop{background:rgba(0,24,55,.65);backdrop-filter:blur(4px)}.dialog-card{position:relative;padding:27px 23px 23px}.dialog-card h2{margin:7px 0;font-size:25px}.dialog-card>p:not(.eyebrow){color:var(--muted)}.close-button{position:absolute;right:14px;top:12px;border:0;background:#eef3f8;border-radius:50%;width:38px;height:38px;font-size:24px;color:var(--ink);cursor:pointer}.form-fields{display:grid;gap:13px;margin:20px 0}.form-fields label{display:grid;gap:6px;font-size:12px;font-weight:800}.form-fields input,.form-fields textarea{width:100%;border:1px solid #cddbe8;border-radius:12px;padding:13px;background:#f9fbfd;color:var(--ink)}.form-fields textarea{min-height:110px;resize:vertical}.consent-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:600!important;line-height:1.35}.consent-row input{width:19px;height:19px}.form-error{min-height:18px;margin:0!important;color:var(--red)!important;font-weight:750;font-size:12px}.button{width:100%;min-height:52px;border:0;border-radius:13px;background:var(--yellow);color:var(--navy);font-weight:900;cursor:pointer}.button.secondary{margin-top:20px;background:white;border:1px solid #bccddd}.button:disabled{opacity:.55;cursor:wait}@media(max-width:360px){.page-shell{padding-inline:12px}.action-grid{gap:9px}.action-button{min-height:108px}.countdown{font-size:62px}}
