@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");.login{--bg:#efeeec;--surface:#fff;--surface-2:#f7f6f4;--ink:#14140f;--ink-2:#6b6a64;--line:#e6e4e0;--amber:#e8a33d;--green:#2e9e5b;--green-bg:#e4f5ea;--clay:#b87a16;--clay-bg:#fbf0dc;--danger:#b42318;--danger-bg:#fceaea;--radius:22px;--radius-sm:14px;--shadow:0 1px 2px rgba(20,20,15,.04),0 8px 24px rgba(20,20,15,.06);--shadow-lg:0 2px 4px rgba(20,20,15,.05),0 18px 40px rgba(20,20,15,.1);--s2:8px;--s3:12px;--s4:16px;--s5:22px;--s6:28px;--s7:40px;--sans:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--bg);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s5);padding-top:calc(var(--s5) + env(safe-area-inset-top, 0px));padding-bottom:calc(var(--s5) + env(safe-area-inset-bottom, 0px))}.login :focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}.login .login-card{width:100%;max-width:380px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--s7) var(--s6)}.login .login-brand{text-align:center;margin-bottom:var(--s6)}.login .login-brand .mark{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700;margin:0 auto var(--s3)}.login .login-brand h1{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0}.login .login-brand .sub{margin-top:var(--s2);font-size:13.5px;color:var(--ink-2)}.login .login-error{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);border:1px solid rgba(180,35,24,.18)}.login .login-error,.login .login-success{margin-bottom:var(--s4);padding:var(--s3) var(--s4);font-size:13px;text-align:center;font-weight:500}.login .login-success{border-radius:var(--radius-sm);background:var(--green-bg);color:var(--green);border:1px solid rgba(46,158,91,.22)}.login .login-form{gap:var(--s4)}.login .field,.login .login-form{display:flex;flex-direction:column}.login .field{gap:6px}.login .field label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.login .field input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login .field input::-moz-placeholder{color:#a9a8a1}.login .field input::placeholder{color:#a9a8a1}.login .field input:hover{background:var(--surface)}.login .field input:focus{border-color:var(--amber);background:var(--surface);box-shadow:0 0 0 3px rgba(232,163,61,.18)}.login .btn-login{margin-top:var(--s2);width:100%;border:none;border-radius:var(--radius-sm);padding:14px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:var(--amber);color:var(--ink);transition:filter .2s,opacity .2s}.login .btn-login:hover:not(:disabled){filter:brightness(1.06)}.login .btn-login:disabled{opacity:.55;cursor:not-allowed}.login .login-foot{margin-top:var(--s5);text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.login .login-switch{margin-top:var(--s4);text-align:center}.login .btn-link{border:none;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--clay);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login .btn-link:hover{color:var(--ink)}@media (max-width:767px){.login{padding:var(--s3);align-items:flex-start;padding-top:calc(var(--s6) + env(safe-area-inset-top, 0px))}.login .login-card{max-width:none;padding:var(--s6) var(--s4)}.login .btn-login,.login input{font-size:16px;min-height:48px}}