:root{--hp-background:#10141b;--hp-background-alt:#161c24;--hp-panel:rgba(24,33,44,0.9);--hp-border:rgba(134,156,179,0.16);--hp-text:#eff4fb;--hp-text-muted:#9cabbf;--hp-text-soft:#6d7b91;--hp-accent:#62d6ff;--hp-warning:#f3b96a;--hp-shadow:0 24px 80px rgba(6,10,17,0.45);--hp-radius-lg:24px;--hp-radius-md:16px;--hp-font-body:"Segoe UI","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(98,214,255,.09),transparent 28%),radial-gradient(circle at top right,rgba(243,185,106,.08),transparent 24%),linear-gradient(180deg,#0d1117,#121925);color:var(--hp-text);font-family:var(--hp-font-body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.hp-scaffold{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.hp-sidebar{border-right:1px solid var(--hp-border);background:rgba(8,12,18,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hp-sidebar__content{position:-webkit-sticky;position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;gap:32px;padding:28px 20px}.hp-brand{display:grid;grid-gap:8px;gap:8px}.hp-brand__kicker,.hp-eyebrow,.hp-topbar__eyebrow{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hp-text-soft)}.hp-brand strong,.hp-topbar__title{font-size:1.1rem}.hp-brand span{line-height:1.6;color:var(--hp-text-muted)}.hp-nav{display:grid;grid-gap:10px;gap:10px}.hp-nav__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid transparent;border-radius:16px;color:var(--hp-text-muted);transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.hp-nav__item--active,.hp-nav__item:hover{color:var(--hp-text);border-color:var(--hp-border);background:rgba(98,214,255,.07);transform:translateX(2px)}.hp-main{min-width:0}.hp-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--hp-border);background:rgba(9,14,22,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hp-page-header,.hp-topbar__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hp-topbar__inner{padding:20px 28px}.hp-topbar__actions{display:flex;align-items:center;gap:14px}.hp-actor-chip{display:grid;grid-gap:2px;gap:2px;padding:10px 14px;border:1px solid var(--hp-border);border-radius:14px;background:rgba(98,214,255,.04)}.hp-actor-chip small,.hp-subtle{color:var(--hp-text-muted)}.hp-content{padding:28px}.hp-page{display:grid;grid-gap:24px;gap:24px}.hp-page-title{margin:6px 0 8px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.05}.hp-page-description{max-width:64ch;margin:0;color:var(--hp-text-muted);line-height:1.6}.hp-grid{display:grid;grid-gap:20px;gap:20px}.hp-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-callout,.hp-login-card,.hp-metric-card,.hp-panel{border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);background:var(--hp-panel);box-shadow:var(--hp-shadow)}.hp-login-card,.hp-panel{padding:24px}.hp-panel__header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.hp-panel__title{margin:4px 0 0;font-size:1.15rem}.hp-metric-card{padding:20px;background:linear-gradient(180deg,rgba(98,214,255,.08),rgba(20,29,38,.94))}.hp-metric-card__hint,.hp-metric-card__label{margin:0;color:var(--hp-text-muted)}.hp-metric-card__value{display:block;margin:10px 0 6px;font-size:2rem}.hp-table-shell{overflow-x:auto;border:1px solid var(--hp-border);border-radius:var(--hp-radius-md)}.hp-table{width:100%;border-collapse:collapse}.hp-table td,.hp-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--hp-border);vertical-align:top}.hp-table th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-text-soft)}.hp-empty-state{display:grid;grid-gap:8px;gap:8px;padding:20px;color:var(--hp-text-muted)}.hp-status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--hp-border);background:rgba(98,214,255,.08);font-size:.82rem}.hp-status-pill--active,.hp-status-pill--ok{background:rgba(98,214,255,.12)}.hp-status-pill--degraded,.hp-status-pill--reserved-only{background:rgba(243,185,106,.12)}.hp-status-pill--down{background:rgba(255,120,120,.12)}.hp-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hp-border)}.hp-kv:last-child{border-bottom:0}.hp-detail-list{display:grid}.hp-login-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.hp-login-card{width:min(680px,100%);display:grid;grid-gap:16px;gap:16px}.hp-callout{display:grid;grid-gap:8px;gap:8px;padding:16px}.hp-callout--warning{border-color:rgba(243,185,106,.28);background:rgba(243,185,106,.07)}.hp-form,.hp-inline-form{display:grid;grid-gap:14px;gap:14px}.hp-inline-form{align-items:center;grid-template-columns:repeat(3,auto)}.hp-form--inline-wide{align-items:end;grid-template-columns:repeat(5,minmax(0,1fr))}.hp-field{display:grid;grid-gap:8px;gap:8px;color:var(--hp-text-muted)}.hp-field input,.hp-field select,.hp-inline-form select{min-height:42px;border:1px solid var(--hp-border);border-radius:12px;background:rgba(255,255,255,.03);color:var(--hp-text);padding:0 12px}.hp-checkbox{display:flex;align-items:center;gap:10px;color:var(--hp-text-muted)}.hp-checkbox--inline{white-space:nowrap}.hp-inline-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:8px}.hp-path-cell{display:grid;grid-gap:4px;gap:4px}.hp-path-text{max-width:42ch;overflow-wrap:anywhere;color:var(--hp-text-muted)}.hp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid rgba(98,214,255,.28);border-radius:14px;background:rgba(98,214,255,.16);color:var(--hp-text);cursor:pointer}.hp-button--ghost{border-color:var(--hp-border);background:rgba(255,255,255,.03)}@media (max-width:1100px){.hp-grid--three,.hp-grid--two{grid-template-columns:1fr}}@media (max-width:920px){.hp-scaffold{grid-template-columns:1fr}.hp-sidebar{border-right:0;border-bottom:1px solid var(--hp-border)}.hp-sidebar__content{min-height:auto}.hp-page-header,.hp-topbar__inner{flex-direction:column}.hp-content{padding:20px}.hp-form--inline-wide,.hp-inline-form{grid-template-columns:1fr}}