.flagship-subscriptions-page{--fsu-ink:#101828;--fsu-muted:#6d7a8e;--fsu-border:#dfe7f1;max-width:1480px;margin:0 auto;padding:27px 28px 58px;color:var(--fsu-ink)}
.fsu-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.fsu-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#7d899c;font-size:.79rem}.fsu-breadcrumb a{color:#3262c8;text-decoration:none}.fsu-breadcrumb i{font-size:.55rem;color:#a5b0c0}.fsu-breadcrumb strong{color:#344054}.fsu-page-header h1{margin:0 0 6px;font-size:clamp(1.9rem,2.8vw,2.55rem);font-weight:800;letter-spacing:-.045em}.fsu-page-header>div>p{margin:0;color:#69778b;font-size:.9rem}.fsu-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 16px;border:1px solid transparent;border-radius:11px;font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.18s}.fsu-button:hover{transform:translateY(-1px)}.fsu-button--primary{background:linear-gradient(135deg,#316cf2,#1757de);box-shadow:0 8px 18px rgba(37,99,235,.2);color:#fff}.fsu-button--quiet{border-color:#d6dfeb;background:#fff;color:#4d5b70}
.fsu-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:215px;padding:31px 37px;overflow:hidden;border:1px solid #15375f;border-radius:20px;background:radial-gradient(circle at 77% 20%,rgba(39,197,178,.2),transparent 27%),linear-gradient(130deg,#091a32,#0d3150 57%,#105f69);box-shadow:0 20px 45px rgba(24,55,78,.15);color:#fff}.fsu-hero:before{content:"";position:absolute;left:-100px;bottom:-195px;width:320px;height:320px;border-radius:50%;background:#1e76ea;filter:blur(60px);opacity:.18}.fsu-hero__copy{position:relative;z-index:2;max-width:760px}.fsu-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#6ddbc9;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fsu-hero h2{margin:0 0 7px;font-size:clamp(1.5rem,2.5vw,2.15rem);font-weight:800;letter-spacing:-.04em}.fsu-hero__copy>p{max-width:700px;margin:0;color:#b9cdd7;font-size:.83rem;line-height:1.65}.fsu-hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.fsu-hero__actions a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#d7e7ed;font-size:.65rem;font-weight:700;text-decoration:none}.fsu-flow{position:relative;width:305px;height:128px;flex:0 0 auto}.fsu-flow__line{position:absolute;left:39px;right:39px;top:50%;height:2px;background:linear-gradient(90deg,#3f83d9,#38b5a6)}.fsu-flow__line i{display:block;width:8px;height:8px;margin:-3px auto 0;border-radius:50%;background:#77e4d2;box-shadow:0 0 18px #4fdbc5}.fsu-flow__node{position:absolute;top:34px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(11,37,61,.92);box-shadow:0 12px 26px rgba(0,0,0,.28);color:#9abbe0}.fsu-flow__node i{font-size:1rem}.fsu-flow__node small{margin-top:5px;font-size:.48rem;font-weight:800;text-transform:uppercase}.fsu-flow__node--client{left:7px}.fsu-flow__node--plan{left:121px;color:#b5a6f4}.fsu-flow__node--live{right:7px;border-color:rgba(91,226,200,.37);background:linear-gradient(145deg,#156871,#0f4557);color:#74ebd3}.fsu-flow__node--live:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(86,226,198,.17);border-radius:23px}
.fsu-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.fsu-metric{display:flex;align-items:center;gap:12px;min-height:94px;padding:15px 16px;border:1px solid var(--fsu-border);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(35,54,88,.05)}.fsu-metric>span{display:grid;place-items:center;width:41px;height:41px;flex:0 0 auto;border-radius:12px}.fsu-metric small{display:block;color:#7e8b9f;font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.fsu-metric strong{display:block;margin-top:1px;font-size:1.22rem}.fsu-metric p{margin:2px 0 0;color:#8a96a8;font-size:.62rem}.fsu-metric--blue>span{background:#eaf2ff;color:#2863e4}.fsu-metric--green>span{background:#e8f9f2;color:#13865f}.fsu-metric--red>span{background:#fff0ef;color:#d3463d}.fsu-metric--violet>span{background:#f1edff;color:#7654d9}
.fsu-registry{overflow:hidden;border:1px solid var(--fsu-border);border-radius:18px;background:#fff;box-shadow:0 11px 30px rgba(35,54,88,.06)}.fsu-registry__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px}.fsu-registry__header>div:first-child>span{color:#168272;font-size:.59rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.fsu-registry__header h2{margin:2px 0;font-size:1.05rem}.fsu-registry__header p{margin:0;color:#8491a4;font-size:.68rem}.fsu-result-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe5f3;border-radius:11px;background:#f8faff;color:#63748f;font-size:.67rem}.fsu-result-pill i{color:#168577}.fsu-result-pill strong{color:#1e3d75}.fsu-toolbar{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(210px,.7fr) auto 42px;align-items:end;gap:10px;margin:0 22px;padding:14px;border:1px solid #dfe7f2;border-radius:13px;background:#f7f9fc}.fsu-search>span,.fsu-sort>span{display:block;margin:0 0 6px;color:#66758b;font-size:.59rem;font-weight:800;text-transform:uppercase}.fsu-search>div{position:relative}.fsu-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#93a0b3;font-size:.74rem}.fsu-search input,.fsu-sort select{width:100%;height:41px;border:1px solid #d7e1ee;border-radius:10px;outline:none;background:#fff;color:#26364e;font-size:.73rem}.fsu-search input{padding:0 63px 0 36px}.fsu-search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:3px 6px;border:1px solid #d9e2ee;border-radius:5px;background:#f7f9fc;box-shadow:none;color:#9aa6b6;font-family:inherit;font-size:.51rem}.fsu-sort select{padding:0 11px}.fsu-icon-button{display:grid;place-items:center;width:42px;height:41px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:#65738a;text-decoration:none}
.fsu-subscription-list{display:grid;gap:9px;padding:17px 22px}.fsu-subscription-row{display:grid;grid-template-columns:1.1fr 1.65fr .85fr .65fr auto;align-items:center;gap:16px;padding:14px 15px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;transition:.15s}.fsu-subscription-row:hover{border-color:#cddbea;box-shadow:0 8px 19px rgba(36,54,88,.06)}.fsu-client{display:flex;align-items:center;gap:10px}.fsu-client>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:12px;background:#eaf2ff;color:#2862d1;font-size:.59rem;font-weight:900}.fsu-client small,.fsu-client strong,.fsu-client em{display:block}.fsu-client small,.fsu-offer small,.fsu-billing small{color:#8b97a8;font-size:.5rem;text-transform:uppercase}.fsu-client strong{font-size:.7rem}.fsu-client em{margin-top:2px;color:#929dad;font-size:.51rem;font-style:normal}.fsu-offer{display:flex;align-items:center;gap:10px}.fsu-offer>div{display:flex;align-items:center;gap:8px;min-width:0}.fsu-offer>i{color:#b2bdcc;font-size:.53rem}.fsu-offer>div>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px}.fsu-product-mark{background:#eef4ff;color:#3167d5}.fsu-package-mark{background:#f2eeff;color:#7253ce}.fsu-offer strong{display:block;overflow:hidden;max-width:125px;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.fsu-billing>small,.fsu-billing>strong,.fsu-billing>span{display:block}.fsu-billing>strong{margin:2px 0;font-size:.76rem}.fsu-billing>span{color:#8693a5;font-size:.52rem}.fsu-billing>span i{margin-right:5px}.fsu-row-state{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.fsu-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;font-size:.54rem;font-weight:800}.fsu-status i{width:6px;height:6px;border-radius:50%}.fsu-status--active{background:#e8f9f1;color:#13805b}.fsu-status--active i{background:#1caf7a}.fsu-status--trial{background:#eaf6ff;color:#2372a8}.fsu-status--trial i{background:#38a1db}.fsu-status--warning{background:#fff5dd;color:#a9680d}.fsu-status--warning i{background:#eba629}.fsu-status--danger{background:#fff0ef;color:#c53c35}.fsu-status--danger i{background:#e6534a}.fsu-status--view,.fsu-status--neutral{background:#eff2f5;color:#687587}.fsu-status--view i,.fsu-status--neutral i{background:#98a3b2}.fsu-status--dark{background:#e5e7eb;color:#344054}.fsu-status--dark i{background:#4b5565}.fsu-row-state>small{color:#929eae;font-size:.5rem}.fsu-row-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px}.fsu-row-actions>a,.fsu-row-actions summary{display:inline-flex;align-items:center;justify-content:center;height:31px;border:1px solid #d8e1ed;border-radius:9px;background:#fff;color:#647288;font-size:.59rem;text-decoration:none;cursor:pointer;list-style:none}.fsu-row-actions>a{width:32px}.fsu-row-actions .is-edit{width:auto;padding:0 9px;color:#2862ce;font-weight:800}.fsu-row-actions .is-edit i{margin-right:5px}.fsu-row-actions details{position:relative}.fsu-row-actions summary{width:31px}.fsu-row-actions summary::-webkit-details-marker{display:none}.fsu-row-actions details>div{position:absolute;z-index:20;right:0;top:38px;width:190px;padding:11px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(28,45,76,.18)}.fsu-row-actions details label{display:block;color:#6e7b8e;font-size:.56rem;font-weight:800;text-transform:uppercase}.fsu-row-actions details select{width:100%;height:34px;margin:5px 0 8px;border:1px solid #d5deea;border-radius:8px;background:#fff;font-size:.63rem}.fsu-row-actions details button{width:100%;height:32px;border:0;border-radius:8px;background:#2864e4;color:#fff;font-size:.59rem;font-weight:800}.fsu-row-actions details button i{margin-right:5px}
.fsu-onboarding{padding:20px 22px 24px}.fsu-onboarding__intro{display:flex;align-items:center;gap:15px;padding:18px 19px;border:1px solid #cfe6e1;border-radius:15px;background:linear-gradient(105deg,#f2fbf8,#fbfdfd)}.fsu-onboarding__intro>span{display:grid;place-items:center;width:49px;height:49px;flex:0 0 auto;border-radius:14px;background:#fff;box-shadow:0 7px 17px rgba(29,119,105,.1);color:#168171}.fsu-onboarding__intro>div{flex:1}.fsu-onboarding__intro small{color:#168171;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fsu-onboarding__intro h3{margin:2px 0;font-size:1rem}.fsu-onboarding__intro p{margin:0;color:#7b899e;font-size:.68rem}.fsu-readiness{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:25px;margin:18px 0;padding:20px;border:1px solid #e0e7ef;border-radius:15px}.fsu-readiness__title small{color:#4773c7;font-size:.57rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fsu-readiness__title h4{margin:3px 0;font-size:.86rem}.fsu-readiness__title p{margin:0;color:#8592a5;font-size:.63rem;line-height:1.5}.fsu-readiness__steps{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center}.fsu-readiness__steps>a{position:relative;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e0e7ef;border-radius:12px;background:#fafbfd;color:inherit;text-decoration:none}.fsu-readiness__steps>a>span{position:relative;display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:11px;background:#eef3fa;color:#59708f}.fsu-readiness__steps>a>span.is-ready{background:#eaf8f2;color:#16805d}.fsu-readiness__steps>a>span b{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#3168df;color:#fff;font-size:.43rem}.fsu-readiness__steps>a>div{min-width:0}.fsu-readiness__steps small,.fsu-readiness__steps strong,.fsu-readiness__steps em{display:block}.fsu-readiness__steps small{color:#8b97a8;font-size:.45rem;text-transform:uppercase}.fsu-readiness__steps strong{margin:2px 0;font-size:.62rem}.fsu-readiness__steps em{overflow:hidden;color:#929dad;font-size:.49rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.fsu-readiness__steps>a>i{position:absolute;right:8px;top:8px;color:#b1bdcc;font-size:.47rem}.fsu-step-line{height:1px;background:#d8e1eb}.fsu-step-line i{display:block;width:6px;height:6px;margin:-3px auto;border-radius:50%;background:#aebaca}.fsu-automation-note{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #d6e3f8;border-radius:14px;background:#f5f8ff}.fsu-automation-note>span{display:grid;place-items:center;width:41px;height:41px;flex:0 0 auto;border-radius:12px;background:#e6efff;color:#2863d8}.fsu-automation-note>div{flex:1}.fsu-automation-note strong{font-size:.7rem}.fsu-automation-note p{margin:3px 0 0;color:#7c8aa0;font-size:.59rem}.fsu-automation-note>a{color:#2f61c4;font-size:.59rem;font-weight:800;text-decoration:none}.fsu-filter-empty{display:flex;flex-direction:column;align-items:center;padding:55px 24px;text-align:center}.fsu-filter-empty>span{display:grid;place-items:center;width:67px;height:67px;margin-bottom:14px;border:1px solid #d8e4f5;border-radius:19px;background:#eef5ff;color:#3266d8;font-size:1.3rem}.fsu-filter-empty h3{margin:0 0 5px;font-size:.95rem}.fsu-filter-empty p{margin:0 0 16px;color:#7e8b9e;font-size:.69rem}.fsu-registry__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:12px 22px;border-top:1px solid #e7edf4;background:#fafbfd}.fsu-registry__footer>div:first-child{display:flex;align-items:center;gap:10px;color:#7b889b;font-size:.64rem}.fsu-registry__footer>div:first-child strong{color:#33435d}.fsu-registry__footer em{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:#edf3ff;color:#3262c7;font-size:.55rem;font-style:normal;font-weight:800}.fsu-pagination nav{margin:0!important}.fsu-pagination .pagination{gap:4px}.fsu-pagination .page-link{display:grid;place-items:center;min-width:33px;height:33px;padding:0 9px;border:1px solid #d8e1ed!important;border-radius:9px!important;background:#fff;color:#5c6b81;font-size:.63rem}.fsu-pagination .page-item.active .page-link{border-color:#2864e8!important;background:#2864e8;color:#fff}
@media(max-width:1150px){.fsu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fsu-subscription-row{grid-template-columns:1fr 1.4fr .8fr auto}.fsu-row-state{grid-column:1}.fsu-row-actions{grid-column:4;grid-row:1/3}.fsu-readiness{grid-template-columns:1fr}.fsu-toolbar{grid-template-columns:1fr 1fr auto 42px}.fsu-flow{transform:scale(.88)}}
@media(max-width:820px){.flagship-subscriptions-page{padding:20px 15px 48px}.fsu-page-header,.fsu-hero,.fsu-onboarding__intro,.fsu-automation-note{align-items:flex-start;flex-direction:column}.fsu-flow{align-self:center;margin-top:16px}.fsu-toolbar{grid-template-columns:1fr 42px}.fsu-search,.fsu-sort{grid-column:1/-1}.fsu-subscription-row{grid-template-columns:1fr}.fsu-row-actions,.fsu-row-state{grid-column:auto;grid-row:auto;justify-content:flex-start}.fsu-readiness__steps{grid-template-columns:1fr}.fsu-step-line{width:1px;height:20px;margin:auto}.fsu-registry__footer{align-items:flex-start;flex-direction:column}.fsu-automation-note>a{margin-left:54px}}
@media(max-width:520px){.fsu-metrics{grid-template-columns:1fr}.fsu-hero{padding:26px 21px}.fsu-registry__header{align-items:flex-start;flex-direction:column}.fsu-onboarding__intro .fsu-button{width:100%}.fsu-flow{width:280px}.fsu-automation-note>a{margin-left:0}}