:root{--primary: #4263eb;--primary-soft: #edf2ff;--surface-1: #ffffff;--surface-2: #f6f7f9;--surface-3: #eceef1;--border: #e2e5e9;--text: #14171f;--text-muted: #596170;--text-faint: #98a1b0;--shadow: 0 8px 24px rgba(20, 24, 33, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased}[dir=rtl] body{font-family:Cairo,Tajawal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh}input{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text);outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn{font:inherit;font-weight:600;font-size:14px;border:1px solid transparent;border-radius:8px;padding:10px 16px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:#3b5bdb}.btn--ghost{background:var(--surface-1);border-color:var(--border);color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn--block{width:100%}.btn--sm{padding:8px 12px;font-size:13px}.btn--success{background:#2b8a3e;color:#fff}.btn--success:hover:not(:disabled){background:#2f9e44}.btn--danger{background:#e03131;color:#fff}.btn--danger:hover:not(:disabled){background:#c92a2a}