:root{--navy: #151c32;--navy-2: #1c2644;--cyan: #27aae1;--teal: #00ac8a;--gold: #faa73f;--ink: #616a6b;--paper: #f7fafc;--card: #ffffff;font-family:Manrope,Segoe UI,system-ui,sans-serif;color:var(--navy);background:var(--navy)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 20px;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(0,172,138,.28),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,rgba(39,170,225,.22),transparent 50%),linear-gradient(180deg,var(--navy) 0%,#0e1324 100%)}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:22px}.brand-plate{background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px #0000002e}.header img{display:block;height:36px;width:auto}.card{background:var(--card);border-radius:20px;padding:28px 24px 22px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 60px #00000047}.card h1{font-size:1.45rem;font-weight:800;margin:0 0 6px;letter-spacing:-.03em}.lead{color:var(--ink);margin:0 0 18px;font-size:.95rem;line-height:1.45}.amount{font-size:2.05rem;font-weight:800;letter-spacing:-.04em;margin:4px 0 16px;color:var(--navy)}.qr-frame{margin:4px auto 16px;width:fit-content;padding:14px;border-radius:16px;background:#fff;border:1px solid #e6eef3;box-shadow:inset 0 0 0 4px #00ac8a1f}.qr-placeholder{width:240px;height:240px;display:grid;place-items:center;color:var(--ink);font-size:.9rem}.timer{display:inline-flex;align-items:center;gap:8px;background:#f3f7f8;color:var(--navy);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;margin-bottom:4px}.timer.warn{background:#faa73f2e;color:#8a5a12}.status-ok{color:var(--teal)}.status-bad{color:#c0392b}.status-mark{width:56px;height:56px;border-radius:50%;margin:8px auto 16px;display:grid;place-items:center;font-size:1.6rem;font-weight:800}.status-mark.ok{background:#00ac8a24;color:var(--teal)}.status-mark.bad{background:#c0392b1f;color:#c0392b}.status-mark.warn{background:#faa73f2e;color:#c07a12}.footer{margin-top:18px;color:#ffffff8c;font-size:.75rem}.footer strong{color:#ffffffd1;font-weight:600}.error-inline{color:#c0392b;font-size:.85rem;margin-top:10px}