:root{--bg:#08090c;--panel:#11141b;--panel2:#171b24;--line:rgba(255,255,255,.08);--gold:#c9a464;--gold2:#e6c78a;--text:#f2f3f6;--muted:#9ca2b1;--muted2:#6c7280;--ok:#34d399;--warn:#f2b544;--bad:#ef6464;--info:#74a7ff;--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(900px 500px at 90% -10%,rgba(201,164,100,.09),transparent 60%),radial-gradient(850px 540px at -10% 105%,rgba(139,124,246,.07),transparent 58%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:35px;height:35px;display:inline-grid;place-items:center;position:relative}.brand-mark:before{content:"";position:absolute;inset:3px;border:1.5px solid var(--gold);border-radius:50%;transform:rotate(-18deg) scaleY(.44)}.brand-mark:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:14px -8px 0 -2px var(--gold)}.gold{color:var(--gold2)}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 15px;border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn:hover{border-color:rgba(201,164,100,.55);transform:translateY(-1px)}.btn.primary{border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#201707}.btn.ghost{background:transparent}.btn.danger{color:#ff9e9e;border-color:rgba(239,100,100,.35)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:700;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#0d1016;color:var(--text);border-radius:10px;padding:12px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(201,164,100,.7);box-shadow:0 0 0 3px rgba(201,164,100,.1)}.message{display:none;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.45}.message.show{display:block}.message.error{background:rgba(239,100,100,.11);border:1px solid rgba(239,100,100,.3);color:#ffb5b5}.message.success{background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.28);color:#9ff0cf}.message.info{background:rgba(116,167,255,.10);border:1px solid rgba(116,167,255,.28);color:#b9d4ff}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--gold2);font-weight:800}.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted2)}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Multilingual portal controls */
.portal-language-control{position:fixed;top:18px;right:18px;z-index:1000;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;background:rgba(12,15,20,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.portal-language-control label{font-size:11px;color:var(--muted)}
.portal-language-select{min-width:72px;border:0;background:transparent;color:var(--gold2);font:inherit;font-size:12px;font-weight:800;outline:none;cursor:pointer}
.portal-language-select option{background:#0c0f14;color:#f6f1e7}
[dir="rtl"] body{font-family:"Noto Sans Arabic",Inter,sans-serif}
[dir="rtl"] .portal-language-control{right:auto;left:18px}
[dir="rtl"] .auth-story{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .auth-story:after{right:auto;left:-250px}
[dir="rtl"] .sidebar{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .brand,[dir="rtl"] .workspace,[dir="rtl"] .connection,[dir="rtl"] .panel-head,[dir="rtl"] .topbar,[dir="rtl"] .form-footer,[dir="rtl"] .settings-actions{direction:rtl}
[dir="rtl"] input,[dir="rtl"] select,[dir="rtl"] textarea{text-align:right}
@media(max-width:560px){.portal-language-control{top:10px;right:10px}.portal-language-control label{display:none}[dir="rtl"] .portal-language-control{left:10px;right:auto}}