@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{--navy:#072637;--navy-deep:#001d2c;--text:#082a43;--muted:#6481a1;--gold:#c18b35;--gold-light:#c99a50;--bg:#f2f5f8;--line:#dbe4ef;--soft:#f6f9fc;--green:#128348;--orange:#b56a0d;--sidebar:290px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px Tajawal,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #408ace}button svg,span svg{width:22px;height:22px;display:block;flex:none}button{color:inherit}[hidden]{display:none!important}b,strong,h1,h2,h3{font-weight:700}svg{flex-shrink:0}body.dialog-open{overflow:hidden}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);padding:27px 14px;background:linear-gradient(150deg,var(--navy-deep),#002333 75%);color:#f5faff;z-index:40;display:flex;flex-direction:column;overflow-y:auto}.brand{text-align:center;display:grid;justify-items:center}.brand-mark{width:95px;height:60px;margin-bottom:9px}.brand>b{font-size:17px}.brand>span{font:12px Arial,sans-serif;display:block;margin-top:5px}.sidebar-rule{height:1px;background:#254251;flex:none;margin:25px 0 20px}.nav-caption{font-size:14px;color:#93a8b8;margin:10px 23px 14px}nav{display:grid;gap:7px}.nav-item{position:relative;border:0;background:transparent;color:#fff;width:100%;min-height:79px;border-radius:16px;display:flex;align-items:center;gap:16px;padding:13px 18px;text-align:start}.nav-item>span:last-child{min-width:0}.nav-item svg{width:24px;height:24px}.nav-item b{display:block;font-size:18px}.nav-item small{display:block;color:#b9ccdc;font-size:14px;margin-top:5px}.nav-item:hover{background:#123e50}.nav-item.active{background:linear-gradient(125deg,#c99c53,#b9812b);box-shadow:0 5px 18px #0002}.nav-item.active small{color:#fff0da}.sidebar-foot{margin-top:auto;min-height:160px;display:flex;align-items:flex-end;gap:12px;color:#62808f;direction:ltr;padding:28px 0 5px}.sidebar-foot svg{width:136px;height:118px;opacity:.3}.sidebar-foot>span{font:12px/1.6 Arial,sans-serif}.main{margin-inline-start:var(--sidebar);min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:16px;padding:0 23px;direction:ltr;position:sticky;top:0;z-index:30}.topbar>*{flex-shrink:0}.account{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;min-width:178px;direction:ltr;text-align:left}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#c79d5a,#b08034);color:#fff;font:700 17px Arial}.account-text{display:grid;gap:4px}.account-text b{font:700 14px Arial}.account-text small{font-size:13px;color:var(--muted)}.account-chevron{margin-left:auto;color:var(--muted)}.account-chevron svg{width:14px}.top-actions{display:flex;gap:11px}.circle{border:1px solid var(--line);width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#fff}.circle svg{width:23px}.lang{font:700 16px Arial}.search{margin:0 auto;min-width:100px;max-width:525px;flex:1 1 200px;height:45px;border-radius:12px;background:#f1f4f8;color:#7f97b3;display:flex;align-items:center;gap:8px;padding:0 14px;direction:rtl}.search svg{width:16px}.search input{border:0;background:none;width:100%;min-width:0;color:var(--text);padding:0;outline-offset:5px}.search input::placeholder{color:#8499b0}.gold{background:linear-gradient(130deg,#c49345,#b87c27);color:#fff;border:1px solid #bd862f}.create{height:46px;border-radius:27px;display:flex;align-items:center;gap:13px;padding:0 21px;font-weight:700;white-space:nowrap;direction:rtl}.create>span:last-child{order:-1}.create svg{width:20px}.workspace{padding:14px 23px 20px;max-width:1740px;margin:0 auto}.page-heading{margin:0 0 18px;text-align:start}.page-heading h1{font-size:37px;line-height:1.3;margin:0 0 3px}.page-heading p{font-size:15px;color:var(--muted);margin:0;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.stat{min-height:73px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:center;align-items:center;gap:30px}.stat>div{display:grid;gap:2px;text-align:center}.stat b{font:700 24px Arial}.stat small{font-size:14px;color:var(--muted)}.stat svg{width:20px;height:20px;color:#16528a}.status-dot{width:15px;height:15px;display:inline-block;flex:none;border-radius:50%;background:#98a5b1}.status-dot.good{background:#14984e}.status-dot.warn{background:#ff922d}.status-dot.blue{background:#348dde}.status-dot.slate{background:#6b88a4}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.integration-card{border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0;overflow:visible}.integration-card.selected{border-color:var(--gold)}.card-button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 65px 34px;align-items:center;column-gap:14px;row-gap:10px;min-height:120px;background:none;border:0;border-radius:14px;padding:16px 15px;text-align:start}.card-text{min-width:0}.card-text b{font-size:18px;line-height:1.25;display:block}.card-text small{display:block;color:#50739b;font:13px/1.4 Arial;margin-top:7px;overflow-wrap:anywhere}.card-icon{width:61px;height:58px;background:#f4f7fb;border:1px solid #edf2f7;border-radius:50%;display:grid;place-items:center;color:#13558f}.card-icon svg{width:31px;height:31px}.square{border:0;border-radius:11px;background:#f1f5fa;width:35px;height:37px;display:grid;place-items:center;padding:7px;flex:none}.square svg{width:20px;height:20px}.card-badges{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;min-width:0}.badge{border:1px solid #d8e4f1;background:#f2f6fa;color:#365a7c;border-radius:999px;font-size:13px;padding:4px 9px;line-height:1.3;display:inline-flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:anywhere}.badge.good{border-color:#b8ead3;background:#effdf6;color:#057539}.badge.warn{border-color:#edd3ad;background:#fff9ef;color:#9f5a0e}.badge.neutral{color:#687f94}.payment-detail{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:15px;overflow:clip}.detail-heading{min-height:86px;padding:16px 19px;display:flex;align-items:center;gap:18px;direction:ltr;border-bottom:1px solid #e4ecf4}.provider-brand{display:flex;align-items:center;gap:20px;min-width:220px}.provider-mark{width:56px;height:53px;display:grid;place-items:center;background:#f5f8ff;border-radius:16px;color:#fff;font:italic 700 24px Arial}.provider-mark::first-letter{background:#0065ff}.provider-mark{background:linear-gradient(140deg,#298cf6,#0056db);border:10px solid #f2f7ff;font-size:20px;box-sizing:content-box;width:34px;height:34px}.provider-brand h2{font:700 22px Arial;margin:0 0 6px}.provider-brand p{font:14px Arial;margin:0;color:#55759a}.headline-states{margin-inline-start:auto;display:flex;align-items:center;min-width:0;direction:ltr;flex:1;justify-content:flex-end}.headline-state{padding:3px 14px;border-inline-start:1px solid #e2eaf3;min-width:0;direction:rtl}.headline-state:first-child{border:0}.headline-state>div{display:flex;align-items:center;gap:10px;white-space:normal}.headline-state b{font-size:16px}.headline-state small{font-size:11px;color:#718da7;display:block;margin-top:6px;line-height:1.4}.headline-state .status-dot{width:13px;height:13px}.tone-good{color:#057c40}.tone-warn{color:#a8680a}.tone-muted{color:#587087}.payment-body{padding:11px 12px 20px}.panels{display:grid;grid-template-columns:1.12fr 1fr 1.01fr;gap:13px 23px;direction:ltr;align-items:start}.panel{min-width:0;border:1px solid #e5edf5;border-radius:13px;overflow:hidden}.panel h3{margin:0;padding:10px 16px;min-height:40px;display:flex;align-items:center;gap:12px;font-size:16px;background:#f5f8fb}.panel h3>span:last-child{direction:rtl}.panel h3 svg{width:21px;height:21px}.row{min-height:37px;border-top:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;font-size:13px;direction:ltr;line-height:1.35}.row-label{color:#4f7092;flex:0 1 auto;min-width:0}.row-value{font-family:Arial,Tajawal,sans-serif;text-align:right;min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:7px;overflow-wrap:anywhere}.row-value>span{max-width:100%}.row .badge{font:13px Arial,Tajawal,sans-serif;padding:3px 7px}.row .status-dot{width:11px;height:11px}.row .copy{width:30px;height:29px;padding:5px;border:0;border-radius:7px;background:#f1f5fa;color:#245581;flex:none}.copy svg{width:19px;height:19px}.row .api-link{color:#0063ce;font-size:12px;overflow-wrap:anywhere}.flow-panel .row-label{color:var(--text);font-family:Arial,sans-serif}.security-panel .row{min-height:50px}.security-panel .row-label{font:13px Arial,Tajawal,sans-serif}.small-value{font-size:11px}.uat-panel{grid-column:1;grid-row:2}.uat-panel .row{min-height:39px}.action-area{grid-column:2/4;min-width:0;padding-top:12px}.warning{border:1px solid #f0ddbf;background:linear-gradient(110deg,#fff9ef,#fffbf5);border-radius:13px;display:flex;align-items:flex-start;gap:15px;padding:19px 18px;color:#955705;direction:ltr;min-height:116px}.warning>span{padding-top:4px}.warning svg{width:26px;height:26px}.warning h3{font-size:18px;margin:0 0 8px}.warning p{margin:0;font-size:14px;line-height:1.7}.warning>div{direction:rtl;text-align:start}.action-row{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px;direction:ltr}.buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{min-height:44px;border:1px solid #d3e0ef;border-radius:12px;background:#fff;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal}.btn.gold{background:linear-gradient(130deg,#c7974b,#b77b24);border-color:#c49345;color:#fff}.btn.danger{background:#a53d30;border-color:#a53d30;color:#fff}.btn svg{width:21px;height:21px}.action-note{font-size:12px;color:#6b85a3;line-height:1.7;margin:0;text-align:right;direction:rtl;flex:1;min-width:140px;max-width:235px}.secondary-cards{margin-top:18px}.workspace-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:#668197;font-size:12px;flex-wrap:wrap;direction:ltr}.text-button{background:none;border:0;color:#2d608e;font-size:13px;text-decoration:underline}.connection-alert{font-size:14px;color:#944b16;border:1px solid #efd1a8;border-radius:9px;padding:9px 12px;margin:0 0 12px;background:#fff8ef}.empty-search{padding:30px;text-align:center}.mobile-menu,.nav-shade{display:none}
dialog{padding:0;border:1px solid var(--line);border-radius:18px;color:var(--text);width:min(700px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-shadow:0 22px 80px #001d2c44;overflow:auto;background:#fff}dialog::backdrop{background:#00203577;backdrop-filter:blur(2px)}.dialog-heading{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-heading h2{margin:0;font-size:25px}.dialog-heading p{margin:5px 0 0;color:var(--muted);font:13px Arial}.dialog-body{padding:18px 22px;font-size:16px;line-height:1.7}.dialog-body>p{margin-top:0}.dialog-actions{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--line)}.source{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);background:var(--soft);font-size:13px;border-radius:10px}.source b{font:12px Arial;align-self:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.form-grid label{display:grid;gap:5px;min-width:0;font-size:14px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{border:1px solid var(--line);border-radius:10px;height:45px;padding:8px 12px;width:100%;min-width:0;color:var(--text);background:#fff}.form-grid input[readonly]{background:var(--soft)}.form-hint{font-size:13px;color:var(--muted);margin:12px 0!important}.compact{padding:12px;min-height:0}.compact p{font-size:13px}.form-error{color:#a63124;font-size:14px;min-height:1px;margin:10px 0 0}.toast{position:fixed;inset-inline:20px;bottom:24px;margin-inline:auto;width:max-content;max-width:calc(100vw - 40px);background:#07344a;color:#fff;border-radius:12px;padding:13px 19px;z-index:100;box-shadow:0 10px 30px #00203533;font-size:15px}.audit-view{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.audit-head{display:flex;align-items:center;justify-content:space-between}.audit-head h2{font-size:21px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:start}td{vertical-align:top;overflow-wrap:anywhere}td code{font-size:12px}.audit-empty{text-align:center;color:var(--muted)}
#uatDialog{width:min(760px,calc(100vw - 28px))}.uat-safety{border:1px solid #efd7aa;background:#fff9ed;border-radius:12px;padding:12px 14px;color:#88510b}.uat-safety b{display:block;font-size:16px}.uat-safety p{margin:4px 0 0;font-size:13px;line-height:1.7}.test-card-note{margin-top:13px;border:1px solid #dce7f2;background:#f5f8fc;border-radius:12px;padding:11px 14px;display:grid;gap:5px}.test-card-note code{font:700 16px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#075795;letter-spacing:.04em}.test-card-note small{color:#5c7894}.uat-grid{grid-template-columns:1fr 1fr 1fr}.uat-grid .wide{grid-column:1/-1}.uat-button{border-color:#c7974b;color:#8d590c}.uat-button:not(:disabled):hover{background:#fff8ea}.uat-button svg{color:#b8781e}#uatResultDialog{width:min(520px,calc(100vw - 28px))}
html[dir=ltr] .topbar{direction:rtl}html[dir=ltr] .search,html[dir=ltr] .create{direction:ltr}html[dir=ltr] .headline-state,html[dir=ltr] .panel h3>span:last-child,html[dir=ltr] .warning>div,html[dir=ltr] .action-note{direction:ltr;text-align:left}html[dir=ltr] .card-text b{font-size:16px}html[dir=ltr] .nav-item b{font-size:16px}html[dir=ltr] .nav-item small{font-size:12px}html[dir=ltr] .card-badges{font-family:Arial,sans-serif}
@media(min-width:821px) and (max-height:900px){.sidebar{padding-block:18px}.brand-mark{width:80px;height:45px;margin-bottom:5px}.brand>b{font-size:15px}.brand>span{font-size:11px;margin-top:3px}.sidebar-rule{margin:15px 0 10px}.nav-caption{margin:6px 23px 8px}.sidebar nav{gap:4px}.nav-item{min-height:60px;padding-block:8px}.nav-item b{font-size:16px}.nav-item small{font-size:12px;margin-top:2px}.sidebar-foot{min-height:98px;padding-top:12px}.sidebar-foot svg{width:92px;height:78px}.topbar{height:58px}.avatar{width:40px;height:40px}.circle{width:41px;height:41px}.search{height:40px}.create{height:41px}.workspace{padding-block:9px 12px}.page-heading{margin-bottom:9px}.page-heading h1{font-size:31px;line-height:1.2}.page-heading p{line-height:1.4}.stats{margin-bottom:10px}.stat{min-height:58px}.stat b{font-size:21px}.card-button{min-height:94px;padding-block:10px;row-gap:5px}.card-icon{width:50px;height:49px}.card-icon svg{width:27px;height:27px}.card-text b{font-size:17px}.card-text small{margin-top:4px}.badge{padding-block:3px}.payment-detail{margin-top:10px}.detail-heading{min-height:64px;padding-block:8px}.provider-mark{border-width:7px;width:29px;height:29px}.provider-brand h2{font-size:19px;margin-bottom:3px}.provider-brand p{font-size:12px}.headline-state{padding-block:1px}.headline-state b{font-size:14px}.headline-state small{margin-top:3px}.payment-body{padding:8px 10px 11px}.panels{gap:9px 14px}.panel h3{min-height:33px;padding-block:6px;font-size:15px}.row{min-height:31px;padding-block:5px}.security-panel .row{min-height:40px}.uat-panel .row{min-height:32px}.action-area{padding-top:4px}.warning{min-height:91px;padding:12px 15px}.warning h3{font-size:17px;margin-bottom:4px}.warning p{font-size:13px;line-height:1.5}.action-row{margin-top:12px;gap:10px}.btn{min-height:39px;padding-block:7px}.workspace-foot{margin-top:12px}}
@media(min-width:1600px){.card-button{min-height:120px}.action-note{max-width:250px}}
@media(max-width:1400px){:root{--sidebar:265px}.topbar{gap:11px}.account{min-width:151px}.create{padding-inline:15px}.workspace{padding-inline:20px}.card-button{column-gap:7px;grid-template-columns:minmax(0,1fr) 50px 29px}.card-icon{width:48px;height:48px}.card-text b{font-size:17px}.card-text small{font-size:11px}.card-badges{gap:4px}.badge{font-size:12px;padding:4px 6px}.provider-brand{min-width:190px;gap:12px}.headline-state{padding-inline:9px}.headline-state b{font-size:14px}.headline-state small{font-size:10px}.panels{gap:13px}.action-row{flex-wrap:wrap;gap:12px}.action-note{max-width:none;min-width:0;flex-basis:100%}.warning{min-height:105px}.btn{padding:9px 11px;font-size:13px}.row{font-size:12px;gap:6px;padding:8px 10px}.row-value{font-size:12px}.row .api-link{font-size:11px}.row .badge{font-size:11px}.panel h3{font-size:15px;padding-inline:12px;gap:9px}}
@media(max-width:1150px){:root{--sidebar:235px}.sidebar{padding-inline:10px}.brand>b{font-size:14px}.brand>span{font-size:10px}.nav-item{gap:10px;padding:13px}.nav-item b{font-size:16px}.nav-item small{font-size:12px}.account-text,.account-chevron{display:none}.account{min-width:46px}.topbar{padding-inline:16px}.search{min-width:80px}.cards{gap:10px}.card-button{grid-template-columns:minmax(0,1fr) 35px;gap:10px;padding:13px}.card-icon{display:none}.card-text b{font-size:17px}.card-button .square{justify-self:end}.detail-heading{flex-wrap:wrap}.provider-brand{min-width:0}.headline-states{order:3;flex-basis:100%;justify-content:space-between}.collapse{margin-left:auto}.headline-state{flex:1}.panels{grid-template-columns:1fr 1fr}.security-panel{grid-column:2;grid-row:1/3;align-self:stretch}.flow-panel{grid-column:1;grid-row:2}.uat-panel{grid-column:2;grid-row:3}.action-area{grid-column:1/-1;grid-row:4}.action-row{flex-wrap:nowrap}.action-note{flex-basis:auto;min-width:150px;max-width:230px}.security-panel .row{min-height:60px}.page-heading h1{font-size:32px}.workspace{padding-inline:16px}.stat{gap:18px}.stat small{font-size:12px}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{width:270px;transform:translateX(100%);transition:transform .18s ease}.sidebar.mobile-open{transform:none}.main{margin-inline-start:0}html[dir=ltr] .sidebar{transform:translateX(-100%)}html[dir=ltr] .sidebar.mobile-open{transform:none}.nav-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:35;background:#00283f66;border:0}.mobile-menu{display:grid}.topbar{height:72px;gap:10px}.top-actions{gap:7px}.circle{width:40px;height:40px}.account{display:none}.create{margin-left:auto;max-width:210px;font-size:14px;padding:0 12px}.create svg{width:17px}.search{display:none}.workspace{padding:17px 14px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card-text b{font-size:16px}.card-badges{gap:4px}.stat{min-height:64px}.stats{margin-bottom:13px}.page-heading h1{font-size:31px}.page-heading p{font-size:13px}}
@media(max-width:600px){.topbar{padding-inline:12px;gap:7px}.create{height:40px;font-size:12px;max-width:175px;gap:6px}.circle{width:36px;height:36px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cards{grid-template-columns:1fr}.card-button{grid-template-columns:minmax(0,1fr) 54px 34px;min-height:110px;column-gap:12px}.card-icon{display:grid;width:49px;height:49px}.card-text b{font-size:19px}.card-text small{font-size:12px}.card-badges{gap:6px}.badge{font-size:13px}.detail-heading{padding:14px 12px;gap:12px}.provider-brand h2{font-size:20px}.headline-states{display:grid;grid-template-columns:1fr;gap:9px}.headline-state{border:0;border-top:1px solid #e6edf4;padding:9px 0 0}.headline-state:first-child{border-top:1px solid #e6edf4}.headline-state>div{justify-content:flex-start}.headline-state b{font-size:15px}.headline-state small{font-size:12px}.payment-body{padding:10px}.panels{grid-template-columns:1fr;gap:13px}.info-panel,.flow-panel,.security-panel,.uat-panel,.action-area{grid-column:1;grid-row:auto}.panel h3{font-size:17px}.row{min-height:42px;font-size:14px}.row-value,.row .badge{font-size:12px}.security-panel .row{min-height:44px}.row .api-link{font-size:12px}.action-area{padding-top:0}.warning{padding:15px 12px;gap:10px}.warning h3{font-size:18px}.warning p{font-size:14px}.action-row{flex-direction:column;align-items:stretch;margin-top:15px}.buttons{display:grid;grid-template-columns:1fr}.btn{font-size:15px;min-height:46px}.action-note{max-width:none;min-width:0}.secondary-cards{margin-top:14px}.dialog-heading{padding:16px}.dialog-body{padding:16px}.dialog-actions{padding:13px 16px}.form-grid,.uat-grid{grid-template-columns:1fr}.form-grid .wide,.uat-grid .wide{grid-column:auto}.source b{font-size:11px}.workspace-foot{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}