.pi-page{display:grid;gap:18px;padding-bottom:38px}.pi-hero{position:relative;isolation:isolate;min-height:186px;margin:0;padding:31px 32px;overflow:hidden;border:1px solid #dce8f8;border-radius:20px;background:linear-gradient(120deg,#fff 0%,#f7faff 55%,#f1f6ff 100%);box-shadow:0 18px 45px #315b9210}.pi-hero:before,.pi-hero:after{position:absolute;z-index:-1;content:"";pointer-events:none}.pi-hero:before{right:-72px;top:-132px;width:340px;height:340px;border:54px solid #e0ebfb99;border-radius:50%}.pi-hero:after{right:190px;bottom:-108px;width:210px;height:210px;border-radius:46px;background:#e2f7ef99;transform:rotate(28deg)}.pi-hero-copy{max-width:755px;order:1}.pi-kicker,.pi-section-kicker{display:block;color:#2b74dc;font-size:10px;font-weight:850;letter-spacing:.16em}.pi-hero h2{margin:8px 0 9px;color:#1d2f49;font-size:30px;letter-spacing:-.035em}.pi-hero p{max-width:720px;margin:0;color:#65758b;font-size:13px;line-height:1.75}.pi-hero-notes{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.pi-hero-notes span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d9e6f7;border-radius:999px;background:#ffffffc4;color:#55708e;font-size:11px;font-weight:650}.pi-hero-notes span:before{width:6px;height:6px;border-radius:50%;background:#36b889;content:""}.section-head.pi-hero>.button.pi-config-button{z-index:1;order:2;align-self:flex-start;min-height:42px;padding:0 17px;border-color:#c8dcf7;background:#fff;color:#216dcc;box-shadow:0 8px 20px #315b9212}.pi-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pi-stats article{display:flex;align-items:center;gap:13px;min-height:90px;padding:16px 18px;border:1px solid #e0e9f4;border-radius:14px;background:#fff;box-shadow:0 8px 24px #264a7c09}.pi-stat-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;font-size:13px;font-weight:850}.pi-stat-icon.blue{background:#eaf3ff;color:#2676e8}.pi-stat-icon.green{background:#e8f8f1;color:#168660}.pi-stat-icon.violet{background:#f0edff;color:#7356d9}.pi-stat-icon.amber{background:#fff4df;color:#c9821d}.pi-stats small,.pi-stats b{display:block}.pi-stats small{color:#8793a5;font-size:11px}.pi-stats b{margin-top:5px;color:#24364f;font-size:24px;letter-spacing:-.03em}.pi-directory{margin-top:0;padding:0!important;overflow:hidden!important;border-radius:16px!important}.pi-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:21px 23px 16px}.pi-section-head h3{margin:5px 0 3px;color:#263851;font-size:17px}.pi-section-head p{margin:0;color:#8995a6;font-size:11px}.pi-result-count{flex:none;padding:5px 9px;border-radius:999px;background:#f0f5fc;color:#607794;font-size:10px;font-weight:700}.pi-toolbar{display:flex;gap:9px;padding:13px 23px;border-top:1px solid #edf2f7;border-bottom:1px solid #e8eef6;background:#f9fbfe}.pi-search{position:relative;flex:1;min-width:220px}.pi-search span{position:absolute;left:13px;top:50%;color:#8391a5;font-size:17px;transform:translateY(-52%)}.pi-search input,.pi-toolbar select{box-sizing:border-box;height:40px;border:1px solid #dce5f0;border-radius:9px;background-color:#fff;color:#2d3d53;font:inherit}.pi-search input{width:100%;padding:0 13px 0 38px}.pi-toolbar select{min-width:170px}.pi-search input:focus,.pi-toolbar select:focus{outline:0;border-color:#71a5ed;box-shadow:0 0 0 3px #4e8ff219}.pi-refresh{height:40px;white-space:nowrap}.pi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 22px 22px}.pi-provider-card{display:grid;gap:16px;min-width:0;padding:19px;border:1px solid #dfe7f2;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 9px 24px #264a7c08;transition:transform .16s,border-color .16s,box-shadow .16s}.pi-provider-card:hover{border-color:#bed3ef;box-shadow:0 14px 32px #264a7c12;transform:translateY(-2px)}.pi-provider-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.pi-provider-identity{display:flex;align-items:center;gap:12px;min-width:0}.pi-provider-logo{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#2379ec,#5aa0fa);color:#fff;font-size:19px;font-weight:850;box-shadow:0 8px 18px #2878ed2b}.pi-provider-title{display:flex;align-items:center;gap:8px;min-width:0}.pi-provider-title h4{max-width:260px;margin:0;overflow:hidden;color:#263851;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.pi-provider-identity code{display:block;width:max-content;margin-top:6px;padding:3px 6px;border-radius:5px;background:#f0f4fa;color:#64758c;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.pi-status,.pi-type{display:inline-flex;align-items:center;gap:5px;flex:none;border-radius:999px;font-size:9px;font-weight:750}.pi-status{padding:4px 7px}.pi-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.pi-status.active{background:#e8f8f1;color:#168660}.pi-status.disabled{background:#f1f3f6;color:#7f8997}.pi-type{padding:6px 9px}.pi-type.native{background:#edf4ff;color:#286fd1}.pi-type.template{background:#f0edff;color:#7056c6}.pi-description{min-height:38px;margin:0;color:#68788d;font-size:12px;line-height:1.65}.pi-provider-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid #e8edf5;border-radius:10px;background:#f9fbfe}.pi-provider-metrics div{padding:11px 12px}.pi-provider-metrics div+div{border-left:1px solid #e8edf5}.pi-provider-metrics dt,.pi-provider-metrics dd{margin:0}.pi-provider-metrics dt{color:#8b97a7;font-size:9px}.pi-provider-metrics dd{margin-top:5px;color:#3d516c;font-size:12px;font-weight:750}.pi-schema{padding:13px 14px;border:1px solid #e2eaf5;border-radius:10px;background:#fff}.pi-schema>b{display:block;margin-bottom:9px;color:#52647b;font-size:10px}.pi-schema>div{display:flex;gap:6px;flex-wrap:wrap}.pi-schema span,.pi-schema em{display:inline-flex;padding:4px 7px;border-radius:6px;background:#f0f5fc;color:#667a94;font-size:9px;font-style:normal}.pi-schema em{background:#eaf3ff;color:#2675e4;font-weight:750}.pi-provider-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.pi-provider-card>footer>span{color:#95a0ae;font-size:9px}.pi-provider-card>footer .button{min-height:34px;padding:0 11px;font-size:10px;box-shadow:none}.pi-state{display:grid;place-items:center;grid-column:1/-1;gap:5px;min-height:140px;color:#8793a4;font-size:12px;text-align:center}.pi-state b{color:#53657c;font-size:13px}.pi-state span{font-size:11px}.pi-state.error b{color:#c95555}.pi-boundary{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border:1px solid #d8e7fa;border-radius:12px;background:linear-gradient(110deg,#f3f8ff,#fbfdff)}.pi-boundary-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#dfeeff;color:#2675e4;font-family:Georgia,serif;font-weight:800}.pi-boundary b,.pi-boundary p{display:block;margin:0}.pi-boundary b{color:#395474;font-size:12px}.pi-boundary p{margin-top:4px;color:#708198;font-size:11px;line-height:1.55}
@media(max-width:1000px){.pi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-grid{grid-template-columns:1fr}.pi-hero{min-height:auto}.pi-hero:before{right:-170px}}
@media(max-width:650px){.pi-page{gap:13px}.pi-hero{align-items:flex-start;padding:23px 20px}.pi-hero h2{font-size:25px}.pi-config-button{width:100%;order:2}.pi-stats{grid-template-columns:1fr 1fr;gap:8px}.pi-stats article{min-height:78px;padding:12px}.pi-stat-icon{width:35px;height:35px}.pi-stats b{font-size:20px}.pi-section-head{align-items:flex-start;padding:18px 16px}.pi-toolbar{flex-wrap:wrap;padding:12px 15px}.pi-search{flex-basis:100%}.pi-toolbar select{flex:1;min-width:150px}.pi-refresh{width:100%}.pi-grid{padding:14px}.pi-provider-card>header{align-items:flex-start}.pi-provider-title{align-items:flex-start;flex-direction:column;gap:4px}.pi-provider-metrics{grid-template-columns:1fr}.pi-provider-metrics div+div{border-left:0;border-top:1px solid #e8edf5}.pi-provider-card>footer{align-items:stretch;flex-direction:column}.pi-provider-card>footer .button{width:100%}}