.app-layout{grid-template-columns:270px minmax(0,1fr)}
.pf-role-sidebar{padding:26px 18px 22px;background:linear-gradient(180deg,#fbfaff 0%,#f8faf6 100%)}
.pf-role-sidebar .workspace-label{font:750 15px/1.35 Manrope,sans-serif;color:#25252d}
.pf-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #e3ddeb;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(50,31,76,.05)}
.pf-role-switch button{border:0;border-radius:11px;background:transparent;padding:11px 8px;color:#7a7480;cursor:pointer;text-align:left;display:flex;align-items:center;gap:7px;font:700 11px/1.2 Manrope,sans-serif;transition:.22s ease}
.pf-role-switch button svg{width:15px;height:15px;flex:0 0 auto}.pf-role-switch button span{min-width:0}.pf-role-switch button small{display:block;margin-top:3px;color:#9a949f;font:500 8px/1.2 DM Sans,sans-serif;white-space:nowrap}
.pf-role-switch button[aria-pressed=true]{background:#efe8fb;color:#6943a4;box-shadow:0 5px 13px rgba(91,55,141,.1)}.pf-role-switch button[aria-pressed=true] small{color:#8169a2}
.pf-side-section{padding:15px 13px 4px;color:#a29ba7;font:800 9px/1 Manrope,sans-serif;letter-spacing:.13em}
.pf-role-page{max-width:1260px}.pf-role-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:12px 0 20px}.pf-role-head h1{font:800 clamp(40px,4.5vw,66px)/1 Manrope,sans-serif;letter-spacing:-.065em;margin:14px 0 16px;max-width:850px}.pf-role-head p{max-width:670px;margin:0;color:#70777a;font-size:15px;line-height:1.6}.pf-role-head .pf-inline{flex:0 0 auto;margin-bottom:6px}
.pf-role-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 20px}.pf-role-summary>div{position:relative;overflow:hidden;border:1px solid #e3ddea;border-radius:18px;padding:20px;background:linear-gradient(145deg,#fff,#fbf9fd);min-height:136px}.pf-role-summary>div:after{content:'';position:absolute;width:65px;height:65px;border-radius:50%;right:-28px;bottom:-30px;background:#eaf9b8}.pf-role-summary>div:nth-child(2n):after{background:#eadcff}.pf-role-summary span,.pf-provider-offer small{display:block;color:#908794;font:800 9px/1.3 Manrope,sans-serif;letter-spacing:.12em}.pf-role-summary strong{display:block;margin:13px 0 6px;font:750 34px/1 Manrope,sans-serif;letter-spacing:-.055em;color:#26242b}.pf-role-summary small{color:#8c9390;font-size:10px}.pf-wallet-metric{font-size:20px!important;letter-spacing:-.02em!important;margin-top:19px!important}
.pf-role-grid,.pf-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.pf-role-card{border:1px solid #e4dfea;border-radius:20px;padding:26px;background:#fff;box-shadow:0 16px 40px rgba(47,33,65,.045)}.pf-role-card h2{font:750 27px/1.13 Manrope,sans-serif;letter-spacing:-.045em;margin:16px 0 10px}.pf-role-card p{color:#77777d;font-size:13px;line-height:1.65;margin:0 0 20px}.pf-role-card>a{color:#6943a4;font-size:12px;font-weight:800}.pf-role-spotlight{background:radial-gradient(circle at 90% 10%,rgba(223,255,125,.8),transparent 37%),linear-gradient(145deg,#f0e8ff,#fff 72%)}
.pf-readiness{display:grid;gap:2px;margin-top:12px}.pf-readiness>div{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eeeaf1}.pf-readiness>div:last-child{border:0}.pf-readiness i{width:18px;height:18px;border-radius:50%;border:1.5px solid #cbc4cf;margin-top:2px;position:relative}.pf-readiness i.done{border-color:#8bc84a;background:#dff6a8}.pf-readiness i.done:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#477925;font:900 10px sans-serif}.pf-readiness b{display:block;font-size:13px}.pf-readiness small{display:block;margin-top:3px;color:#96919a;font-size:10px}
.pf-role-list{display:grid;gap:12px;margin-top:16px}.pf-role-empty{border:1px dashed #cec5da;border-radius:20px;padding:52px 25px;text-align:center;background:linear-gradient(145deg,#fbf9ff,#fbfdef)}.pf-role-empty>span{display:grid;place-items:center;margin:0 auto 13px;width:42px;height:42px;border-radius:13px;background:#eee5ff;color:#7047aa;font-size:21px}.pf-role-empty h2{font:750 25px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 9px}.pf-role-empty p{max-width:490px;margin:0 auto 18px;color:#7b787f;font-size:12px;line-height:1.6}.pf-role-empty.compact{border:0;background:#faf9fc;padding:28px 18px}.pf-role-empty.compact h2{font-size:20px}
.pf-role-table{overflow:hidden;border:1px solid #e3ddea;border-radius:19px;background:#fff;margin-top:12px}.pf-role-table-head,.pf-role-row{display:grid;grid-template-columns:minmax(180px,1.5fr) .6fr .8fr .45fr;gap:15px;align-items:center;padding:15px 20px}.pf-role-table-head{background:#f7f4fa;color:#928b96;font:800 9px/1 Manrope,sans-serif;letter-spacing:.12em}.pf-role-row{border-top:1px solid #ece8ef;font-size:12px}.pf-role-row b{display:block;font-size:14px}.pf-role-row small{display:block;margin-top:4px;color:#99939c;overflow-wrap:anywhere}.pf-role-row>a{color:#68419b;font-weight:800}.pf-status{display:inline-flex;width:max-content;align-items:center;border-radius:99px;padding:6px 9px;background:#eee9f4;color:#756b7f;font:800 9px/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.07em}.pf-status.approved,.pf-status.live{background:#e8f8c9;color:#537d28}.pf-status.pending{background:#fff1ca;color:#926d18}.pf-status.rejected{background:#ffe1dc;color:#9a4538}
.pf-provider-offer{display:grid;grid-template-columns:minmax(230px,1.5fr) .55fr .45fr .5fr auto;align-items:center;gap:20px;border:1px solid #e3ddea;border-radius:18px;padding:20px;background:#fff}.pf-provider-offer h3{font:750 19px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 5px}.pf-provider-offer p{font-size:11px;color:#858087;margin:0;max-width:420px}.pf-provider-offer b{display:block;margin-top:7px;font-size:13px}.pf-provider-offer>a{font-size:11px;font-weight:800;color:#6d43a5;white-space:nowrap}
.pf-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-health-bar{height:8px;background:#eeebf0;border-radius:99px;overflow:hidden;margin:17px 0}.pf-health-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c5dde,#cbf45e)}.pf-health-state{display:inline-flex;border-radius:99px;background:#f2eef5;padding:8px 11px;color:#82778a;font:800 9px/1 Manrope,sans-serif;letter-spacing:.1em}.pf-health-state.good{color:#477820;background:#e8f8c9}.pf-tool-list{list-style:none;padding:0;margin:14px 0 0}.pf-tool-list li{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #efebf1;font-size:12px}.pf-tool-list li:last-child{border:0}.pf-tool-list span{color:#8a7d93}
@media(max-width:1100px){.app-layout{grid-template-columns:225px minmax(0,1fr)}.pf-role-switch{grid-template-columns:1fr}.pf-role-summary{grid-template-columns:repeat(2,1fr)}.pf-provider-offer{grid-template-columns:1.2fr .6fr .5fr}.pf-provider-offer>:nth-child(4),.pf-provider-offer>a{justify-self:start}}
@media(max-width:760px){.pf-role-sidebar{padding:11px 14px}.pf-role-switch{grid-template-columns:1fr 1fr;margin-bottom:8px}.pf-role-switch button{justify-content:center}.pf-role-switch button small{display:none}.pf-side-section{display:none}.pf-role-sidebar .side-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.pf-role-sidebar .side-links a{white-space:nowrap;flex:0 0 auto}.pf-role-head{display:block;padding-top:0}.pf-role-head .pf-inline{margin-top:17px}.pf-role-summary,.pf-role-grid,.pf-health-grid{grid-template-columns:1fr 1fr}.pf-role-table{overflow-x:auto}.pf-role-table-head,.pf-role-row{min-width:650px}.pf-provider-offer{grid-template-columns:1fr 1fr}.pf-provider-offer>div:first-child{grid-column:1/-1}.pf-provider-offer>a{grid-column:1/-1}.pf-role-empty{padding:38px 18px}}
@media(max-width:520px){.pf-role-head h1{font-size:42px}.pf-role-summary,.pf-role-grid,.pf-health-grid{grid-template-columns:1fr}.pf-role-summary>div{min-height:118px}.pf-provider-offer{grid-template-columns:1fr 1fr;padding:17px}.pf-provider-offer>div:nth-child(4){grid-column:1/-1}.pf-role-card{padding:21px}.pf-role-switch button{font-size:10px}.pf-role-switch button svg{display:none}}
@media(prefers-reduced-motion:reduce){.pf-role-switch button{transition:none}}
.openkey-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0 24px;padding:15px 18px;border:1px solid #ddcff2;border-radius:16px;background:linear-gradient(110deg,#f2ebff,#f7ffd7);box-shadow:0 12px 30px rgba(74,48,109,.06)}
.openkey-demo-bar p{margin:5px 0 0;color:#756f7b;font-size:11px}.openkey-demo-offer{width:100%;margin-top:13px;justify-content:center}.pf-listing-body .openkey-demo-offer{color:#fff}
@media(max-width:520px){.openkey-demo-bar{align-items:flex-start;flex-direction:column}.openkey-demo-bar .flex{width:100%}.openkey-demo-bar .button{flex:1}}