:root{--gold: #977A33;--gold-dark: #7c6328;--cream: #FDF8EE;--card: #ffffff;--line: #e8dfcc;--text: #1f1a12;--muted: #6f6656;--error: #b3261e;--ok: #2e7d32;--warn-bg: #fff4e0;--radius: 18px;font-family:system-ui,Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif;color:var(--text);background:var(--cream)}*{box-sizing:border-box}html,body{margin:0;background:var(--cream)}body{min-height:100vh;font-size:16px;line-height:1.6}.shell{max-width:960px;margin:0 auto}.top{background:var(--gold);color:#fff;padding:20px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 var(--radius) var(--radius)}.top h1{margin:0;font-size:1.5rem}.top .sub{margin:4px 0 0;opacity:.9;font-size:.95rem}.icon{background:#fff3;color:#fff;border:0;border-radius:999px;padding:10px 16px;font:inherit;cursor:pointer}.body{padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:0 auto 16px;max-width:440px;display:flex;flex-direction:column;gap:12px}.card h2{margin:0 0 4px;font-size:1.25rem;color:var(--gold-dark)}label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:var(--muted)}input{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);min-height:48px}input:focus{outline:2px solid var(--gold);outline-offset:1px}.code{text-align:center;font-size:1.6rem;letter-spacing:.4em}button{font:inherit;min-height:48px;border-radius:12px;cursor:pointer}.primary{background:var(--gold);color:#fff;border:0}.primary:disabled{opacity:.55;cursor:default}.secondary{background:transparent;color:var(--gold-dark);border:1px solid var(--gold)}.link{background:none;border:0;color:var(--gold-dark);text-decoration:underline;min-height:40px}.error{color:var(--error);margin:0}.warn{background:var(--warn-bg);border-radius:12px;padding:12px;margin:0}.muted{color:var(--muted);margin:0}.center{text-align:center}.steps{margin:0;padding-inline-start:20px;color:var(--muted)}.qr{width:220px;height:220px;margin:0 auto}.qr svg{width:100%;height:100%}.secret{text-align:center;font-family:ui-monospace,Consolas,monospace;font-size:1rem;word-break:break-all;margin:0}.codes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:ui-monospace,Consolas,monospace;text-align:center}.codes li{border:1px dashed var(--line);border-radius:10px;padding:8px}.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.check input{min-height:auto;width:20px;height:20px}.grid{display:grid;gap:16px;grid-template-columns:1fr}.grid .card{max-width:none;margin:0}.stat strong{font-size:1.6rem}.stat small{font-size:.9rem;color:var(--muted)}.ok{color:var(--ok)}.bad{color:var(--error)}.soon{border-style:dashed;color:var(--muted)}@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}@media print{.top,button,.check,.warn{display:none!important}.card{border:0}}