:root{--bg:#f6f3ea;--surface:#fff;--surface-2:#efeadb;--text:#1c2a22;--text-muted:#5b6a60;--border:#d9d3bf;--brand:#1f6f4a;--brand-strong:#17583a;--brand-contrast:#fff;--brand-panel:#17583a;--brand-panel-text:#f4efe1;--danger:#a3262a;--danger-bg:#fbe9e9;--focus:#1f6f4a;--shadow:0 10px 30px #1c2a221a;--radius:14px;--radius-sm:10px;--font:"Segoe UI", "Noto Sans Arabic", Tahoma, system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1713;--surface:#17211b;--surface-2:#1f2c24;--text:#e8efe9;--text-muted:#9bab9f;--border:#2b3a31;--brand:#4fb383;--brand-strong:#6cc79a;--brand-contrast:#08150e;--brand-panel:#0b2318;--brand-panel-text:#e4efe7;--danger:#ff8a8d;--danger-bg:#3a1a1c;--focus:#6cc79a;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}.h1{font-size:1.75rem;line-height:1.3}.h2{font-size:1.4rem}.h3{margin-top:1.25rem;font-size:1.1rem}.muted{color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.875rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100%;padding:1rem;display:flex}.stack>*+*{margin-top:.5rem}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.button{appearance:none;border-radius:var(--radius-sm);background:var(--brand);color:var(--brand-contrast);font:inherit;cursor:pointer;border:0;min-height:46px;padding:.75rem 1.25rem;font-weight:600;transition:background .15s,transform 50ms}.button:hover:not(:disabled){background:var(--brand-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.65;cursor:progress}.button-block{width:100%}.ghost-button{appearance:none;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .8rem;font-size:.9rem;display:inline-flex}.ghost-button:hover{background:var(--surface-2)}.icon-button{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-width:46px;min-height:46px;color:var(--text);background:0 0;font-size:1.1rem}.icon-button:hover{background:var(--surface-2)}.login-layout{grid-template-columns:1fr;min-height:100%;display:grid}@media (width>=900px){.login-layout{grid-template-columns:1.05fr 1fr}}.login-brand{background:radial-gradient(circle at 15% 20%, #ffffff17, transparent 45%), radial-gradient(circle at 85% 80%, #ffffff0f, transparent 40%), var(--brand-panel);color:var(--brand-panel-text);flex-direction:column;justify-content:center;gap:.75rem;padding:2rem;display:flex}@media (width>=900px){.login-brand{padding:4rem}}.brand-mark{color:var(--brand-panel-text)}.brand-name{letter-spacing:.08em;text-align:start;opacity:.9;direction:ltr;font-size:1.1rem;font-weight:700}.brand-tagline{max-width:22ch;font-size:1.9rem;line-height:1.35}.brand-detail{opacity:.85;max-width:38ch}.login-main{flex-direction:column;padding:1rem;display:flex}.login-toolbar{justify-content:flex-end;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);flex-direction:column;gap:1rem;margin:auto;padding:2rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-size:.95rem;font-weight:600}.field input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--text);font:inherit;text-align:start;padding:.6rem .85rem}.field input:focus-visible{outline-offset:0;border-color:var(--focus)}.field input[aria-invalid=true]{border-color:var(--danger)}.password-row{gap:.5rem;display:flex}.field-problem{color:var(--danger);font-size:.875rem}.form-message{min-height:1.5rem;color:var(--danger);font-size:.95rem}.form-message:not(:empty){background:var(--danger-bg);border-radius:var(--radius-sm);padding:.6rem .85rem}.shell{flex-direction:column;min-height:100%;display:flex}.shell-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.shell-brand{letter-spacing:.06em;direction:ltr;font-weight:700}.shell-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .8rem;font-size:.875rem;font-weight:600}.shell-main{width:100%;max-width:880px;margin:0 auto;padding:1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.75rem;display:flex}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.2rem .8rem;font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.qr{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;align-self:flex-start;padding:.5rem}.secret{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.08em;word-break:break-all;text-align:start;padding:.6rem .85rem;font-size:1.05rem;display:block}.recovery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.recovery li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;letter-spacing:.06em;padding:.5rem .75rem;font-size:1rem}.badge-ok{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.nudge{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:flex}.stack{flex-direction:column;gap:1rem;display:flex}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .85rem;display:flex}.list-main{flex-direction:column;flex:160px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--text);font:inherit;padding:.6rem .85rem}.field select:focus-visible{outline-offset:0;border-color:var(--focus)}.result{flex-direction:column;gap:.2rem;min-height:2.5rem;font-size:1.15rem;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:start;border-bottom:1px solid var(--border);padding:.5rem .6rem}.table th{color:var(--text-muted);font-weight:600}