:root{--bg: #f5f5f7;--card: #ffffff;--ink: #1d1d1f;--muted: #6e6e73;--line: #d2d2d7;--accent: #0071e3;--good: #1f9d55;--bad: #d70015;--radius: 20px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #000;--card: #1c1c1e;--ink: #f5f5f7;--muted: #98989d;--line: #38383a;--accent: #2997ff;--good: #30d158;--bad: #ff453a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{min-height:100dvh;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}.shell{max-width:440px;margin:0 auto;padding-block:40px;display:flex;flex-direction:column;gap:20px}.wide{max-width:880px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}h1{font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0}h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0}p{margin:0;line-height:1.5;color:var(--muted);font-size:17px}a{color:var(--accent)}.card{background:var(--card);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px}.pass{color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 40px -20px #00000073}.pass .big{font-size:64px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.pass .label{opacity:.8;font-size:15px}.pop{animation:pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:16px 20px;font:600 17px var(--font);cursor:pointer;background:var(--accent);color:#fff;text-align:center;text-decoration:none;display:block;width:100%}.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--line)}.btn.dark{background:var(--ink);color:var(--bg)}.btn:disabled{opacity:.5}.link{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--accent)}input,select{width:100%;font:17px var(--font);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px}input[type=color]{padding:4px;height:48px}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:500}.small{font-size:13px;color:var(--muted)}.ok{color:var(--good)}.err{color:var(--bad)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{font:500 28px var(--font);padding:18px 0;border-radius:16px;border:0;background:var(--card);color:var(--ink);cursor:pointer}.keypad button:active{transform:scale(.97)}.amount{font-size:56px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:10px 4px;border-bottom:1px solid var(--line);text-align:start}@media (prefers-reduced-motion: reduce){.pop{animation:none}}