.ofm-box { max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; direction: rtl; text-align: right; font-family: Tahoma, sans-serif; }
.ofm-form label { display:block; margin-top:12px; margin-bottom:4px; font-weight:bold; }
.ofm-form input, .ofm-form textarea, .ofm-form select { width:100%; padding:8px; border:1px solid #ccc; border-radius:6px; box-sizing:border-box; }
.ofm-btn { margin-top:16px; padding:10px 20px; background:#2271b1; color:#fff; border:none; border-radius:6px; cursor:pointer; }
.ofm-btn-small { padding:4px 10px; background:#2271b1; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:12px; }
.ofm-alert { padding:10px; border-radius:6px; margin-bottom:10px; }
.ofm-alert-error { background:#fde2e2; color:#a00; }
.ofm-alert-success { background:#e2f6e2; color:#0a0; }

.ofm-dashboard { direction: rtl; text-align: right; font-family: Tahoma, sans-serif; max-width: 900px; margin: 20px auto; }
.ofm-status-bar { background:#f6f7f7; padding:12px; border-radius:8px; margin-bottom:14px; }
.ofm-badge { display:inline-block; background:#eee; padding:4px 10px; border-radius:14px; margin-inline-start:8px; font-size:13px; }
.ofm-badge-success { background:#d6f5d6; }
.ofm-badge-warning { background:#fff3cd; }

.ofm-tabs { display:flex; gap:8px; border-bottom:2px solid #eee; margin-bottom:16px; }
.ofm-tabs a { padding:8px 16px; text-decoration:none; color:#444; border-radius:6px 6px 0 0; }
.ofm-tabs a.active { background:#2271b1; color:#fff; }

.ofm-table { width:100%; border-collapse: collapse; margin-top:10px; }
.ofm-table th, .ofm-table td { border:1px solid #e0e0e0; padding:8px; text-align:right; font-size:14px; }
.ofm-form-card { border:1px solid #e0e0e0; border-radius:8px; padding:14px; margin-bottom:16px; }
.ofm-add-field-box { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ofm-add-field-box input[type=text] { width:200px; padding:6px; }