.flagship-heartbeats-page{--fhl-ink:#0d1b35;--fhl-muted:#64748b;--fhl-line:#dbe5f1;max-width:1480px;margin:0 auto;padding:34px 28px 52px;color:var(--fhl-ink)}
.fhl-page-header,.fhl-registry__header,.fhl-onboarding__intro,.fhl-registry__footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.fhl-page-header{margin-bottom:22px}.fhl-page-header h1{margin:8px 0 4px;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.05;letter-spacing:-.045em;font-weight:850}.fhl-page-header p{margin:0;color:var(--fhl-muted);font-size:.98rem}.fhl-breadcrumb{display:flex;align-items:center;gap:9px;color:#7787a1;font-size:.77rem;font-weight:700}.fhl-breadcrumb a{color:#2563eb;text-decoration:none}.fhl-breadcrumb i{font-size:.58rem;color:#a9b5c7}
.fhl-button,.fhl-icon-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s}.fhl-button:hover,.fhl-icon-button:hover{transform:translateY(-1px)}.fhl-button--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 24px rgba(37,99,235,.22)}.fhl-button--quiet{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.fhl-icon-button{width:43px;padding:0;color:#64748b;background:#fff;border-color:var(--fhl-line)}
.fhl-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 425px;min-height:242px;padding:36px 42px;border-radius:24px;color:#fff;background:radial-gradient(circle at 82% 8%,rgba(16,185,129,.22),transparent 33%),linear-gradient(125deg,#07172c 0%,#0b2e4c 57%,#0c625e 100%);box-shadow:0 24px 50px rgba(15,49,69,.18)}.fhl-hero:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.fhl-hero__copy{position:relative;z-index:2;align-self:center;max-width:740px}.fhl-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#6ee7c7;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900}.fhl-eyebrow span{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.14),0 0 18px #34d399}.fhl-hero h2{margin:10px 0;max-width:700px;color:#fff!important;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.045em}.fhl-hero p{margin:0;max-width:700px;color:#c5dde2;line-height:1.65;font-size:.92rem}.fhl-hero__signals{display:flex;flex-wrap:wrap;gap:17px;margin-top:23px;color:#d4e9eb;font-size:.68rem;font-weight:700}.fhl-hero__signals span{display:flex;align-items:center;gap:7px}.fhl-hero__signals i{color:#5ee0b7}
.fhl-monitor{position:relative;z-index:2;align-self:center;height:168px}.fhl-monitor__screen{position:relative;overflow:hidden;height:142px;padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(4,21,39,.65);box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(8px)}.fhl-monitor__label{display:flex;align-items:center;gap:6px;color:#77e8cc;font-size:.52rem;font-weight:900;letter-spacing:.1em}.fhl-monitor__label i{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.fhl-monitor svg{position:absolute;left:13px;right:13px;top:30px;width:calc(100% - 26px);height:74px}.fhl-monitor__grid{fill:none;stroke:rgba(125,211,205,.1);stroke-width:1}.fhl-monitor__pulse{fill:none;stroke:#52e0bd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(82,224,189,.65))}.fhl-monitor__status{position:absolute;left:16px;right:16px;bottom:11px;display:flex;justify-content:space-between;gap:10px;color:#8faeb6;font-size:.52rem}.fhl-monitor__status strong{color:#72dfc4}.fhl-monitor__stand{position:absolute;left:50%;bottom:0;width:110px;height:10px;border-radius:50%;transform:translateX(-50%);background:#0a2940;box-shadow:0 -13px 0 -4px #0a2940}
.fhl-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.fhl-metric{display:flex;align-items:center;gap:13px;min-height:108px;padding:16px;border:1px solid var(--fhl-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(33,56,92,.06)}.fhl-metric>span{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px}.fhl-metric small{display:block;margin-bottom:3px;color:#718096;text-transform:uppercase;letter-spacing:.045em;font-size:.59rem;font-weight:850}.fhl-metric strong{display:block;font-size:1.35rem;line-height:1.1}.fhl-metric strong.fhl-latest{font-size:.93rem}.fhl-metric p{margin:4px 0 0;color:#8290a6;font-size:.62rem}.fhl-metric--blue>span{color:#2563eb;background:#eaf2ff}.fhl-metric--green>span{color:#059669;background:#e8faf2}.fhl-metric--amber>span{color:#d97706;background:#fff4df}.fhl-metric--red>span{color:#dc2626;background:#fff0f0}.fhl-metric--violet>span{color:#7c3aed;background:#f1eafe}
.fhl-registry{overflow:hidden;border:1px solid var(--fhl-line);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(35,57,91,.08)}.fhl-registry__header{padding:24px 25px 17px}.fhl-registry__header>div:first-child>span{color:#059669;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:900}.fhl-registry__header h2{margin:4px 0 2px;font-size:1.28rem;letter-spacing:-.025em}.fhl-registry__header p{margin:0;color:var(--fhl-muted);font-size:.82rem}.fhl-readonly{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ccece0;border-radius:12px;color:#047857;background:#f1fbf7}.fhl-readonly>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#dff7ed}.fhl-readonly strong,.fhl-readonly small{display:block}.fhl-readonly strong{font-size:.68rem}.fhl-readonly small{color:#5b8b78;font-size:.55rem}
.fhl-filter-panel{margin:0 25px 20px;padding:14px;border:1px solid #e2eaf4;border-radius:16px;background:#f8fafc}.fhl-filter-panel__heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}.fhl-filter-panel__heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#2563eb;background:#eaf2ff}.fhl-filter-panel__heading small,.fhl-filter-panel__heading strong{display:block}.fhl-filter-panel__heading small{color:#7f8da1;text-transform:uppercase;font-size:.51rem;font-weight:800}.fhl-filter-panel__heading strong{font-size:.72rem}.fhl-filter-panel__heading em{margin-left:auto;padding:5px 8px;border-radius:8px;color:#2563eb;background:#eaf2ff;font-size:.58rem;font-style:normal;font-weight:800}.fhl-filter-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .8fr .8fr 1fr auto;align-items:end;gap:9px}.fhl-filter-grid label>span{display:block;margin:0 0 5px 2px;color:#64748b;font-size:.61rem;font-weight:800}.fhl-filter-grid input,.fhl-filter-grid select{width:100%;height:40px;padding:0 10px;border:1px solid #d5e0ed;border-radius:10px;outline:none;color:#18243b;background:#fff;font:inherit;font-size:.72rem}.fhl-filter-grid label>input[type=search]{height:30px;margin-bottom:5px;font-size:.64rem}.fhl-filter-grid input:focus,.fhl-filter-grid select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.fhl-filter-actions{display:flex;gap:7px}.fhl-filter-actions .fhl-button{min-height:40px;font-size:.72rem}.fhl-filter-actions .fhl-icon-button{width:40px;min-height:40px}
.fhl-table-wrap{overflow-x:auto;margin:0 25px 24px;border:1px solid #e2e9f2;border-radius:15px}.fhl-table{width:100%;min-width:1080px;border-collapse:collapse}.fhl-table th{padding:11px 12px;color:#66778f;background:#f6f8fb;text-align:left;text-transform:uppercase;letter-spacing:.035em;font-size:.57rem}.fhl-table td{padding:12px;border-top:1px solid #e8edf4;font-size:.69rem}.fhl-environment{display:flex;align-items:center;gap:9px}.fhl-environment>span{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#0891b2,#2563eb);font-size:.56rem;font-weight:900}.fhl-environment strong,.fhl-environment small{display:block}.fhl-environment strong{font-size:.72rem}.fhl-environment small{color:#7d8da2;font-size:.59rem}.fhl-product{display:inline-flex;align-items:center;gap:6px}.fhl-product i{color:#7c3aed}.fhl-table code{padding:4px 6px;border-radius:6px;color:#435875;background:#f0f3f7;font-size:.59rem}.fhl-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:.59rem;font-weight:850}.fhl-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.fhl-status.is-healthy{color:#047857;background:#e8f8f1}.fhl-status.is-warning{color:#b45309;background:#fff4df}.fhl-status.is-offline{color:#dc2626;background:#fff0f0}.fhl-status.is-neutral{color:#64748b;background:#eef2f7}.fhl-message{max-width:230px}.fhl-message strong,.fhl-message small,.fhl-time strong,.fhl-time small{display:block}.fhl-message strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.fhl-message small,.fhl-time small{margin-top:2px;color:#8a98aa;font-size:.55rem}.fhl-time strong{font-size:.63rem}.fhl-details{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d6e2ef;border-radius:9px;color:#2563eb;text-decoration:none;background:#fff}
.fhl-onboarding{margin:0 25px 24px;border:1px solid #dbe7f4;border-radius:19px;background:linear-gradient(180deg,#fbfdff,#f6faff)}.fhl-onboarding__intro{padding:25px;border-bottom:1px solid #dfe8f3}.fhl-onboarding__intro>span{flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#10b981,#0891b2);box-shadow:0 10px 25px rgba(5,150,105,.2);font-size:1.15rem}.fhl-onboarding__intro>div{flex:1}.fhl-onboarding__intro small{color:#059669;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:900}.fhl-onboarding__intro h3{margin:4px 0;font-size:1.35rem;letter-spacing:-.025em}.fhl-onboarding__intro p{margin:0;color:var(--fhl-muted);font-size:.78rem}.fhl-signal-path{padding:23px}.fhl-signal-path>div>small{color:#2563eb;text-transform:uppercase;letter-spacing:.09em;font-size:.59rem;font-weight:900}.fhl-signal-path h4{margin:3px 0;font-size:1rem}.fhl-signal-path ol{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:17px 0 0;padding:0;list-style:none}.fhl-signal-path li{position:relative;display:flex;gap:11px;padding:15px;border:1px solid #e0e9f4;border-radius:14px;background:#fff}.fhl-signal-path li:not(:last-child):after{content:"";position:absolute;right:-12px;top:34px;width:12px;height:1px;background:#bdd0df}.fhl-signal-path li>span{flex:0 0 39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#059669;background:#e8faf2}.fhl-signal-path strong,.fhl-signal-path small{display:block}.fhl-signal-path strong{font-size:.7rem}.fhl-signal-path small{margin-top:3px;color:#7b899e;font-size:.59rem;line-height:1.4}.fhl-onboarding__notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 23px 23px}.fhl-onboarding__notes>span{display:grid;grid-template-columns:33px 1fr;column-gap:9px;padding:12px;border:1px solid #e3eaf3;border-radius:12px;background:#fff}.fhl-onboarding__notes i{grid-row:1/3;width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:#2563eb;background:#eaf2ff}.fhl-onboarding__notes strong{font-size:.66rem}.fhl-onboarding__notes small{color:#7c8b9f;font-size:.57rem;line-height:1.4}.fhl-filter-empty{margin:0 25px 24px;padding:46px 20px;border:1px dashed #cbd9ea;border-radius:17px;text-align:center;background:#fafcff}.fhl-filter-empty>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;color:#2563eb;background:#eaf2ff}.fhl-filter-empty h3{margin:0 0 5px;font-size:1.05rem}.fhl-filter-empty p{margin:0 0 15px;color:var(--fhl-muted);font-size:.76rem}.fhl-registry__footer{min-height:58px;padding:10px 25px;border-top:1px solid #e7edf5;background:#fbfcfe}.fhl-registry__footer>div{color:#7a889c;font-size:.7rem}
@media(max-width:1200px){.fhl-hero{grid-template-columns:1fr 330px}.fhl-metrics{grid-template-columns:repeat(3,1fr)}.fhl-filter-grid{grid-template-columns:repeat(3,1fr)}.fhl-filter-actions{grid-column:span 3;justify-content:flex-end}}
@media(max-width:760px){.flagship-heartbeats-page{padding:22px 14px 38px}.fhl-page-header,.fhl-registry__header,.fhl-onboarding__intro,.fhl-registry__footer{align-items:flex-start;flex-direction:column}.fhl-page-header .fhl-button,.fhl-onboarding__intro .fhl-button{width:100%}.fhl-hero{display:block;min-height:auto;padding:28px 24px}.fhl-monitor{display:none}.fhl-metrics{grid-template-columns:1fr}.fhl-filter-panel,.fhl-onboarding,.fhl-filter-empty{margin-inline:14px}.fhl-filter-grid{grid-template-columns:1fr}.fhl-filter-actions{grid-column:auto}.fhl-filter-actions .fhl-button{flex:1}.fhl-table-wrap{margin-inline:14px}.fhl-onboarding__intro>span{display:none}.fhl-signal-path ol,.fhl-onboarding__notes{grid-template-columns:1fr}.fhl-signal-path li:after{display:none}}