:root{--navy:#123b5d;--teal:#16c7b7;--purple:#7c3aed;--green:#1faf83;--bg:#f7f9fc;--white:#fff;--text:#17212b;--muted:#667483;--warning:#f3a712;--danger:#d64550;--line:#dfe7ef;--shadow:0 18px 50px rgba(18,59,93,.10);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic",Tajawal,system-ui,sans-serif;line-height:1.65}a{color:var(--navy);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.narrow{width:min(860px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(223,231,239,.85);backdrop-filter:blur(18px)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--purple));color:#fff;font-size:24px;font-weight:700;box-shadow:0 9px 22px rgba(124,58,237,.22)}.brand strong,.brand small{display:block;line-height:1.15}.brand strong{font-size:18px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:18px}.nav-links form{margin:0}.nav-links>a,.link-button{font-weight:600;font-size:14px}.link-button,.locale-switch{background:none;border:0;color:var(--navy);padding:6px}.locale-switch{border:1px solid var(--line);border-radius:10px;min-width:48px}.nav-toggle{display:none;border:0;background:var(--bg);border-radius:10px;padding:8px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--navy);border-radius:12px;background:var(--navy);color:#fff;padding:11px 20px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(18,59,93,.17)}.button-sm{padding:7px 14px;border-radius:10px;font-size:13px}.button-outline{background:transparent;color:var(--navy)}.button-light{background:#fff;color:var(--navy);border-color:#fff}.button-success{background:var(--green);border-color:var(--green)}.button-block{width:100%}.hero{padding:76px 0 58px;background:radial-gradient(circle at 10% 20%,rgba(22,199,183,.12),transparent 30%),radial-gradient(circle at 90% 20%,rgba(124,58,237,.11),transparent 32%),#fff}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:48px}.eyebrow{display:inline-block;color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.4px}.hero h1,.page-heading h1{font-size:clamp(34px,5vw,60px);line-height:1.18;margin:10px 0 16px;color:var(--navy)}.hero p,.page-heading p{color:var(--muted);font-size:18px;max-width:720px}.search-panel{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:10px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:18px;box-shadow:var(--shadow);margin-top:32px}.hero-card{height:330px;border-radius:42% 58% 58% 42%/47% 40% 60% 53%;background:linear-gradient(145deg,var(--navy),#18527d 52%,var(--purple));color:#fff;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(18,59,93,.25)}.hero-card strong{font-size:34px;letter-spacing:2px}.hero-card p{color:rgba(255,255,255,.8);font-size:15px;margin:0}.hero-icon{font-size:48px;color:var(--teal)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.orbit-one{width:220px;height:220px;inset:-60px auto auto -70px}.orbit-two{width:180px;height:180px;inset:auto -60px -50px auto}.section{padding:60px 0}.section-muted{background:#eef3f8}.section-heading,.panel-heading,.heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.section-heading h2,.panel h2,.subheading h2{margin:4px 0;color:var(--navy)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;transition:.2s}.category-card:hover{border-color:var(--teal);transform:translateY(-2px)}.category-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(22,199,183,.12);color:var(--navy);font-weight:700}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 9px 30px rgba(18,59,93,.06)}.business-cover{height:130px;background:linear-gradient(135deg,rgba(18,59,93,.95),rgba(124,58,237,.78));display:grid;place-items:center}.business-cover span{width:66px;height:66px;display:grid;place-items:center;background:#fff;border-radius:20px;color:var(--navy);font-size:28px;font-weight:700}.business-body{padding:20px}.business-body h3{margin:10px 0 2px;color:var(--navy)}.business-body p{color:var(--muted);margin:0 0 18px}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:100px;background:#edf2f7;color:var(--navy);font-size:12px;font-weight:700}.badge-success,.status-approved,.status-active{background:rgba(31,175,131,.12);color:#117657}.status-rejected,.status-cancelled{background:rgba(214,69,80,.12);color:#a52e37}.status-under_review,.status-changes_requested{background:rgba(243,167,18,.16);color:#8b5b00}.status-submitted{background:rgba(124,58,237,.12);color:#5d24b8}.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 40px;border-radius:24px;background:linear-gradient(125deg,var(--navy),#18527d 55%,var(--purple));color:#fff}.cta h2{margin:0}.cta p{margin:5px 0 0;color:rgba(255,255,255,.78)}.site-footer{padding:42px 0;background:#0e2f4a;color:#fff}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-wrap p{color:rgba(255,255,255,.68);margin:5px 0}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:600;font-size:13px;color:#314457}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 13px;color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,199,183,.1)}.auth-section,.page-section{min-height:calc(100vh - 170px);padding:56px 0}.auth-section{display:grid;place-items:center}.auth-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(18,59,93,.06)}.auth-card{width:min(520px,calc(100% - 32px));padding:34px}.auth-card h1{margin:8px 0;color:var(--navy)}.auth-card>p{color:var(--muted);margin-top:0}.form-stack{display:flex;flex-direction:column;gap:16px}.form-row,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.check{display:flex;align-items:flex-start;gap:8px;font-size:14px}.auth-foot{text-align:center;margin:22px 0 0!important}.center{text-align:center;justify-content:center}.page-heading{margin-bottom:30px}.page-heading h1{font-size:clamp(30px,4vw,48px)}.wizard-progress{display:flex;align-items:center;gap:0;margin:20px 0 28px}.wizard-progress span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dbe4ed;color:#6a7887;font-weight:700;position:relative}.wizard-progress span:not(:last-child)::after{content:"";position:absolute;inset-inline-start:100%;top:19px;width:calc((min(860px,100vw - 32px) - 240px)/5);height:2px;background:#dbe4ed}.wizard-progress span.active{background:var(--navy);color:#fff}.wizard-progress span.active:not(:last-child)::after{background:var(--teal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px}.field-full{grid-column:1/-1}.subheading{border-top:1px solid var(--line);padding-top:12px}.subheading p{color:var(--muted)}.summary-stack{display:flex;flex-direction:column;gap:16px}.summary-section{border:1px solid var(--line);border-radius:14px;padding:16px}.summary-section h2{font-size:18px}.summary-section dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.summary-section dl div{padding:9px;background:var(--bg);border-radius:9px}.summary-section dt{font-size:12px;color:var(--muted)}.summary-section dd{margin:0;font-weight:600;overflow-wrap:anywhere}.flash{margin-top:16px;border-radius:12px;padding:12px 16px}.flash-success{background:rgba(31,175,131,.12);color:#117657}.flash-error{background:rgba(214,69,80,.1);color:#922f38}.flash ul{margin:4px 0}.status-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:rgba(22,199,183,.14);color:var(--navy);font-size:30px;margin:0 auto 16px}.status-panel{padding:45px}.review-note,.notice-panel{margin:20px 0;padding:16px;border-radius:12px;background:#fff8e8;color:#6e500b}.dashboard-shell{padding:45px 0;min-height:calc(100vh - 170px)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:16px}.metric-card span{display:block;color:var(--muted);font-size:13px}.metric-card strong{font-size:30px;color:var(--navy)}.panel{padding:22px;margin-bottom:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:start;padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);background:#f8fafc}.account-grid,.review-layout,.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.review-layout{grid-template-columns:1.65fr .75fr;align-items:start}.profile-grid{grid-template-columns:1.6fr .7fr;align-items:start}.list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted)}.empty-state{padding:45px;text-align:center;background:#fff;border:1px dashed #c7d3df;border-radius:16px;color:var(--muted)}.empty-state span{font-size:38px}.empty-state.compact{padding:20px}.filter-bar{display:flex;align-items:end;gap:12px;margin-bottom:20px}.timeline-item{border-inline-start:3px solid var(--teal);padding:4px 16px;margin-bottom:16px}.timeline-item p{margin:5px 0}.timeline-item small{color:var(--muted)}.notice-panel{display:flex;align-items:center;gap:12px;background:#eef9f8;color:#245b5a}.notice-panel span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff}.permission-group{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px}.permission-group legend{font-weight:700;color:var(--navy);padding:0 7px}.profile-hero{padding:70px 0;background:linear-gradient(130deg,var(--navy),#174f78 60%,var(--purple))}.profile-card{display:flex;align-items:center;gap:22px;color:#fff}.profile-card h1{font-size:42px;margin:8px 0}.profile-card p{color:rgba(255,255,255,.75)}.profile-logo{width:100px;height:100px;border-radius:28px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:42px;font-weight:700}.contact-card{position:sticky;top:100px}.contact-card .button{margin-bottom:10px}.contact-list div{padding:11px 0;border-bottom:1px solid var(--line)}.contact-list dt{font-size:12px;color:var(--muted)}.contact-list dd{margin:0;overflow-wrap:anywhere}.prose{font-size:17px;color:#415365}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-card{display:none}.search-panel{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.review-layout,.profile-grid{grid-template-columns:1fr}.contact-card{position:static}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:75px;inset-inline:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links form{display:block}.nav-links .locale-switch{width:100%}}
@media(max-width:640px){.hero{padding:48px 0}.search-panel,.form-grid{grid-template-columns:1fr}.field-wide,.field-full{grid-column:auto}.category-grid,.business-grid,.metric-grid,.account-grid{grid-template-columns:1fr}.cta,.footer-wrap,.section-heading,.heading-row{align-items:flex-start;flex-direction:column}.cta{padding:26px}.auth-card,.panel{border-radius:16px}.summary-section dl{grid-template-columns:1fr}.wizard-progress{justify-content:space-between}.wizard-progress span:not(:last-child)::after{width:calc((100vw - 32px - 240px)/5)}.profile-card{align-items:flex-start}.profile-logo{width:74px;height:74px}.profile-card h1{font-size:30px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar .field{width:100%}}
.error-page{min-height:70vh;display:grid;place-items:center;padding:48px 16px;background:linear-gradient(145deg,#f5f8fc,#f6f1ff)}.error-card{width:min(620px,100%);padding:40px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.error-code{display:inline-grid;place-items:center;min-width:86px;height:52px;padding:0 18px;border-radius:16px;background:#f0ecff;color:var(--purple);font-size:26px;font-weight:800}.error-card h1{margin:18px 0 8px}.error-card p{color:var(--muted)}.error-reference{display:flex;justify-content:center;gap:10px;margin:22px 0;padding:12px;border-radius:12px;background:#f7f9fc}.error-reference strong{color:var(--navy)}