:root{color:#0f172a;font-synthesis:none;--navy:#0b1f4d;--navy-2:#132d63;--blue:#1d4ed8;--blue-soft:#edf3ff;--gold:#e7cfa3;--gold-hover:#d9be8a;--gold-pressed:#c7aa73;--gold-soft:#fbf3e3;--ink:#0f172a;--muted:#475569;--muted-soft:#94a3b8;--line:#d9e1ec;--surface:#fff;--success:#16a34a;--success-soft:#eaf8ef;--warning:#b45309;--warning-soft:#fff7e6;--error:#dc2626;--shadow-sm:0 1px 2px #0f172a0a, 0 3px 10px #0f172a09;--shadow-md:0 16px 40px #0f1f4d17;background:#f6f8fb;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html[lang=ar]{font-family:Cairo,Tahoma,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #82aaff}.app-shell{grid-template-rows:30px minmax(0,1fr);grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.environment-banner{background:var(--gold);color:#271c06;letter-spacing:.03em;text-align:center;grid-column:1/-1;padding:.38rem 1rem;font-size:.78rem;font-weight:800}.environment-banner span{margin-inline:.35rem}.sidebar{background:var(--navy);color:#fff;flex-direction:column;grid-row:2;height:calc(100vh - 30px);min-height:calc(100vh - 30px);padding:1.7rem 1rem;display:flex;position:sticky;top:30px}.sidebar-brand,.mobile-brand{align-items:center;gap:.72rem;display:flex}.sidebar-brand{margin-bottom:2.3rem;padding-inline:.55rem}.brand-mark{background:var(--gold);min-width:42px;height:42px;color:var(--navy);letter-spacing:-.02em;border-radius:12px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.sidebar-brand div{line-height:1.08;display:grid}.sidebar-brand strong{font-size:1.15rem}.sidebar-brand span:last-child{color:#9eb0cf;margin-top:.25rem;font-size:.8rem}.sidebar nav{gap:.35rem;display:grid}.sidebar nav button{color:#c7d3e7;text-align:start;background:0 0;border:0;border-radius:11px;align-items:center;gap:.8rem;width:100%;min-height:48px;padding:.75rem .85rem;font-weight:650;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff12}.sidebar nav button[data-active=true]{color:var(--navy);background:#fff;box-shadow:0 7px 22px #0000002e}.nav-icon{text-align:center;width:25px;font-size:1.2rem}.sidebar-footer{border-top:1px solid #ffffff21;align-items:center;gap:.65rem;margin-top:auto;padding:1.2rem .55rem 0;display:flex}.sidebar-footer div{gap:.16rem;display:grid}.sidebar-footer strong{font-size:.82rem}.sidebar-footer div span{color:#93a6c7;font-size:.72rem}.environment-dot{background:#49d39d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #49d39d24}.app-main{grid-area:2/2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fffffff5;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.8rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:30px}.workspace-heading{gap:.15rem;display:grid}.workspace-heading span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:750}.workspace-heading strong{font-size:.96rem}.mobile-brand{display:none}.topbar-actions{align-items:center;gap:.7rem;display:flex}.language-switcher{border:1px solid var(--line);border-radius:10px;padding:.2rem;display:flex}.language-switcher button{color:var(--muted);background:0 0;border:0;border-radius:7px;min-width:38px;height:32px;font-size:.78rem;font-weight:800}.language-switcher button[aria-pressed=true]{background:var(--navy);color:#fff}.avatar-button{background:var(--blue-soft);width:39px;height:39px;color:var(--blue);border:0;border-radius:50%;font-weight:900}.page-content{max-width:1240px;margin:0 auto;padding:clamp(1.4rem,3.5vw,3rem)}.page-title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.7rem;display:flex}.page-title h1{letter-spacing:-.035em;margin:0 0 .45rem;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.1}html[dir=rtl] .page-title h1{letter-spacing:0}.page-title p{color:var(--muted);max-width:46rem;margin:0;font-size:1rem;line-height:1.6}.metrics-grid{grid-template-columns:1.45fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;flex-direction:column;min-height:156px;padding:1.25rem 1.35rem;display:flex;box-shadow:0 5px 18px #1022410a}.metric-card.featured{background:var(--navy-2);color:#fff;border:0}.metric-card>span{color:var(--muted);font-size:.84rem;font-weight:700}.metric-card.featured>span,.metric-card.featured small{color:#b9c9e5}.metric-card strong{letter-spacing:-.04em;margin:.6rem 0 auto;font-size:2.25rem}.metric-card small{color:var(--muted);margin-top:.35rem;font-size:.78rem}.progress-track{background:#ffffff2e;border-radius:99px;height:6px;overflow:hidden}.progress-track span{background:var(--gold);border-radius:inherit;height:100%;display:block}.content-grid{grid-template-columns:1.35fr 1fr;gap:1rem;display:grid}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px}.next-action{background:linear-gradient(135deg, #fff 65%, var(--gold-soft));padding:1.55rem}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:850}.next-action-body{align-items:flex-start;gap:1rem;margin:1.3rem 0 1.5rem;display:flex}.action-index{color:var(--gold);font-family:Georgia,serif;font-size:2.5rem;line-height:1}.next-action h2,.activity-panel h2,.onboarding-workspace h2,.panel-heading h2,.organization-card h2,.detail-list h2,.security-list h2{margin:0;font-size:1.08rem}.next-action p,.onboarding-workspace>p{color:var(--muted);margin:.45rem 0 0;line-height:1.6}.primary-button{background:var(--blue);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.65rem;min-height:44px;padding:.7rem 1rem;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 1px 2px #1d4ed838}.primary-button:hover{background:#1742b8;transform:translateY(-1px);box-shadow:0 5px 14px #1d4ed833}.primary-button:disabled{opacity:.55;cursor:wait}.activity-panel{padding:1.55rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.status-pill{color:#536176;text-transform:uppercase;letter-spacing:.035em;background:#eef1f5;border-radius:99px;align-items:center;width:fit-content;padding:.35rem .65rem;font-size:.72rem;font-weight:850;display:inline-flex}.status-success{background:var(--success-soft);color:var(--success)}.status-warning{background:var(--warning-soft);color:var(--warning)}.activity-list{gap:1rem;margin:1.3rem 0 0;padding:0;list-style:none;display:grid}.activity-list li{align-items:center;gap:.75rem;display:flex}.activity-list li div{gap:.15rem;display:grid}.activity-list small{color:var(--muted)}.activity-symbol{background:var(--success-soft);width:27px;height:27px;color:var(--success);border-radius:50%;place-items:center;font-weight:900;display:grid}.activity-symbol.muted{color:#8090a8;background:#eef1f5}.onboarding-panel{grid-template-columns:220px 1fr;display:grid;overflow:hidden}.step-rail{border-inline-end:1px solid var(--line);background:#f8fafc;align-content:start;gap:.45rem;padding:1.5rem 1rem;display:grid}.step-rail div{color:var(--muted);border-radius:10px;align-items:center;gap:.65rem;padding:.7rem;font-size:.84rem;font-weight:700;display:flex}.step-rail div[data-current=true]{background:var(--blue-soft);color:var(--blue)}.step-rail div>span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.72rem;display:grid}.onboarding-workspace{padding:clamp(1.4rem,3vw,2.4rem)}.onboarding-workspace h2{margin-top:.55rem;font-size:1.5rem}.service-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1.5rem 0;display:grid}.service-grid button{border:1px solid var(--line);text-align:start;min-height:185px;color:var(--ink);background:#fff;border-radius:15px;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1rem;display:flex;position:relative}.service-grid button[data-selected=true]{border-color:var(--blue);background:#f6f9ff;box-shadow:0 0 0 2px #155eef1f}.service-monogram{background:var(--navy);color:#fff;border-radius:8px;place-items:center;min-width:44px;height:34px;font-size:.72rem;font-weight:900;display:grid}.service-grid small{color:var(--muted);line-height:1.45}.selection-control{border:1px solid var(--line);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid;position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem}.service-grid button[data-selected=true] .selection-control{background:var(--blue);border-color:var(--blue)}.mode-selector{border:0;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0;padding:0;display:grid}.mode-selector legend{grid-column:1/-1;margin-bottom:.5rem;font-size:.86rem;font-weight:800}.mode-selector label{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:.65rem;padding:.9rem;display:flex}.mode-selector label span{gap:.22rem;display:grid}.mode-selector small{color:var(--muted);line-height:1.4}.mode-selector input{accent-color:var(--blue);width:18px;height:18px}.form-actions{justify-content:flex-end;display:flex}.inline-alert{color:#9f2525;background:#fff0f0;border:1px solid #f1caca;border-radius:10px;margin:1rem 0;padding:.8rem 1rem}.invite-form{grid-template-columns:1fr 220px auto;align-items:end;gap:.8rem;margin-bottom:1rem;padding:1rem;display:grid}.invite-form div{gap:.35rem;display:grid}.invite-form label{font-size:.8rem;font-weight:800}.invite-form input,.invite-form select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:.65rem .75rem}.table-panel{overflow:hidden}.table-panel .panel-heading{border-bottom:1px solid var(--line);padding:1.15rem 1.3rem}.table-panel .panel-heading>span{color:var(--muted);font-size:.8rem}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:start;border-bottom:1px solid #edf0f5;padding:1rem 1.3rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#fafbfd;font-size:.75rem}td{font-size:.87rem}.person-cell>span{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border-radius:10px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.person-cell>div{gap:.15rem;display:grid}.person-cell small{color:var(--muted)}.text-button{color:#a13c31;background:0 0;border:0;padding:.3rem;font-weight:800}.settings-grid{grid-template-columns:.8fr 1.2fr;gap:1rem;display:grid}.organization-card{align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.organization-card p{color:var(--muted);margin:.4rem 0 .8rem}.detail-list{padding:1.5rem}.detail-list dl{margin:1rem 0 0}.detail-list dl>div{border-top:1px solid var(--line);grid-template-columns:170px 1fr;gap:1rem;padding:.85rem 0;display:grid}.detail-list dt{color:var(--muted);font-size:.82rem}.detail-list dd{overflow-wrap:anywhere;margin:0;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.security-list{gap:.8rem;display:grid}.security-list article{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem;display:grid}.security-list article div p{color:var(--muted);margin:.3rem 0 0}.security-icon{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:13px;place-items:center;font-weight:900;display:grid}@media (width<=900px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar-brand div,.sidebar nav button:not([data-active=true])>:not(.nav-icon),.sidebar nav button[data-active=true]>:not(.nav-icon),.sidebar-footer div{display:none}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar nav button{justify-content:center;padding-inline:.5rem}.sidebar-footer{justify-content:center}.metrics-grid,.content-grid,.service-grid{grid-template-columns:1fr}.service-grid button{min-height:140px}}@media (width<=680px){.app-shell{padding-top:30px;display:block}.environment-banner{z-index:20;position:fixed;inset:0 0 auto}.sidebar{z-index:20;height:68px;min-height:auto;padding:.4rem;position:fixed;inset:auto 0 0}.sidebar-brand,.sidebar-footer{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:.2rem;display:grid}.sidebar nav button{place-items:center;gap:.1rem;min-height:58px;padding:.3rem;font-size:.64rem;display:grid}.sidebar nav button>:not(.nav-icon){display:block!important}.nav-icon{font-size:1rem}.app-main{padding-bottom:72px}.topbar{min-height:64px;top:30px}.workspace-heading{display:none}.mobile-brand{display:flex}.mobile-brand strong{font-size:.9rem}.mobile-brand .brand-mark{border-radius:9px;min-width:36px;height:36px}.page-content{padding:1.15rem}.page-title{flex-direction:column;align-items:stretch}.page-title>.primary-button{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:140px}.metric-card.featured{grid-column:1/-1}.onboarding-panel{grid-template-columns:1fr}.step-rail{border-inline-end:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:.8rem;overflow-x:auto}.step-rail div{justify-content:center;padding:.4rem;font-size:0}.step-rail div>span{font-size:.72rem}.mode-selector,.invite-form,.settings-grid{grid-template-columns:1fr}.security-list article{grid-template-columns:auto 1fr}.security-list .status-pill{grid-column:2}.detail-list dl>div{grid-template-columns:1fr;gap:.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.registration-shell{background:linear-gradient(135deg,var(--navy),#0d5678);place-items:center;min-height:100vh;padding:2rem;display:grid}.registration-card{background:#fff;border-radius:22px;width:min(100%,520px);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 28px 80px #0000004d}.registration-brand{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.registration-brand div{display:grid}.registration-brand small{color:var(--muted)}.registration-card>.language-switcher{float:inline-end}.registration-card h1{margin:.5rem 0;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}.registration-card>p{color:var(--muted);line-height:1.6}.registration-form{gap:1rem;margin:1.6rem 0;display:grid}.registration-form label{gap:.4rem;font-weight:750;display:grid}.registration-form input,.registration-form select{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:48px;padding:.7rem .8rem}.portal-entry{background:radial-gradient(circle at 15% 12%,#b8842b33,transparent 26rem),linear-gradient(135deg,var(--navy),#12366f);grid-template-columns:minmax(320px,1fr) minmax(420px,620px);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:100vh;padding:clamp(1.25rem,6vw,6rem);display:grid}.portal-entry-card{background:#fff;border-radius:18px;width:100%;padding:clamp(1.5rem,5vw,3.4rem);box-shadow:0 28px 80px #00091f5c}.portal-entry-brand{align-items:center;gap:.8rem;margin-bottom:1.3rem;display:flex}.portal-entry-brand div{display:grid}.portal-entry-brand small,.portal-entry-card>p,.portal-entry-note{color:var(--muted)}.portal-entry-card>.language-switcher{float:inline-end}.portal-entry-card h1{letter-spacing:-.04em;margin:.6rem 0;font-size:clamp(2rem,6vw,3rem);line-height:1.08}.portal-entry-card>p{line-height:1.65}.portal-entry-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.7rem 0 1rem;display:grid}.portal-entry-actions a{text-decoration:none}.portal-entry-note{text-align:center;display:block}@media (width<=900px){.portal-entry{grid-template-columns:1fr;gap:1.5rem}.entry-story{display:none}}@media (width<=560px){.portal-entry-actions{grid-template-columns:1fr}.portal-entry-card{border-radius:14px}.registration-shell{padding:1rem}.registration-card{border-radius:18px}}.skip-link{z-index:1000;color:var(--navy);background:#fff;border-radius:9px;padding:.65rem .9rem;font-weight:850;position:fixed;inset-block-start:6px;inset-inline-start:8px;transform:translateY(-150%);box-shadow:0 8px 30px #00000040}.skip-link:focus{transform:translateY(0)}.merchant-menu,.merchant-navigation-close,.merchant-navigation-scrim{display:none}.help-button{text-decoration:none}.account-menu{position:relative}.account-menu-panel{z-index:40;border:1px solid var(--line);width:190px;box-shadow:var(--shadow-md);background:#fff;border-radius:12px;padding:.45rem;display:grid;position:absolute;inset-block-start:calc(100% + .65rem);inset-inline-end:0}.account-menu-panel button,.account-menu-panel a{min-height:40px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:8px;padding:.65rem .75rem;font-weight:700;text-decoration:none}.account-menu-panel button:hover,.account-menu-panel a:hover{background:var(--blue-soft);color:var(--blue)}.help-dialog-scrim{z-index:80;background:#02061794;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.help-dialog{background:#fff;border-radius:18px;width:min(100%,480px);padding:2rem;position:relative;box-shadow:0 24px 80px #02061759}.help-dialog h2{margin:.9rem 0 .45rem}.help-dialog p{color:var(--muted);margin:0 0 1.4rem;line-height:1.6}.sidebar-brand{position:relative}@media (width<=680px){.app-shell{padding-top:30px;display:block}.sidebar{z-index:60;width:min(88vw,320px);height:calc(100dvh - 30px);min-height:0;padding:1.25rem 1rem;transition:transform .2s;position:fixed;inset-block:30px 0;inset-inline-start:0;transform:translate(-105%);box-shadow:0 0 50px #0206176b}html[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.navigation-open,html[dir=rtl] .sidebar.navigation-open{transform:translate(0)}.sidebar-brand,.sidebar-footer{display:flex}.sidebar-brand div,.sidebar-footer div{display:grid}.sidebar nav{gap:.3rem;display:grid;overflow:auto}.nav-group{display:grid}.nav-group-label{display:block}.sidebar nav button{justify-content:flex-start;gap:.8rem;min-width:0;min-height:44px;padding:.65rem .8rem;font-size:.82rem;display:flex}.sidebar nav button>span{display:block!important}.merchant-navigation-scrim{z-index:50;background:#0206178c;border:0;display:block;position:fixed;inset:30px 0 0}.merchant-menu{border:1px solid var(--line);width:42px;height:42px;color:var(--navy);background:#fff;border-radius:10px;flex:0 0 42px;place-items:center;display:grid}.merchant-navigation-close{color:#fff;background:0 0;border:1px solid #ffffff38;border-radius:9px;place-items:center;width:38px;height:38px;margin-inline-start:auto;font-size:1.4rem;display:grid}.app-main{padding-bottom:0}.topbar{gap:.65rem}.mobile-brand,.help-button,.language-switcher{display:none}}.nav-group{gap:.25rem;margin-bottom:.8rem;display:grid}.nav-group-label{color:#6f86ac;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .85rem;font-size:.65rem;font-weight:850}.metric-card .metric-word{letter-spacing:-.02em;font-size:1.45rem}.status-info{background:var(--blue-soft);color:var(--blue)}.secondary-button,.ghost-button,.selected-button{border:1px solid var(--line);min-height:42px;color:var(--navy);background:#fff;border-radius:10px;padding:.65rem .9rem;font-weight:800}.secondary-button:hover,.ghost-button:hover{border-color:var(--blue);color:var(--blue)}.selected-button{background:var(--success-soft);color:var(--success);border-color:#9bd6c0}.text-link{color:var(--blue);background:0 0;border:0;font-weight:800}.help-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:.4rem;font-weight:700;display:flex}.help-button span{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.form-actions{gap:.7rem;margin-top:1.5rem}.section-block{margin-top:2rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2,.boundary-note h2,.adapter-card h2,.contract-card h2,.capability-panel h2,.permission-matrix h2{margin:0;font-size:1.08rem}.section-heading p,.boundary-note p,.adapter-card p,.capability-panel .panel-heading p,.permission-matrix .panel-heading p{color:var(--muted);margin:.35rem 0 0;line-height:1.55}.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.product-card{flex-direction:column;min-height:260px;padding:1.3rem;display:flex}.product-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px #155eef17}.product-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-logo{border-radius:11px;place-items:center;min-width:48px;height:42px;font-size:.74rem;font-weight:950;display:grid}.product-iq{background:var(--navy);color:var(--gold)}.product-payments{color:var(--blue);background:#e9f0ff}.product-commerce{color:var(--success);background:#e8f7f1}.product-card h3{margin:1.15rem 0 .45rem;font-size:1.08rem}.product-card p{color:var(--muted);margin:0 0 1.2rem;line-height:1.55}.product-card>button,.product-footer{margin-top:auto}.product-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:.8rem;font-size:.76rem;display:flex}.product-grid.compact .product-card{min-height:215px}.boundary-note{grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem;display:grid}.step-rail button{color:var(--muted);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:.7rem;font-size:.84rem;font-weight:700;display:flex}.step-rail button[data-current=true]{background:var(--blue-soft);color:var(--blue)}.step-rail button[data-complete=true]{color:var(--success)}.step-rail button>span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.72rem;display:grid}.onboarding-workspace .product-grid{margin:1.5rem 0}.onboarding-workspace .product-card{min-height:220px}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.form-grid label,.stack-form label{gap:.4rem;font-size:.8rem;font-weight:800;display:grid}.form-grid input,.form-grid select,.stack-form input,.stack-form select{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:10px;padding:.65rem .8rem}.requirement-list{gap:.7rem;margin-top:1.5rem;display:grid}.requirement{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.requirement>span:nth-child(2){gap:.2rem;display:grid}.requirement small{color:var(--muted)}.requirement input{width:20px;height:20px;accent-color:var(--blue)}.requirement-state{background:var(--blue-soft);width:32px;height:32px;color:var(--blue);border-radius:50%;place-items:center;font-weight:900;display:grid}.review-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0;display:grid}.review-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;gap:.35rem;padding:1rem;display:grid}.review-grid span{color:var(--muted);font-size:.78rem}.success-panel{background:var(--success-soft);color:var(--success);border-radius:13px;gap:.8rem;padding:1rem;display:flex}.success-panel>span{font-size:1.4rem;font-weight:900}.success-panel p{margin:.3rem 0 0}.stack-form{gap:.8rem;margin-top:1rem;display:grid}.stack-form .primary-button{justify-self:end}.role-summary{grid-template-columns:repeat(5,1fr);gap:.7rem;margin-bottom:1rem;display:grid}.role-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.25rem;padding:.85rem;display:grid}.role-summary small{color:var(--muted);font-size:.72rem}.role-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;margin-bottom:.2rem}.platform-layout{grid-template-columns:1.2fr .8fr;gap:1rem;display:grid}.adapter-card{grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;padding:1.3rem;display:grid}.adapter-card h2{margin-top:.35rem}.contract-card{padding:1.3rem}.contract-card dl{gap:.75rem;margin:1rem 0 0;display:grid}.contract-card dl>div{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-top:.75rem;display:flex}.contract-card dt{color:var(--muted)}.contract-card dd{overflow-wrap:anywhere;text-align:end;margin:0}.capability-panel{margin-top:1rem;padding:1.3rem}.capability-panel .panel-heading>span{background:var(--blue-soft);width:32px;height:32px;color:var(--blue);border-radius:10px;place-items:center;font-weight:900;display:grid}.capability-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem;display:grid}.capability-row>div{gap:.2rem;display:grid}.capability-row small{color:var(--muted)}.capability-icon{background:var(--gold-soft);width:38px;height:38px;color:var(--warning);border-radius:10px;place-items:center;font-weight:900;display:grid}.permission-matrix{margin-top:1rem;overflow:hidden}.permission-matrix>.panel-heading{padding:1.2rem}.permission-cell{text-align:center;color:var(--success);font-weight:900}.timeline{overflow:hidden}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.2rem;display:grid}.timeline article:last-child{border-bottom:0}.timeline article>div{min-width:0}.timeline p{overflow-wrap:anywhere;margin:.3rem 0}.timeline small{color:var(--muted)}.timeline-icon{width:42px;height:42px;color:var(--muted);background:#eef1f5;border-radius:12px;place-items:center;font-weight:900;display:grid}.timeline-icon.success{background:var(--success-soft);color:var(--success)}.timeline-icon.warning{background:var(--warning-soft);color:var(--warning)}.document-upload{grid-template-columns:220px minmax(260px,1fr) auto;align-items:end;gap:.8rem;margin-bottom:1rem;padding:1.25rem;display:grid}.document-upload>div{gap:.4rem;display:grid}.document-upload label{font-size:.8rem;font-weight:800}.document-upload select,.document-upload input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:.6rem .75rem}.document-upload>small{color:var(--muted);grid-column:1/-1}.document-hash{color:var(--muted);margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.empty-documents{grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.4rem;display:grid}.empty-documents h2{margin:0}.empty-documents p{color:var(--muted);margin:.35rem 0 0}.notification-button{border:1px solid var(--line);width:38px;height:38px;color:var(--navy);background:#fff;border-radius:50%;font-size:1.15rem;position:relative}.notification-button>span{color:#fff;background:#d92d20;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.65rem;font-weight:900;display:grid;position:absolute;inset-block-start:-5px;inset-inline-end:-5px}.notification-scrim{z-index:80;background:#05142b6b;border:0;position:fixed;inset:0}.notification-drawer{z-index:90;background:#f8fafc;width:min(440px,94vw);position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:-12px 0 40px #05142b38}[dir=rtl] .notification-drawer{box-shadow:12px 0 40px #05142b38}.notification-drawer-heading{z-index:1;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem;display:flex;position:sticky;inset-block-start:0}.notification-drawer-heading h2{margin:.25rem 0 0}.notification-drawer-heading .ghost-button{min-width:42px;padding:.4rem;font-size:1.25rem}.notification-list{gap:.8rem;padding:1rem;display:grid}.notification-item{border:1px solid var(--line);border-inline-start:4px solid var(--blue);background:#fff;border-radius:12px;padding:1rem}.notification-item[data-unread=true]{box-shadow:0 5px 18px #155eef17}.notification-item.severity-warning,.notification-item.severity-critical{border-inline-start-color:var(--warning)}.notification-item.severity-success{border-inline-start-color:var(--success)}.notification-item-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.notification-item p,.notification-popup p,.notification-empty p{color:var(--muted);line-height:1.5}.notification-item small{color:var(--muted)}.notification-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.9rem;display:flex}.notification-actions .text-link{padding:0}.notification-empty{text-align:center;padding:3rem 1rem}.notification-popup{z-index:70;border:1px solid var(--line);border-block-start:4px solid var(--blue);background:#fff;border-radius:15px;gap:.45rem;width:min(390px,100vw - 3rem);padding:1.3rem;display:grid;position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem;box-shadow:0 18px 55px #05142b38}.notification-popup.severity-warning,.notification-popup.severity-critical{border-block-start-color:var(--warning)}.notification-popup.severity-success{border-block-start-color:var(--success)}.notification-popup-close{color:var(--muted);background:0 0;border:0;font-size:1.25rem;position:absolute;inset-block-start:.6rem;inset-inline-end:.7rem}.notification-popup>strong{padding-inline-end:1.5rem;font-size:1.05rem}.notification-popup p{margin:.25rem 0}@media (width<=900px){.metrics-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.role-summary{grid-template-columns:repeat(2,1fr)}.platform-layout{grid-template-columns:1fr}.nav-group-label{display:none}}@media (width<=680px){.sidebar nav{gap:.2rem;display:flex;overflow-x:auto}.nav-group{display:contents}.sidebar nav button{min-width:76px}.mode-selector,.invite-form,.settings-grid,.form-grid,.review-grid,.role-summary{grid-template-columns:1fr}.adapter-card,.timeline article{grid-template-columns:auto 1fr}.document-upload{grid-template-columns:1fr}.document-upload>small{grid-column:1}.adapter-card .status-pill,.timeline .status-pill{grid-column:2}.notification-popup{width:auto;inset-block-end:1rem;inset-inline:1rem}}.journey-hero{box-shadow:var(--shadow-md);border-color:#cfd8e7;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);margin-bottom:1rem;display:grid;overflow:hidden}.journey-copy{isolation:isolate;color:#fff;background:radial-gradient(circle at 85% 10%, #b8842b57, transparent 18rem), linear-gradient(135deg, var(--navy), #173b79);padding:clamp(1.6rem,3.5vw,2.7rem);position:relative}.journey-copy:after{content:"";z-index:-1;border:1px solid #ffffff1f;border-radius:50%;width:210px;height:210px;position:absolute;inset-block-end:-125px;inset-inline-end:-90px}.journey-copy .eyebrow{color:#f0cf93}.journey-copy h2{letter-spacing:-.035em;max-width:32rem;margin:.55rem 0 .75rem;font-size:clamp(1.65rem,3vw,2.25rem)}.journey-copy>p{color:#cbd8ed;max-width:37rem;margin:0;line-height:1.65}.journey-copy .primary-button{color:var(--navy);box-shadow:none;background:#fff;margin-top:1.35rem}.journey-copy .primary-button:hover{color:var(--blue);background:#f8fafc}.journey-progress{gap:.55rem;max-width:32rem;margin-top:1.5rem;display:grid}.journey-progress>div:first-child{align-items:baseline;gap:.45rem;display:flex}.journey-progress strong{font-size:1.35rem}.journey-progress span{color:#cbd8ed;font-size:.82rem}.progress-track.light{background:#ffffff2b;height:7px}.progress-track.light span{background:linear-gradient(90deg,#d5a956,#f2d59d)}.setup-checklist{background:#fff;align-content:center;margin:0;padding:1.2rem;list-style:none;display:grid}.setup-checklist li{border-bottom:1px solid #edf0f5}.setup-checklist li:last-child{border-bottom:0}.setup-checklist button{width:100%;min-height:72px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:.8rem;padding:.75rem .6rem;display:flex}.setup-checklist button:hover{background:#f8fafc}.setup-checklist li[data-current=true] button{background:var(--blue-soft)}.setup-checklist button>span:last-child{gap:.18rem;display:grid}.setup-checklist small{color:var(--muted)}.setup-state{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.76rem;font-weight:850;display:grid}.setup-checklist li[data-complete=true] .setup-state{background:var(--success-soft);color:var(--success);border-color:#b8e5c7}.setup-checklist li[data-current=true] .setup-state{background:var(--blue);border-color:var(--blue);color:#fff}.metrics-grid-secondary{grid-template-columns:repeat(3,1fr)}.metrics-grid-secondary .metric-card{min-height:128px}.metrics-grid-secondary .metric-card strong{margin-top:.7rem}.onboarding-meta{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;grid-template-columns:auto minmax(220px,420px);justify-content:space-between;align-items:center;gap:1rem;margin:-1rem 0 1rem;padding:.8rem 1rem;display:grid}.onboarding-meta>div:first-child{gap:.12rem;display:grid}.onboarding-meta span{color:var(--muted);font-size:.78rem}.onboarding-meta .progress-track{background:#e8edf4;height:7px}.onboarding-meta .progress-track span{background:linear-gradient(90deg, var(--blue), #4b74e7)}.step-rail button:disabled{cursor:not-allowed;opacity:.62}.save-assurance{color:var(--muted);align-items:center;gap:.4rem;margin-inline-end:auto;display:inline-flex}.save-assurance span{color:var(--success);font-weight:900}.entry-story{color:#fff;max-width:640px;position:relative;overflow:hidden}.entry-story .eyebrow{color:#f0cf93}.entry-story h2{letter-spacing:-.055em;max-width:620px;margin:.7rem 0 1rem;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.99}.entry-story>p:not(.eyebrow){color:#cbd8ed;max-width:570px;font-size:1.08rem;line-height:1.7}.entry-story ul{gap:.9rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.entry-story li{color:#eef4ff;align-items:center;gap:.75rem;display:flex}.entry-story li span{color:#f0cf93;background:#ffffff1a;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.entry-orbit{border:1px solid #ffffff1a;border-radius:50%;width:380px;height:380px;position:absolute;inset-block-start:-210px;inset-inline-end:-120px}.applicant-selector{border:0;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.4rem 0;padding:0;display:grid}.applicant-selector legend{margin-bottom:.7rem;font-weight:800}.applicant-selector label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;align-items:flex-start;gap:.75rem;min-height:110px;padding:1rem;transition:border .16s,box-shadow .16s,background .16s;display:flex;position:relative}.applicant-selector label:hover{border-color:#9fb5e8}.applicant-selector label[data-selected=true]{border-color:var(--blue);background:#f8faff;box-shadow:0 0 0 3px #1d4ed817}.applicant-selector input{opacity:0;position:absolute}.applicant-selector label>span:last-child{gap:.28rem;display:grid}.applicant-selector small{color:var(--muted);line-height:1.45}.applicant-icon{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border-radius:9px;flex:none;place-items:center;font-weight:900;display:grid}.applicant-selector.compact{margin:.5rem 0}.applicant-selector.compact label{min-height:88px;padding:.8rem}.section-label{margin:2rem 0 .35rem;font-size:1rem}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.profile-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.brand-profile-card{text-align:center;padding:1.4rem;position:sticky;top:118px}.profile-logo-preview{border:1px solid var(--line);background:linear-gradient(135deg, var(--navy), #23488c);color:#f0cf93;width:112px;height:112px;box-shadow:var(--shadow-md);border-radius:22px;place-items:center;margin:0 auto 1rem;font-size:1.65rem;font-weight:900;display:grid;overflow:hidden}.profile-logo-preview img{object-fit:contain;background:#fff;width:100%;height:100%}.brand-profile-card h2{margin:0;font-size:1.3rem}.brand-profile-card>p{min-height:2.8rem;color:var(--muted);line-height:1.5}.logo-upload{cursor:pointer;justify-content:center;width:100%;position:relative}.logo-upload input{opacity:0;width:1px;height:1px;position:absolute}.scan-status{color:var(--muted);justify-content:center;align-items:center;gap:.45rem;margin-top:.8rem;display:flex}.scan-status span{color:var(--blue)}.profile-preview-note{background:var(--blue-soft);text-align:start;border-radius:11px;gap:.35rem;margin-top:1.2rem;padding:1rem;display:grid}.profile-preview-note span{color:var(--muted);font-size:.8rem;line-height:1.5}.profile-form{gap:1rem;display:grid}.profile-section{padding:1.35rem}.profile-section .panel-heading p{color:var(--muted);margin:.25rem 0 0;line-height:1.5}.profile-section textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;border-radius:10px;padding:.7rem .8rem}.full-field{grid-column:1/-1}.profile-actions{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#fffffff0;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:sticky;inset-block-end:1rem}.profile-actions>span{color:var(--muted);font-size:.8rem}.profile-skeleton{gap:.8rem;display:grid}.profile-skeleton span{background:linear-gradient(90deg,#edf1f6,#f8fafc,#edf1f6) 0 0/200% 100%;border-radius:14px;height:96px;animation:1.4s linear infinite profile-shimmer}@keyframes profile-shimmer{to{background-position:-200% 0}}@media (width<=980px){.journey-hero{grid-template-columns:1fr}.setup-checklist{grid-template-columns:repeat(2,1fr);gap:.35rem .8rem}.setup-checklist li{border-bottom:0}.profile-layout{grid-template-columns:1fr}.brand-profile-card{text-align:start;grid-template-columns:auto 1fr;align-items:center;gap:.4rem 1rem;display:grid;position:static}.profile-logo-preview{grid-row:1/span 4;margin:0}.brand-profile-card>p,.brand-profile-card h2{margin:0}.logo-upload,.scan-status,.profile-preview-note{grid-column:1/-1}}@media (width<=680px){.journey-copy{padding:1.5rem}.setup-checklist,.metrics-grid-secondary{grid-template-columns:1fr}.metrics-grid-secondary .metric-card{min-height:112px}.onboarding-meta{grid-template-columns:1fr;margin-top:-.5rem}.form-actions{flex-wrap:wrap;align-items:stretch}.save-assurance{width:100%;margin-bottom:.25rem}.form-actions .primary-button,.form-actions .ghost-button{flex:1}.applicant-selector{grid-template-columns:1fr}.brand-profile-card{text-align:center;display:block}.profile-logo-preview{margin:0 auto 1rem}.profile-actions{flex-direction:column;align-items:stretch}}.portal-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.portal-action-card{flex-direction:column;gap:.85rem;min-height:190px;display:flex}.portal-action-card p{color:var(--muted);margin:0;line-height:1.55}.portal-action-heading,.portal-action-footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.portal-action-heading h2{margin:.25rem 0 0;font-size:1.05rem}.portal-action-footer{align-items:center;margin-top:auto}.portal-action-footer small{color:var(--muted);overflow-wrap:anywhere}@media (width<=900px){.portal-action-grid{grid-template-columns:1fr}}.contract-decision{border-inline-start:4px solid var(--blue);margin:1rem 0;padding:1.35rem}.contract-decision .panel-heading p{color:var(--muted);margin:.35rem 0 0;line-height:1.5}.contract-fingerprint{background:var(--blue-soft);border-radius:12px;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:.65rem 1rem;margin:1.25rem 0;padding:1rem;display:grid}.contract-fingerprint div{display:contents}.contract-fingerprint dt{color:var(--muted);font-size:.8rem;font-weight:700}.contract-fingerprint dd{overflow-wrap:anywhere;margin:0}.contract-signer,.contract-reason{gap:.45rem;margin-top:1rem;font-weight:700;display:grid}.contract-signer select,.contract-reason textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:.75rem .8rem}.contract-reason textarea{resize:vertical;font-weight:400}.contract-confirm{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:.65rem;margin-top:1rem;padding:1rem;line-height:1.5;display:flex}.contract-confirm input{margin-top:.25rem}.contract-actions{margin-top:1rem}.contract-actions small{max-width:540px;color:var(--muted);margin-inline-end:auto;line-height:1.45}.danger-button{color:#a62222;border-color:#e3b5b5}@media (width<=680px){.contract-fingerprint{grid-template-columns:1fr}.contract-fingerprint div{gap:.2rem;display:grid}.contract-actions small{width:100%}}.verification-case-list{gap:1rem;display:grid}.verification-case{padding:1.35rem}.verification-case-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.verification-case-heading h3{margin:.25rem 0}.verification-case-heading small{color:var(--muted)}.verification-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.verification-columns>div{border:1px solid var(--line);border-radius:12px;padding:1rem}.verification-columns h4{margin:0 0 .8rem}.verification-columns p{color:var(--muted);line-height:1.5}.verification-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.8rem 0;display:flex}.verification-row:first-of-type{border-top:0}.verification-row>span:first-child{gap:.2rem;display:grid}.verification-row small{color:var(--muted)}.verification-task{border-top:1px solid var(--line);padding:.8rem 5rem .8rem 0;position:relative}[dir=rtl] .verification-task{padding:.8rem 0 .8rem 5rem}.verification-task:first-of-type{border-top:0}.verification-task p{margin:.3rem 0}.verification-task .status-pill{position:absolute;inset-block-start:.8rem;inset-inline-end:0}.verification-decision{background:#edf8f1;border-radius:12px;gap:.35rem;margin-top:1rem;padding:1rem;display:grid}.verification-decision span,.verification-decision small{color:var(--muted)}@media (width<=780px){.verification-columns{grid-template-columns:1fr}}:root,[data-theme=light]{--j2p-navy:#0b1f4d;--j2p-blue:#1d4ed8;--j2p-blue-hover:#1e40af;--j2p-accent:#e7cfa3;--j2p-accent-hover:#d9be8a;--j2p-accent-pressed:#c7aa73;--j2p-accent-tint:#fbf3e3;--j2p-accent-text:#7a4e12;--j2p-ink:#0f172a;--j2p-slate:#475569;--j2p-muted:#94a3b8;--j2p-border:#cbd5e1;--j2p-surface:#f8fafc;--j2p-card:#fff;--j2p-white:#fff;--j2p-success:#16a34a;--j2p-warning:#f59e0b;--j2p-error:#dc2626;--j2p-info:#1d4ed8;--j2p-shadow-card:0 6px 20px #02061714;--j2p-shadow-float:0 12px 40px #02061724;--j2p-radius-control:12px;--j2p-radius-card:16px;--j2p-radius-panel:24px;--j2p-s-1:4px;--j2p-s-2:8px;--j2p-s-3:12px;--j2p-s-4:16px;--j2p-s-5:24px;--j2p-s-6:32px;--j2p-s-7:48px;--j2p-max:1180px;--j2p-rail:#0b1f4d;--j2p-rail-text:#eaf0ff;--j2p-rail-muted:#b6c2d6;--j2p-focus:0 0 0 3px #e7cfa38c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--j2p-navy:#0b1f4d;--j2p-blue:#3b82f6;--j2p-blue-hover:#60a5fa;--j2p-accent:#e7cfa3;--j2p-accent-hover:#d9be8a;--j2p-accent-pressed:#c7aa73;--j2p-accent-tint:#1c1917;--j2p-accent-text:#e7cfa3;--j2p-ink:#eaf0ff;--j2p-slate:#b6c2d6;--j2p-muted:#7d8aa3;--j2p-border:#1e293b;--j2p-surface:#0b1220;--j2p-card:#111827;--j2p-white:#0f172a;--j2p-shadow-card:0 6px 20px #00000059;--j2p-shadow-float:0 12px 40px #00000073;--j2p-rail:#0b1f4d;--j2p-rail-text:#eaf0ff;--j2p-rail-muted:#b6c2d6;--j2p-focus:0 0 0 3px #e7cfa366;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--j2p-ink);background:var(--j2p-surface);letter-spacing:-.01em;margin:0;font-family:Manrope,Plus Jakarta Sans,IBM Plex Sans Arabic,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,.j2p-display{letter-spacing:-.03em;font-family:Plus Jakarta Sans,Manrope,IBM Plex Sans Arabic,ui-sans-serif,system-ui,sans-serif;font-weight:700}button,input,select,textarea{font:inherit}:focus-visible{box-shadow:var(--j2p-focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.j2p-btn{border-radius:var(--j2p-radius-control);background:var(--j2p-blue);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.65rem 1.15rem;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.j2p-btn:hover{background:var(--j2p-blue-hover)}.j2p-btn:active{transform:translateY(1px)}.j2p-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.j2p-btn--secondary{color:var(--j2p-ink);border-color:var(--j2p-border);background:0 0}.j2p-btn--secondary:hover{background:var(--j2p-accent-tint);border-color:var(--j2p-accent-hover)}.j2p-btn--ghost{color:var(--j2p-slate);background:0 0;border-color:#0000}.j2p-btn--ghost:hover{color:var(--j2p-ink);background:#0f172a0d}.j2p-btn--danger{background:var(--j2p-error)}.j2p-btn--bronze{background:var(--j2p-accent);color:var(--j2p-accent-text)}.j2p-btn--bronze:hover{background:var(--j2p-accent-hover)}.j2p-status{letter-spacing:.02em;text-transform:capitalize;background:var(--j2p-accent-tint);min-height:28px;color:var(--j2p-accent-text);border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .65rem;font-size:.78rem;font-weight:650;display:inline-flex}.j2p-status--success,.j2p-status--active,.j2p-status--ready,.j2p-status--confirmed,.j2p-status--clean,.j2p-status--valid,.j2p-status--published{color:#166534;background:#dcfce7}.j2p-status--warning,.j2p-status--pending,.j2p-status--waiting,.j2p-status--restricted,.j2p-status--in_progress{color:#92400e;background:#fef3c7}.j2p-status--error,.j2p-status--failed,.j2p-status--rejected,.j2p-status--malicious{color:#991b1b;background:#fee2e2}.j2p-status--info,.j2p-status--draft,.j2p-status--neutral{color:#1e40af;background:#dbeafe}.j2p-page-title{justify-content:space-between;align-items:flex-start;gap:var(--j2p-s-4);flex-wrap:wrap;margin-block-end:var(--j2p-s-5);display:flex}.j2p-page-title .eyebrow{color:var(--j2p-accent-text);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.35rem;font-size:.75rem;font-weight:700;display:inline-block}.j2p-page-title h1{color:var(--j2p-navy);margin:0;font-size:clamp(1.55rem,2.4vw,2rem)}[data-theme=dark] .j2p-page-title h1{color:var(--j2p-ink)}.j2p-page-title p{max-width:52ch;color:var(--j2p-slate);margin:.4rem 0 0}.j2p-page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.j2p-metric{padding:var(--j2p-s-4);border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-card);box-shadow:var(--j2p-shadow-card);gap:.35rem;display:grid}.j2p-metric>span{color:var(--j2p-muted);font-size:.82rem;font-weight:600}.j2p-metric>strong{color:var(--j2p-ink);letter-spacing:-.03em;font-size:1.55rem}.j2p-metric>small{color:var(--j2p-slate)}.j2p-panel{padding:var(--j2p-s-5);border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-panel);background:var(--j2p-card);box-shadow:var(--j2p-shadow-card)}.j2p-panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--j2p-s-3);flex-wrap:wrap;margin-block-end:var(--j2p-s-4);display:flex}.j2p-panel-heading h2{color:var(--j2p-navy);margin:0;font-size:1.1rem}[data-theme=dark] .j2p-panel-heading h2{color:var(--j2p-ink)}.j2p-panel-heading p{color:var(--j2p-slate);margin:.25rem 0 0;font-size:.92rem}.j2p-empty{padding:var(--j2p-s-6);text-align:center;border:1px dashed var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-surface);color:var(--j2p-slate);place-items:center;gap:.35rem;display:grid}.j2p-empty strong{color:var(--j2p-ink);font-size:1rem}.j2p-empty .j2p-btn{margin-block-start:.75rem}.j2p-field{gap:.35rem;display:grid}.j2p-field label{color:var(--j2p-ink);font-size:.85rem;font-weight:650}.j2p-field .hint{color:var(--j2p-muted);font-size:.8rem}.j2p-field .error{color:var(--j2p-error);font-size:.8rem}.j2p-field input,.j2p-field select,.j2p-field textarea{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-control);background:var(--j2p-card);min-height:44px;color:var(--j2p-ink);padding:.65rem .85rem}.j2p-field textarea{resize:vertical;min-height:96px}.j2p-auto-field{align-content:start;gap:.4rem;min-width:0;display:grid}.j2p-auto-field>span{color:var(--j2p-slate);font-size:.76rem;font-weight:700;line-height:1.25}.j2p-auto-field>input,.j2p-auto-field>select,.j2p-auto-field>textarea{width:100%;min-height:44px}.j2p-table-wrap{overflow-x:auto}.j2p-table{border-collapse:collapse;width:100%;font-size:.92rem}.j2p-table th,.j2p-table td{border-bottom:1px solid var(--j2p-border);text-align:start;vertical-align:middle;padding:.85rem .75rem}.j2p-table th{color:var(--j2p-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.j2p-table tbody tr:hover{background:var(--j2p-accent-tint)}.j2p-advanced{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-control);background:var(--j2p-surface);margin-block-start:var(--j2p-s-3)}.j2p-advanced>summary{cursor:pointer;color:var(--j2p-slate);padding:.75rem 1rem;font-weight:650;list-style:none}.j2p-advanced>summary::-webkit-details-marker{display:none}.j2p-advanced[open]>summary{border-bottom:1px solid var(--j2p-border)}.j2p-advanced .body{color:var(--j2p-muted);word-break:break-all;padding:1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem}.j2p-avatar{background:var(--j2p-accent);width:40px;height:40px;color:var(--j2p-accent-text);border-radius:999px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:750;display:inline-grid;overflow:hidden}.j2p-avatar img{object-fit:cover;width:100%;height:100%}.j2p-avatar--lg{width:64px;height:64px;font-size:1.1rem}.j2p-avatar--sm{width:28px;height:28px;font-size:.7rem}.j2p-brand-logo{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.j2p-brand-logo img,.j2p-brand-logo svg{max-width:100%;height:auto;display:block}.j2p-brand-logo--stacked img{width:min(160px,42vw)}.j2p-brand-logo--horizontal img{width:min(148px,40vw);height:auto}.j2p-brand-logo--mark img{width:36px;height:36px}.j2p-theme-toggle{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-control);background:var(--j2p-card);min-width:44px;min-height:44px;color:var(--j2p-slate);cursor:pointer;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.j2p-theme-toggle:hover{border-color:var(--j2p-accent-hover);color:var(--j2p-ink)}.j2p-env-chip{min-height:32px;color:var(--j2p-accent);letter-spacing:.04em;text-transform:uppercase;background:#e7cfa32e;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.j2p-env-chip i{background:var(--j2p-success);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #16a34a40}.j2p-toast-host{z-index:80;gap:.5rem;max-width:min(360px,100vw - 2rem);display:grid;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem}.j2p-toast{border-radius:var(--j2p-radius-control);background:var(--j2p-ink);color:#fff;box-shadow:var(--j2p-shadow-float);padding:.85rem 1rem;animation:.25s j2p-toast-in}.j2p-toast--success{background:#166534}.j2p-toast--error{background:#991b1b}@keyframes j2p-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.j2p-dialog-scrim{z-index:90;background:#02061773;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.j2p-dialog{width:min(440px,100%);padding:var(--j2p-s-5);border-radius:var(--j2p-radius-panel);background:var(--j2p-card);box-shadow:var(--j2p-shadow-float)}.j2p-dialog h2{margin:0 0 .5rem}.j2p-dialog p{color:var(--j2p-slate);margin:0 0 1.25rem}.j2p-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.j2p-upload{padding:var(--j2p-s-4);border:1px dashed var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-surface);text-align:center;gap:.75rem;display:grid}.j2p-upload strong{color:var(--j2p-ink)}.j2p-upload span{color:var(--j2p-muted);font-size:.85rem}.j2p-upload-preview{border-radius:var(--j2p-radius-card);background:var(--j2p-card);border:1px solid var(--j2p-border);place-items:center;width:96px;height:96px;margin-inline:auto;display:grid;overflow:hidden}.j2p-upload-preview img{object-fit:cover;width:100%;height:100%}.j2p-upload-preview--round{border-radius:999px}.j2p-auth-layout{background:var(--j2p-surface);min-height:100vh;display:grid}.j2p-auth-brand{color:#eaf0ff;text-align:center;background:radial-gradient(circle at 20% 20%,#e7cfa347,#0000 42%),radial-gradient(circle at 80% 80%,#1d4ed859,#0000 40%),linear-gradient(160deg,#0b1f4d 0%,#102a5c 55%,#0b1220 100%);align-content:center;justify-items:center;gap:1.25rem;padding:clamp(2rem,5vw,4rem);display:grid}.j2p-auth-brand h1{color:#fff;max-width:16ch;margin:0;font-size:clamp(1.6rem,3vw,2.25rem)}.j2p-auth-brand p{color:#b6c2d6;max-width:36ch;margin:0}.j2p-auth-card-wrap{place-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid}.j2p-auth-card{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-panel);background:var(--j2p-card);width:min(440px,100%);box-shadow:var(--j2p-shadow-float);padding:clamp(1.5rem,3vw,2.25rem);animation:.35s j2p-card-in}@keyframes j2p-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.j2p-auth-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:1.25rem;display:flex}.j2p-lang-switch{border:1px solid var(--j2p-border);border-radius:999px;display:inline-flex;overflow:hidden}.j2p-lang-switch button{min-height:36px;color:var(--j2p-slate);cursor:pointer;background:0 0;border:0;padding:0 .85rem;font-weight:650}.j2p-lang-switch button[aria-pressed=true]{background:var(--j2p-navy);color:#fff}.j2p-auth-trust{color:var(--j2p-muted);text-align:center;margin-block-start:1.25rem;font-size:.8rem}@media (width>=1024px){.j2p-auth-layout{grid-template-columns:1.05fr .95fr}}.j2p-shell{background:var(--j2p-surface);grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.j2p-rail{background:var(--j2p-rail);color:var(--j2p-rail-text);flex-direction:column;gap:1rem;height:100vh;padding:1.15rem .95rem 1.25rem;display:flex;position:sticky;top:0;overflow:auto}.j2p-rail-brand{padding:.35rem .55rem .75rem}.j2p-nav-group{gap:.25rem;display:grid}.j2p-nav-group>summary{min-height:40px;color:var(--j2p-rail-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.35rem .65rem;font-size:.72rem;font-weight:750;list-style:none;display:flex}.j2p-nav-group>summary::-webkit-details-marker{display:none}.j2p-nav-group button,.j2p-nav-link{width:100%;min-height:44px;color:var(--j2p-rail-text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:.65rem;padding:.45rem .75rem;font-weight:550;display:flex}.j2p-nav-group button[data-active=true],.j2p-nav-link[data-active=true],.j2p-nav-group button[aria-current=page]{color:#fff;box-shadow:inset 3px 0 0 var(--j2p-accent);background:#e7cfa32e}[dir=rtl] .j2p-nav-group button[data-active=true],[dir=rtl] .j2p-nav-link[data-active=true]{box-shadow:inset -3px 0 0 var(--j2p-accent)}.j2p-nav-group button:hover,.j2p-nav-link:hover{background:#ffffff14}.j2p-rail-footer{border-block-start:1px solid #ffffff1a;gap:.65rem;margin-block-start:auto;padding:.75rem .55rem 0;display:grid}.j2p-main{flex-direction:column;min-width:0;display:flex}.j2p-topbar{border-block-end:1px solid var(--j2p-border);background:color-mix(in srgb, var(--j2p-card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.j2p-topbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.j2p-workspace{width:min(100%, var(--j2p-max));flex:1;margin-inline:auto;padding:1.25rem clamp(1rem,2.5vw,1.75rem) 2.5rem}.j2p-mobile-toggle{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-control);background:var(--j2p-card);cursor:pointer;min-width:44px;min-height:44px;display:none}.j2p-rail-scrim{display:none}@media (width<=1023px){.j2p-shell{grid-template-columns:1fr}.j2p-mobile-toggle{place-items:center;display:inline-grid}.j2p-rail{z-index:60;width:min(300px,88vw);transition:transform .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .j2p-rail{inset-inline:auto 0;transform:translate(105%)}.j2p-shell[data-nav-open=true] .j2p-rail{transform:translate(0)}.j2p-shell[data-nav-open=true] .j2p-rail-scrim{z-index:50;background:#02061773;display:block;position:fixed;inset:0}}@media (width<=767px){.j2p-workspace{padding-block-end:5.5rem}}:root{--navy:var(--j2p-navy);--blue:var(--j2p-blue);--gold:var(--j2p-accent);--ink:var(--j2p-ink);--slate:var(--j2p-slate);--muted:var(--j2p-muted);--border:var(--j2p-border);--line:var(--j2p-border);--surface:var(--j2p-surface);--panel:var(--j2p-card);--white:var(--j2p-card)}.brand,.sidebar-brand{align-items:center;gap:.75rem;display:flex}.brand span:not(.j2p-brand-logo),.brand-mark{display:none}.sidebar .environment,.environment-banner{color:var(--j2p-accent);letter-spacing:.04em;text-transform:uppercase;background:#e7cfa329;border-radius:999px;align-items:center;gap:.5rem;margin:.25rem .55rem .75rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700;display:flex}.environment-banner{background:var(--j2p-navy);color:var(--j2p-accent);border-radius:0;justify-content:center;margin:0}.environment i,.environment-dot{background:var(--j2p-success);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #16a34a40}.sidebar nav button,.nav-group button{width:100%;min-height:44px;color:var(--j2p-rail-text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:.65rem;padding:.45rem .75rem;font-weight:550;display:flex}.sidebar nav button.active,.sidebar nav button[data-active=true],.nav-group button[data-active=true]{color:#fff;box-shadow:inset 3px 0 0 var(--j2p-accent);background:#e7cfa32e}[dir=rtl] .sidebar nav button.active,[dir=rtl] .nav-group button[data-active=true]{box-shadow:inset -3px 0 0 var(--j2p-accent)}.nav-group-label{color:var(--j2p-rail-muted);letter-spacing:.08em;text-transform:uppercase;margin:.85rem .65rem .35rem;font-size:.72rem;font-weight:750;display:block}.nav-icon{opacity:.75;text-align:center;width:1.1rem}.sidebar-footer{border-block-start:1px solid #ffffff1a;gap:.5rem;margin-block-start:auto;padding-block-start:.75rem;display:grid}.sidebar-footer button,.sidebar-footer a{min-height:40px;color:var(--j2p-rail-text);cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff24;border-radius:12px;padding:.45rem .75rem;text-decoration:none}.metrics-grid,.dashboard-grid,.coverage-grid,.card-grid{gap:var(--j2p-s-4);margin-block-end:var(--j2p-s-5);display:grid}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.coverage-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.queue-list,.estate-list,.record-list,.data-table,.timeline{gap:.65rem;display:grid}.queue-list button,.coverage-grid button,.estate-list>div,.record-list>div,.data-row{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-surface);width:100%;min-height:56px;color:inherit;text-align:start;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.85rem 1rem;display:flex}.coverage-grid button,.queue-list button{cursor:pointer}.estate-list>div,.record-list>div,.data-row{cursor:default}.queue-list button:hover,.coverage-grid button:hover{border-color:var(--j2p-accent-hover);background:var(--j2p-accent-tint)}.data-row small,.estate-list small,.queue-list small{color:var(--j2p-muted);margin-block-start:.15rem;display:block}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.status{text-transform:capitalize;background:var(--j2p-accent-tint);min-height:28px;color:var(--j2p-accent-text);border-radius:999px;align-items:center;padding:.15rem .65rem;font-size:.78rem;font-weight:650;display:inline-flex}.status-success,.status-active,.status-ready,.status-confirmed,.status-clean,.status-valid,.status-published{color:#166534;background:#dcfce7}.status-warning,.status-pending,.status-waiting,.status-restricted,.status-in_progress,.status-submitted{color:#92400e;background:#fef3c7}.status-error,.status-failed,.status-rejected,.status-malicious,.status-dead_letter{color:#991b1b;background:#fee2e2}.status-info,.status-draft,.status-neutral{color:#1e40af;background:#dbeafe}.tabs{flex-wrap:wrap;gap:.35rem;margin-block-end:var(--j2p-s-4);display:flex}.tabs button{border:1px solid var(--j2p-border);background:var(--j2p-card);min-height:40px;color:var(--j2p-slate);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-weight:600}.tabs button.active,.tabs button[aria-selected=true]{background:var(--j2p-navy);border-color:var(--j2p-navy);color:#fff}.split-view{gap:var(--j2p-s-4);grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);display:grid}@media (width<=900px){.split-view{grid-template-columns:1fr}}.action-bar,.composer,form.composer,.registration-form,.inline-form{gap:.75rem;display:grid}.composer,.inline-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}button:not([class]),.composer>button,.action-bar>button,.primary-button{border-radius:var(--j2p-radius-control);background:var(--j2p-blue);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1.15rem;font-weight:650;text-decoration:none;display:inline-flex}button.secondary,.secondary-button,a.secondary-button{color:var(--j2p-ink);border:1px solid var(--j2p-border);background:0 0}button.danger{background:var(--j2p-error);color:#fff}input,select,textarea{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-control);background:var(--j2p-card);min-height:44px;color:var(--j2p-ink);width:100%;padding:.65rem .85rem}label{color:var(--j2p-ink);gap:.35rem;font-size:.85rem;font-weight:650;display:grid}.alert,.inline-alert,.error{border-radius:var(--j2p-radius-control);border:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-block-end:1rem;padding:.85rem 1rem;display:flex}.alert.error,.inline-alert,.error{color:#991b1b;background:#fee2e2;border-color:#fecaca}.alert.success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.alert.info{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.loading{min-height:240px;color:var(--j2p-slate);place-items:center;gap:.75rem;display:grid}.loading span{border:3px solid var(--j2p-border);border-top-color:var(--j2p-blue);border-radius:999px;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.timeline>div{border-block-end:1px solid var(--j2p-border);gap:.85rem;padding:.75rem 0;display:flex}.timeline i{background:var(--j2p-accent);border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-block-start:.45rem}.operator{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.operator>span:first-of-type,.topbar .avatar-fallback{background:var(--j2p-accent);width:40px;height:40px;color:var(--j2p-accent-text);border-radius:999px;place-items:center;font-weight:750;display:inline-grid}.topbar strong{display:block}.topbar small{color:var(--j2p-muted)}.workflow-banner{border-radius:var(--j2p-radius-card);background:var(--j2p-accent-tint);color:var(--j2p-accent-text);border:1px solid var(--j2p-accent-hover);margin-block-end:1rem;padding:.85rem 1rem}.admin-entry,.portal-entry,.registration-shell{min-height:100vh}.text-link{color:var(--j2p-blue);margin-block-start:1rem;font-weight:650;text-decoration:none;display:inline-block}.text-link:hover{text-decoration:underline}.product-card,.service-card,.package-card{padding:var(--j2p-s-4);border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-card);box-shadow:var(--j2p-shadow-card);gap:.65rem;display:grid}.product-card[data-selected=true]{border-color:var(--j2p-blue);box-shadow:0 0 0 3px #1d4ed826}.notification-drawer{z-index:70;background:var(--j2p-card);border-inline-start:1px solid var(--j2p-border);width:min(400px,100vw);box-shadow:var(--j2p-shadow-float);transition:transform .2s;position:fixed;inset-block:0;inset-inline-end:0;transform:none}.notification-drawer[data-open=true]{transform:none}.notification-scrim{z-index:65;background:#02061766;position:fixed;inset:0}.notification-popup{z-index:75;border-radius:var(--j2p-radius-card);background:var(--j2p-card);border:1px solid var(--j2p-border);width:min(360px,100vw - 2rem);box-shadow:var(--j2p-shadow-float);padding:1rem;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem}.app-shell:not(.j2p-shell){background:var(--j2p-surface);grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.app-shell:not(.j2p-shell) .sidebar{background:var(--j2p-rail);color:var(--j2p-rail-text);flex-direction:column;gap:.75rem;height:100vh;padding:1.15rem .95rem;display:flex;position:sticky;top:0;overflow:auto}.app-shell:not(.j2p-shell) .application,.app-shell:not(.j2p-shell) .app-main{flex-direction:column;min-width:0;display:flex}.app-shell:not(.j2p-shell) .topbar{border-block-end:1px solid var(--j2p-border);background:color-mix(in srgb, var(--j2p-card) 92%, transparent);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.app-shell:not(.j2p-shell) .workspace,.app-shell:not(.j2p-shell) .page-content{width:min(100%, var(--j2p-max));margin-inline:auto;padding:1.25rem clamp(1rem,2.5vw,1.75rem) 2.5rem}@media (width<=1023px){.app-shell:not(.j2p-shell){grid-template-columns:1fr}.app-shell:not(.j2p-shell) .sidebar{display:none}.app-shell:not(.j2p-shell)[data-nav-open=true] .sidebar{z-index:60;width:min(300px,88vw);display:flex;position:fixed;inset:0 auto 0 0}}@media (width<=767px){.metrics-grid{grid-template-columns:1fr 1fr}.composer,.inline-form{grid-template-columns:1fr}}.metric-card,.panel,.product-card,.organization-card,.next-action,.activity-panel,.table-panel,.boundary-note,.document-upload,.invite-form,.onboarding-panel{border:1px solid var(--j2p-border);border-radius:var(--j2p-radius-card);background:var(--j2p-card);box-shadow:var(--j2p-shadow-card);padding:var(--j2p-s-4)}.topbar,.account-menu-panel,.help-dialog,.notification-item,.verification-case,.contract-card,.adapter-card,.profile-section{background:var(--j2p-card);color:var(--j2p-ink);border-color:var(--j2p-border)}.primary-button,.secondary-button,.selected-button,.text-button,.ghost-button,.danger-button,.notification-button,.help-button,.merchant-menu,.merchant-navigation-close,.avatar-button{border-radius:var(--j2p-radius-control);min-width:44px;min-height:44px}.primary-button{background:var(--j2p-blue);color:#fff}.secondary-button,.ghost-button{background:var(--j2p-card);color:var(--j2p-ink);border-color:var(--j2p-border)}.brand .j2p-brand-logo--horizontal img,.sidebar-brand .j2p-brand-logo--horizontal img{object-fit:contain;width:118px;max-height:52px}.page-title h1{color:var(--j2p-ink);font-size:clamp(1.75rem,3vw,2.5rem)}.responsive-table{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.responsive-table .j2p-advanced{min-width:180px;margin-block-start:.45rem}.technical-details{margin:0}.technical-details>div{gap:.25rem;display:grid}.technical-details dt{color:var(--j2p-muted);font-size:.75rem;font-weight:700}.technical-details dd{overflow-wrap:anywhere;margin:0}.metric-card.featured{background:linear-gradient(160deg, var(--j2p-accent-tint), var(--j2p-card));border-color:var(--j2p-accent-hover)}.progress-track{background:var(--j2p-border);border-radius:999px;height:8px;margin-block:.5rem;overflow:hidden}.progress-track>span{background:linear-gradient(90deg, var(--j2p-blue), var(--j2p-accent));height:100%;display:block}.settings-grid,.content-grid,.product-grid,.role-summary{gap:var(--j2p-s-4);display:grid}.settings-grid,.content-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.role-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-block-end:1rem}.organization-logo{background:var(--j2p-accent);width:64px;height:64px;color:var(--j2p-accent-text);border-radius:16px;place-items:center;font-weight:800;display:grid}.person-cell{align-items:center;gap:.75rem;display:flex}.step-rail{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.step-rail button{border:1px solid var(--j2p-border);background:var(--j2p-surface);cursor:pointer;border-radius:999px;min-height:44px;padding:.4rem .9rem}.step-rail button[data-current=true]{background:var(--j2p-navy);color:#fff;border-color:var(--j2p-navy)}.step-rail button[data-complete=true]{background:var(--j2p-accent-tint);color:var(--j2p-accent-text)}.status-pill{border-radius:999px;align-items:center;min-height:28px;padding:.15rem .65rem;font-size:.78rem;font-weight:650;display:inline-flex}.responsive-table{overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%}.responsive-table th,.responsive-table td{border-bottom:1px solid var(--j2p-border);text-align:start;vertical-align:middle;padding:.75rem}.workspace-heading{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.mobile-brand{align-items:center;gap:.5rem;display:none}@media (width<=1023px){.mobile-brand{display:inline-flex}.app-shell .sidebar.j2p-rail{z-index:60;width:min(300px,88vw);transition:transform .2s;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .app-shell .sidebar.j2p-rail{inset-inline:auto 0;transform:translate(105%)}.app-shell[data-nav-open=true] .sidebar.j2p-rail{transform:translate(0)}}@media (width<=767px){.page-title{align-items:stretch}.page-title>button,.page-title>select{width:100%}.metrics-grid,.metrics-grid-secondary{grid-template-columns:1fr 1fr}.topbar-actions .help-button{font-size:0}.topbar-actions .help-button span{font-size:1rem}}@media (width<=430px){.metrics-grid,.metrics-grid-secondary,.settings-grid,.content-grid,.product-grid{grid-template-columns:1fr}}
