:root{
  --oa-primary:#00607e;
  --oa-primary-dark:#004b62;
  --oa-accent:#f39200;
  --oa-bg:#f6f7fb;
  --oa-surface:#ffffff;
  --oa-text:#0f172a;
  --oa-muted:#64748b;
  --oa-border:#e2e8f0;
  --oa-soft:#f8fafc;
  --oa-success:#16a34a;
  --oa-warning:#d97706;
  --oa-danger:#dc2626;
  --oa-shadow:0 10px 35px rgba(15,23,42,.06);
}

*{box-sizing:border-box}
html{background:var(--oa-bg)}
html.dark{--oa-bg:#111827;--oa-surface:#1f2937;--oa-text:#f8fafc;--oa-muted:#a7b0c0;--oa-border:#374151;--oa-soft:#182130;--oa-shadow:0 12px 35px rgba(0,0,0,.20)}
body{margin:0;min-height:100vh;background:var(--oa-bg);color:var(--oa-text);font-family:Tajawal,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input{font:inherit}
a{color:inherit}
.hidden{display:none!important}

.oa-page-shell{min-height:100vh;padding-bottom:48px}
.oa-top-wrap{padding:16px 16px 0}
.oa-topbar{max-width:1280px;height:64px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--oa-surface);border:1px solid var(--oa-border);border-radius:18px;box-shadow:0 1px 4px rgba(15,23,42,.04)}
.oa-brand{display:flex;align-items:center;text-decoration:none}
.oa-logo{display:block;object-fit:contain}.oa-logo-mobile{width:38px;height:38px}.oa-logo-desktop{display:none;height:38px;max-width:190px}
.oa-top-actions{display:flex;align-items:center;gap:3px;direction:rtl}
.oa-icon-btn{width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:#526174;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:.18s ease;font-size:20px}
.dark .oa-icon-btn{color:#d1d5db}.oa-icon-btn:hover{background:#f1f5f9;color:var(--oa-primary)}.dark .oa-icon-btn:hover{background:#111827;color:#38bdf8}.oa-icon-danger{color:#ef4444}.oa-icon-danger:hover{background:#fff1f2;color:#dc2626}.dark .oa-icon-danger:hover{background:rgba(220,38,38,.12)}

.oa-main{max-width:1180px;margin:0 auto;padding:34px 18px}
.oa-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:0 4px}
.oa-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--oa-primary);font-weight:900;font-size:13px}.dark .oa-kicker{color:#38bdf8}
.oa-page-heading h1{margin:7px 0 5px;font-size:32px;line-height:1.25;letter-spacing:-.5px}
.oa-page-heading p{margin:0;color:var(--oa-muted);font-size:14px}
.oa-back-link{display:inline-flex;align-items:center;gap:7px;color:var(--oa-primary);font-size:13px;font-weight:800;text-decoration:none}.dark .oa-back-link{color:#38bdf8}.oa-back-link:hover{text-decoration:underline}

.oa-card,.oa-stat-card{background:var(--oa-surface);border:1px solid var(--oa-border);border-radius:20px;box-shadow:var(--oa-shadow)}
.oa-loading-card{min-height:120px;padding:26px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--oa-muted)}
.oa-loading-card div{display:flex;flex-direction:column;gap:3px}.oa-loading-card strong{color:var(--oa-text);font-size:14px}.oa-loading-card small{font-size:12px}
.oa-spinner{width:30px;height:30px;border:3px solid rgba(0,96,126,.18);border-top-color:var(--oa-primary);border-radius:50%;animation:oa-spin .8s linear infinite}@keyframes oa-spin{to{transform:rotate(360deg)}}

.oa-notice{margin-bottom:18px;padding:14px 16px;border-radius:15px;border:1px solid transparent;font-size:14px;font-weight:800}.oa-notice.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.oa-notice.err{color:#991b1b;background:#fef2f2;border-color:#fecaca}.dark .oa-notice.ok{color:#bbf7d0;background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.25)}.dark .oa-notice.err{color:#fecaca;background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.25)}

.oa-register-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;align-items:stretch}
.oa-register-card{padding:28px}
.oa-section-head{display:flex;align-items:flex-start;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--oa-border)}
.oa-section-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,96,126,.10);color:var(--oa-primary);font-size:22px;flex:0 0 auto}.dark .oa-section-icon{background:rgba(56,189,248,.10);color:#38bdf8}
.oa-section-head h2,.oa-table-head h2{margin:0;font-size:20px}.oa-section-head p,.oa-table-head p{margin:4px 0 0;color:var(--oa-muted);font-size:13px;line-height:1.8}
.oa-form{margin-top:22px}.oa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.oa-wide{grid-column:1/-1}.oa-field{display:flex;flex-direction:column;gap:8px}.oa-field>span{font-size:13px;font-weight:800;color:#334155}.dark .oa-field>span{color:#e2e8f0}
.oa-input-wrap{height:48px;border:1px solid var(--oa-border);border-radius:14px;background:var(--oa-soft);display:flex;align-items:center;gap:9px;padding:0 13px;transition:.18s ease}.oa-input-wrap:focus-within{border-color:var(--oa-primary);background:var(--oa-surface);box-shadow:0 0 0 4px rgba(0,96,126,.08)}.dark .oa-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.08)}
.oa-input-wrap i{color:#94a3b8;font-size:18px}.oa-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--oa-text);font-size:14px;font-weight:700}.oa-input-wrap input::placeholder{color:#a3adbc;font-weight:500}.oa-ltr{direction:ltr}.oa-ltr input{text-align:left;direction:ltr}.oa-code-input input{text-transform:uppercase;letter-spacing:1px;font-weight:900}
.oa-code-rules{margin:14px 0 18px;padding:12px 13px;border-radius:13px;background:rgba(0,96,126,.055);color:var(--oa-muted);display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8}.oa-code-rules i{color:var(--oa-primary);font-size:17px;margin-top:2px}.dark .oa-code-rules{background:rgba(56,189,248,.07)}.dark .oa-code-rules i{color:#38bdf8}
.oa-primary-btn{width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--oa-primary),var(--oa-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 20px rgba(0,96,126,.18);transition:.18s ease}.oa-primary-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,96,126,.24)}.oa-primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.oa-register-aside{position:relative;overflow:hidden;border-radius:20px;padding:30px 26px;background:linear-gradient(145deg,#00607e,#004b62);color:#fff;box-shadow:0 15px 35px rgba(0,96,126,.18)}.oa-register-aside:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-90px;bottom:-100px;background:rgba(255,255,255,.07)}.oa-aside-badge{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;font-size:25px}.oa-register-aside h3{margin:24px 0 8px;font-size:22px}.oa-register-aside p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.9}.oa-register-aside ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.oa-register-aside li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.oa-register-aside li i{width:23px;height:23px;border-radius:8px;background:rgba(243,146,0,.95);display:inline-flex;align-items:center;justify-content:center}

.oa-identity-card{padding:20px 22px;display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:18px;align-items:center;margin-bottom:18px}
.oa-profile-block{display:flex;align-items:center;gap:13px}.oa-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,rgba(0,96,126,.12),rgba(243,146,0,.11));color:var(--oa-primary);display:flex;align-items:center;justify-content:center;font-size:25px}.dark .oa-avatar{color:#38bdf8}.oa-profile-block>div:last-child,.oa-code-block,.oa-status-block{display:flex;flex-direction:column;gap:6px}.oa-label{font-size:11px;color:var(--oa-muted);font-weight:700}.oa-profile-block strong{font-size:19px}.oa-code-row{display:flex;align-items:center;gap:9px}.oa-code{direction:ltr;letter-spacing:1.5px;color:var(--oa-primary);font-size:20px}.dark .oa-code{color:#38bdf8}.oa-copy-btn{height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--oa-border);background:var(--oa-soft);color:var(--oa-muted);display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-weight:800;font-size:11px}.oa-copy-btn:hover{color:var(--oa-primary);border-color:rgba(0,96,126,.28)}
.oa-account-status{display:inline-flex;width:max-content;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.oa-account-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e}.oa-account-status.inactive{color:#991b1b;background:#fef2f2;border-color:#fecaca}.oa-account-status.inactive:before{background:#ef4444}.dark .oa-account-status{color:#bbf7d0;background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.24)}.dark .oa-account-status.inactive{color:#fecaca;background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.24)}

.oa-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.oa-stat-card{padding:18px;display:flex;align-items:center;gap:13px;min-height:100px;transition:.18s ease}.oa-stat-card:hover{transform:translateY(-2px);box-shadow:0 13px 35px rgba(15,23,42,.08)}.oa-stat-icon{width:43px;height:43px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(0,96,126,.09);color:var(--oa-primary);font-size:21px;flex:0 0 auto}.dark .oa-stat-icon{background:rgba(56,189,248,.09);color:#38bdf8}.oa-stat-icon.oa-warn{background:#fff7ed;color:var(--oa-warning)}.oa-stat-icon.oa-success{background:#f0fdf4;color:var(--oa-success)}.oa-stat-icon.oa-danger{background:#fef2f2;color:var(--oa-danger)}.oa-stat-icon.oa-accent{background:#fff7ed;color:var(--oa-accent)}.dark .oa-stat-icon.oa-warn,.dark .oa-stat-icon.oa-accent{background:rgba(243,146,0,.11)}.dark .oa-stat-icon.oa-success{background:rgba(22,163,74,.11)}.dark .oa-stat-icon.oa-danger{background:rgba(220,38,38,.11)}
.oa-stat-card>div:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}.oa-stat-card span{color:var(--oa-muted);font-size:11px;font-weight:700}.oa-stat-card strong{font-size:24px;line-height:1}.oa-stat-card strong small{font-size:12px;color:var(--oa-muted);font-weight:800}.oa-money-card{grid-column:span 1}

.oa-requests-card{padding:22px}.oa-table-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--oa-border)}.oa-table-icon{width:43px;height:43px;border-radius:15px;background:var(--oa-soft);display:flex;align-items:center;justify-content:center;color:var(--oa-primary);font-size:21px}.dark .oa-table-icon{color:#38bdf8}
.oa-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:right;padding:15px 13px;border-bottom:1px solid var(--oa-border);font-size:13px}th{color:var(--oa-muted);font-size:11px;font-weight:900;background:var(--oa-soft)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(0,96,126,.025)}
.oa-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.oa-badge.pending{background:#fff7ed;color:#9a6700}.oa-badge.approved{background:#f0fdf4;color:#166534}.oa-badge.rejected{background:#fef2f2;color:#991b1b}.oa-badge.not_eligible{background:#f1f5f9;color:#64748b}.dark .oa-badge.pending{background:rgba(217,119,6,.14);color:#fcd34d}.dark .oa-badge.approved{background:rgba(22,163,74,.14);color:#86efac}.dark .oa-badge.rejected{background:rgba(220,38,38,.14);color:#fca5a5}.dark .oa-badge.not_eligible{background:rgba(148,163,184,.12);color:#cbd5e1}
.oa-empty{padding:42px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--oa-muted)}.oa-empty-icon{width:56px;height:56px;border-radius:18px;background:var(--oa-soft);display:flex;align-items:center;justify-content:center;font-size:26px;color:#94a3b8}.oa-empty strong{margin-top:12px;color:var(--oa-text);font-size:14px}.oa-empty span{margin-top:4px;font-size:12px}
.oa-toast{position:fixed;left:18px;bottom:18px;z-index:9999;max-width:calc(100vw - 36px);padding:12px 15px;border-radius:14px;background:#0f172a;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:12px;font-weight:800}

@media(min-width:640px){.oa-logo-mobile{display:none}.oa-logo-desktop{display:block}}
@media(max-width:900px){.oa-register-layout{grid-template-columns:1fr}.oa-register-aside{order:-1}.oa-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-identity-card{grid-template-columns:1fr 1fr}.oa-status-block{grid-column:1/-1}}
@media(max-width:640px){.oa-top-wrap{padding:10px 10px 0}.oa-topbar{height:58px;border-radius:15px;padding:0 11px}.oa-icon-btn{width:36px;height:36px;font-size:18px}.oa-main{padding:25px 12px}.oa-page-heading{align-items:flex-start;margin-bottom:18px}.oa-back-link{display:none}.oa-page-heading h1{font-size:26px}.oa-page-heading p{font-size:12px}.oa-register-card{padding:19px}.oa-form-grid{grid-template-columns:1fr}.oa-wide{grid-column:auto}.oa-register-aside{padding:23px 20px}.oa-identity-card{grid-template-columns:1fr;padding:18px}.oa-status-block{grid-column:auto}.oa-code-block,.oa-status-block{padding-top:14px;border-top:1px solid var(--oa-border)}.oa-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.oa-stat-card{padding:13px;min-height:88px;gap:10px}.oa-stat-icon{width:38px;height:38px;border-radius:13px;font-size:18px}.oa-stat-card strong{font-size:20px}.oa-stat-card span{font-size:10px}.oa-requests-card{padding:17px}.oa-table-head p{display:none}}
@media(max-width:390px){.oa-stats-grid{grid-template-columns:1fr}.oa-top-actions{gap:0}.oa-icon-btn{width:34px;height:34px}}