:root{color:#12213d;font-synthesis:none;--navy:#071a3d;--navy-2:#0d2857;--blue:#155eef;--blue-soft:#e9f0ff;--gold:#d7b56d;--gold-soft:#fbf6e9;--ink:#12213d;--muted:#65738b;--line:#dfe5ee;--surface:#fff;--success:#0b7a53;--success-soft:#e8f7f1;--warning:#9a5b08;--warning-soft:#fff4dc;background:#eef2f7;font-family:Inter,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:#eef2f7;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);border-radius:18px;box-shadow:0 5px 18px #1022410a}.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(--navy);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:.65rem;min-height:44px;padding:.7rem 1rem;font-weight:800;display:inline-flex}.primary-button:hover{background:var(--blue)}.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}.responsive-table{overflow-x:auto}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{align-items:center;gap:.7rem;display:flex}.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-logo{background:var(--navy);width:64px;height:64px;color:var(--gold);border-radius:16px;place-items:center;font-weight:950;display:grid}.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}}.metrics-grid{grid-template-columns:1.35fr repeat(3,1fr)}.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}}