:root{--bg:#f7f1e7;--bg-2:#efe6d8;--surface:rgba(255,251,245,0.82);--surface-strong:#fffdfa;--surface-soft:rgba(255,248,240,0.92);--surface-dark:#18232d;--text:#18232d;--text-muted:#697886;--text-soft:#8c98a3;--border:rgba(24,35,45,0.08);--border-strong:rgba(24,35,45,0.14);--shadow-lg:0 28px 70px rgba(29,30,27,0.08);--shadow-md:0 16px 34px rgba(29,30,27,0.05);--accent:#0f6c78;--accent-strong:#084f59;--accent-soft:rgba(15,108,120,0.12);--success:#1f8a5a;--success-soft:rgba(31,138,90,0.13);--warning:#c5792d;--warning-soft:rgba(197,121,45,0.14);--danger:#b5493b;--danger-soft:rgba(181,73,59,0.14);--neutral-soft:rgba(24,35,45,0.05);--radius-2xl:34px;--radius-xl:26px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--font-sans:"IBM Plex Sans","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text);font-family:var(--font-sans);background:radial-gradient(circle at 0 0,rgba(15,108,120,.16),transparent 28%),radial-gradient(circle at 100% 0,rgba(197,121,45,.18),transparent 30%),linear-gradient(180deg,var(--bg) 0,var(--bg-2) 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-shell{width:min(1680px,calc(100vw - 48px));margin:0 auto;padding:28px 0 56px}.card,.chart-card,.masthead,.side-panel,.table-card,.toolbar{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.masthead{display:grid;grid-template-columns:minmax(0,1.45fr) 360px;grid-gap:18px;gap:18px;padding:18px;border-radius:var(--radius-2xl);margin-bottom:18px}.masthead-primary{border-radius:calc(var(--radius-2xl) - 8px);padding:28px;min-height:320px;background:linear-gradient(135deg,rgba(255,253,249,.9),rgba(255,248,240,.8)),radial-gradient(circle at top right,rgba(15,108,120,.14),transparent 28%);border:1px solid rgba(24,35,45,.06);position:relative;overflow:hidden}.masthead-primary:after{content:"";position:absolute;inset:auto -70px -110px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(15,108,120,.18),transparent 64%);pointer-events:none}.eyebrow,.kpi-label,.masthead-badge,.side-kicker,.signal-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.masthead-badge{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;color:var(--accent);background:rgba(15,108,120,.1)}.masthead-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:24px;gap:24px;margin-top:18px}.eyebrow{color:var(--text-soft);margin-bottom:10px}.masthead h1{margin:0;max-width:900px;font-size:clamp(40px,4.6vw,68px);line-height:.95;letter-spacing:-.055em}.masthead-copy{align-self:flex-end;color:var(--text-muted);font-size:15px;line-height:1.7}.signal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px}.refresh-meta{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(24,35,45,.06);color:var(--text-muted);font-size:12px;font-weight:600}.refresh-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px rgba(31,138,90,.12)}.signal-card{padding:18px;border-radius:var(--radius-lg);background:rgba(255,255,255,.58);border:1px solid rgba(24,35,45,.06);box-shadow:var(--shadow-md)}.signal-card-accent{background:linear-gradient(135deg,rgba(15,108,120,.12),rgba(255,255,255,.68))}.side-kicker,.signal-label{color:var(--text-soft)}.signal-card strong{display:block;margin-top:8px;font-size:22px;line-height:1.1;letter-spacing:-.04em}.card-header p,.side-panel p,.signal-card p,.toolbar-note{margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.masthead-side{display:grid;grid-gap:14px;gap:14px}.side-panel{border-radius:var(--radius-xl);padding:22px}.side-panel-spotlight{background:linear-gradient(180deg,rgba(24,35,45,.98),rgba(24,35,45,.92)),linear-gradient(135deg,rgba(15,108,120,.22),transparent);color:#f7f1e7}.side-panel-spotlight .side-kicker,.side-panel-spotlight p,.side-panel-spotlight span{color:rgba(247,241,231,.72)}.side-panel-spotlight h2{margin:10px 0 16px;font-size:34px;line-height:1;letter-spacing:-.05em}.side-metric-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(247,241,231,.12)}.side-metric-row:first-of-type{border-top:none}.side-gauge-value{margin-top:10px;font-size:42px;font-weight:700;letter-spacing:-.05em}.availability-track,.gauge-track,.kpi-meter,.rank-bar{overflow:hidden;border-radius:999px;background:rgba(24,35,45,.08)}.gauge-track{margin-top:16px;height:10px}.availability-fill,.gauge-fill,.kpi-meter-fill,.rank-bar-fill{height:100%;border-radius:inherit}.availability-fill,.gauge-fill,.kpi-meter-fill{background:linear-gradient(90deg,#0f6c78,#4e99a2)}.toolbar{border-radius:var(--radius-2xl);padding:20px 22px;margin-bottom:18px}.toolbar-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.focus-toggle{gap:10px;margin-bottom:18px;padding:6px;background:rgba(24,35,45,.05)}.focus-chip,.focus-toggle{display:inline-flex;border-radius:999px}.focus-chip{min-height:38px;align-items:center;justify-content:center;padding:0 16px;color:var(--text-muted);font-weight:600}.focus-chip-active{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-md)}.toolbar-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.04em}.toolbar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.toolbar-grid-detail{grid-template-columns:minmax(220px,320px) auto}.filter{padding:14px 16px;border-radius:var(--radius-lg);background:rgba(255,255,255,.48);border:1px solid rgba(24,35,45,.06)}.filter label{display:block;margin-bottom:10px;color:var(--text-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.filter select{width:100%;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(24,35,45,.08);background:var(--surface-strong);color:var(--text);outline:none}.filter-actions{display:flex;align-items:flex-end;gap:10px;background:transparent;border:none;padding:0}.button-primary,.button-secondary{min-height:48px;padding:0 18px;border-radius:14px;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--surface-dark),#23313d);color:#fff;font-weight:600;box-shadow:0 12px 22px rgba(24,35,45,.18)}.button-secondary{display:inline-flex;align-items:center;justify-content:center;background:rgba(24,35,45,.06);color:var(--text)}.detail-links{margin-top:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.card,.chart-card,.table-card{border-radius:var(--radius-xl);padding:22px}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px}.kpi-accent:before{background:var(--accent)}.kpi-warning:before{background:var(--warning)}.kpi-danger:before{background:var(--danger)}.kpi-success:before{background:var(--success)}.kpi-neutral:before{background:rgba(24,35,45,.3)}.kpi-label{color:var(--text-soft)}.kpi-value{margin-top:14px;font-size:clamp(28px,2.3vw,46px);font-weight:700;line-height:.95;letter-spacing:-.06em}.kpi-subtext{margin-top:10px;min-height:42px;color:var(--text-muted);font-size:13px;line-height:1.45}.kpi-meter{margin-top:16px;height:8px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.95fr);grid-gap:16px;gap:16px;margin-bottom:18px}.chart-card{background:linear-gradient(180deg,rgba(255,252,248,.9),rgba(255,249,243,.76))}.chart-card-feature{min-height:520px}.chart-card-side{display:flex;flex-direction:column}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title{margin:4px 0 0;font-size:28px;letter-spacing:-.045em}.chart-summary{min-width:130px;padding:14px 16px;border-radius:18px;background:rgba(15,108,120,.08);text-align:right}.chart-summary span{display:block;color:var(--text-soft);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.chart-summary strong{display:block;margin-top:6px;font-size:28px;letter-spacing:-.04em}.chart-shell{height:390px}.donut-shell{height:320px}.mix-legend{display:grid;grid-gap:10px;gap:10px;margin-top:8px}.mix-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(24,35,45,.06)}.mix-row:first-child{border-top:none}.mix-row-main{display:inline-flex;align-items:center;gap:10px}.mix-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tone-accent{background:#3e718e}.tone-warning{background:#de8a38}.tone-danger{background:#ba4c3a}.tone-neutral{background:#6f7c87}.ops-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);grid-gap:16px;gap:16px;margin-bottom:18px}.side-stack{align-self:start}.dual-stack{display:grid;grid-gap:16px;gap:16px}.table-scroll{overflow-x:auto}.device-table{width:100%;border-collapse:collapse;min-width:980px}.device-table thead th{padding:0 0 14px;text-align:left;font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em}.device-table tbody td{padding:16px 0;border-top:1px solid rgba(24,35,45,.06);vertical-align:top}.object-title,.table-strong{font-weight:700;letter-spacing:-.02em}.event-meta,.object-meta,.rank-meta{margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.45}.metric-chip,.pill,.severity-badge,.state-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.pill-online{background:var(--success-soft);color:var(--success)}.pill-warning{background:var(--warning-soft);color:var(--warning)}.pill-offline{background:var(--danger-soft);color:var(--danger)}.pill-neutral,.state-chip.tone-neutral{background:rgba(24,35,45,.08);color:var(--text)}.state-chip.tone-warning{background:rgba(222,138,56,.14);color:#b26923}.state-chip.tone-danger{background:rgba(186,76,58,.14);color:#a34437}.state-chip.tone-accent{background:rgba(62,113,142,.14);color:#315b72}.metric-chip{min-width:58px}.metric-chip,.severity-badge{background:rgba(24,35,45,.06)}.severity-badge{min-height:28px;padding:0 10px}.availability-cell{min-width:120px}.availability-head{margin-bottom:8px}.availability-track,.rank-bar{height:8px}.severity-high{color:var(--danger)}.severity-mid{color:var(--warning)}.severity-low{color:var(--success)}.critical-list{display:grid;grid-gap:12px;gap:12px}.critical-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.48);border:1px solid rgba(24,35,45,.06)}.critical-card-early{background:linear-gradient(180deg,rgba(255,249,239,.8),rgba(255,255,255,.54))}.critical-footer,.critical-top,.event-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.critical-top{margin-bottom:14px}.critical-footer{margin-top:14px;color:var(--text-muted);font-size:13px}.critical-reason{margin-top:8px;font-weight:600;color:var(--text)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.event-list,.rank-list{display:grid;grid-gap:12px;gap:12px}.rank-item{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;align-items:center;padding-top:12px;border-top:1px solid rgba(24,35,45,.06)}.rank-item:first-child{border-top:none;padding-top:0}.rank-item-bar{grid-template-columns:34px 1fr auto}.rank-index{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(24,35,45,.06);font-weight:700}.rank-bar{margin-top:10px}.rank-bar-fill{background:linear-gradient(90deg,#de8a38,#f1b060)}.rank-bar-fill-cool{background:linear-gradient(90deg,#0f6c78,#6ea8b0)}.rank-score{min-width:76px;padding:12px 14px;border-radius:16px;text-align:center;background:rgba(24,35,45,.06);font-weight:700}.event-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.52);border:1px solid rgba(24,35,45,.06);border-left:5px solid transparent}.event-item.high{border-left-color:var(--danger)}.event-item.medium{border-left-color:var(--warning)}.event-item.low{border-left-color:var(--accent)}.event-title{font-weight:700;letter-spacing:-.02em}.event-description{margin-top:10px;color:var(--text);line-height:1.5}.empty-state{padding:32px 18px;border-radius:18px;background:rgba(24,35,45,.04);text-align:center;color:var(--text-muted)}@media (max-width:1480px){.detail-grid{grid-template-columns:1fr}}@media (max-width:1240px){.page-shell{width:min(100vw - 24px,1680px);padding-top:14px}.analytics-grid,.masthead,.masthead-grid,.ops-grid,.signal-strip,.toolbar-grid{grid-template-columns:1fr}.focus-toggle{width:100%;flex-wrap:wrap}.masthead{padding:14px}.toolbar-head{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.kpi-grid{grid-template-columns:1fr}.card,.chart-card,.masthead-primary,.side-panel,.table-card,.toolbar{padding:18px}.masthead h1{font-size:36px}.section-title{font-size:22px}.card-header,.critical-footer,.critical-top,.event-top{flex-direction:column;align-items:flex-start}.filter-actions{flex-direction:column;align-items:stretch}}