@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--cream-50:#fffdf8;--cream-100:#fdf6ec;--cream-200:#faf0dc;--cream-300:#f5e6c8;--cream-400:#ecdbb0;--cream-500:#dcc896;--green-50:#e8f5ee;--green-100:#c8e6d4;--green-200:#8ccb9f;--green-300:#4daf6a;--green-400:#1a9b47;--green-500:#006c35;--green-600:#005a2c;--green-700:#004823;--green-800:#003619;--green-900:#002410;--charcoal-50:#f5f5f5;--charcoal-100:#e8e8e8;--charcoal-200:#d1d1d1;--charcoal-300:#a3a3a3;--charcoal-400:#737373;--charcoal-500:#525252;--charcoal-600:#3d3d3d;--charcoal-700:#2e2e2e;--charcoal-800:#1a1a1a;--charcoal-900:#0a0a0a;--red-500:#dc2626;--red-50:#fef2f2;--bg-primary:var(--cream-100);--bg-secondary:var(--cream-50);--bg-card:#fff;--bg-input:#fff;--bg-hover:var(--cream-200);--text-primary:var(--charcoal-800);--text-secondary:var(--charcoal-500);--text-muted:var(--charcoal-400);--text-inverse:#fff;--accent:var(--green-500);--accent-hover:var(--green-600);--accent-light:var(--green-50);--border:var(--cream-300);--border-strong:var(--charcoal-200);--border-accent:var(--green-500);--error:var(--red-500);--error-bg:var(--red-50);--font-sans:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius:0px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--transition-fast:.12s ease;--transition-base:.2s ease;--ops-bg:#f7f8f5;--ops-rail:#fff;--ops-surface:#fff;--ops-soft:#f0f3ef;--ops-ink:#15211a;--ops-muted:#68736c;--ops-border:#dde4dd;--ops-border-strong:#b7c3bb;--ops-primary:#006c35;--ops-primary-hover:#00572d;--ops-primary-soft:#e8f6ee;--ops-danger:#b42318;--ops-warning:#b76a00;--ops-info:#1d4f91;--ops-shadow-lg:0 18px 50px #15211a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--ops-bg);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.btn-full{width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition-fast);outline:none;font-size:.875rem}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--error)}.input-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:500;display:block}.input-group{margin-bottom:var(--space-5)}.input-hint{color:var(--error);margin-top:var(--space-1);font-size:.75rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}@keyframes bina-spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:480px}.container-md{max-width:720px}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.divider{background:var(--border);width:100%;height:1px}.logo{font-family:var(--font-sans);color:var(--accent);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo-lg{font-size:2rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@media (max-width:768px){:root{--space-6:16px;--space-8:24px}.mobile-menu-btn{display:block!important}}