:root{color-scheme:light;font-family:Space Grotesk,sans-serif;background-color:#f6f4ef;color:#1f2b2c;--cream: #f6f4ef;--ink: #1f2b2c;--teal: #0a8f8f;--ember: #e46b4f;--sun: #f6c453;--surface: #ffffff;--surface-muted: #f1ede6;--shadow: 0 20px 45px rgba(22, 40, 39, .15);--brand-blue: #0f92e3}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(10,143,143,.12),transparent 40%),radial-gradient(circle at 80% 0%,rgba(244,196,83,.18),transparent 35%),var(--cream)}.app{position:relative;padding:40px 4vw 80px;max-width:1600px;margin:0 auto}.layout{display:grid;grid-template-columns:260px 1fr;gap:32px}.ambient{position:absolute;inset:-120px 0 auto;height:320px;background:linear-gradient(120deg,#0a8f8f33,#f4c45333);filter:blur(60px);opacity:.6;z-index:0}.hero{position:relative;display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#5a6a66;margin-bottom:10px}h1{font-family:Fraunces,serif;font-weight:700;font-size:clamp(2.2rem,3vw,3rem);color:#142121;margin-bottom:12px}.hero h2{font-family:Fraunces,serif;font-weight:700;font-size:2.2rem;color:var(--brand-blue);margin-bottom:8px}.subhead{max-width:520px;font-size:1rem;color:#4a5a57}.range-card{background:#ffffff80;padding:20px;border-radius:16px;box-shadow:none;border:1px solid rgba(255,255,255,.6);min-width:0;display:grid;gap:4px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.range-card strong{font-size:1.1rem}.range-card small{color:#6b7a76}.loading{padding:80px 0;text-align:center;font-size:1.2rem;color:#50615d}.stats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}.stat-card{background:var(--surface);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.stat-card strong{font-size:2rem;color:var(--brand-blue);display:block;line-height:1.1;font-weight:600}.stat-card .label{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#64726e;margin-bottom:8px}.stat-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;color:#51625d}.stat-meta small{font-size:.8rem;color:#7d8a86}.panel{background:var(--surface);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h2{font-size:1.4rem;font-weight:600;margin-bottom:6px}.panel-header p{color:#687571}.legend{display:flex;gap:16px;font-size:.85rem;color:#5f6f6b}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.chart{display:grid;gap:12px}.chart svg{width:100%;height:auto}.chart-labels{display:grid;grid-auto-flow:column;justify-content:space-between;font-size:.75rem;color:#73827e}.table{display:grid;gap:10px}.table-row{display:grid;gap:12px;padding:12px 16px;border-radius:12px;background:var(--surface-muted);align-items:center;font-size:.95rem;font-variant-numeric:tabular-nums;transition:background .2s ease}.table-row:not(.table-head):hover{background:#eae6db}.table-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row>span:not(:first-child){text-align:left}.table-row .status{justify-self:start;min-width:80px}.table-6 .table-row{grid-template-columns:minmax(200px,2fr) 1.2fr 1fr 100px 1.2fr 60px}.table-5 .table-row{grid-template-columns:1.6fr repeat(4,1fr)}.table-7 .table-row{grid-template-columns:minmax(200px,2fr) 1.4fr 1.2fr 100px 1.5fr 60px 80px}.table-head{background:transparent;font-size:.8rem;color:#72807b;text-transform:uppercase;letter-spacing:.12em;padding:0 16px 6px}.status{padding:4px 10px;border-radius:999px;text-transform:capitalize;font-size:.8rem;font-weight:600;text-align:center}.status.healthy{background:#0a8f8f26;color:#0a6d6b}.status.watch{background:#f6c45333;color:#9c6a00}.status.critical{background:#e46b4f33;color:#a6402a}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:relative;top:0;grid-template-columns:1fr 1fr;align-items:center}.hero{flex-direction:column;align-items:flex-start}.table-7 .table-row,.table-6 .table-row{grid-template-columns:1.2fr repeat(4,1fr)}.table-5 .table-row{grid-template-columns:1.4fr repeat(3,1fr)}}@media(max-width:700px){.sidebar{grid-template-columns:1fr}.table-row{grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:auto;font-size:.85rem}.table-row span:nth-child(n+4){display:none}.panel-header{flex-direction:column;align-items:flex-start;gap:10px}.legend{flex-wrap:wrap}}.sidebar{position:sticky;top:40px;align-self:start;display:flex;flex-direction:column;gap:32px;z-index:2;padding-right:20px}.brand{padding:0 10px;background:transparent;box-shadow:none}.brand h1{margin-bottom:8px;font-size:2rem}.brand .eyebrow{margin-bottom:4px;opacity:.7}.brand .subhead{font-size:.95rem;opacity:.8;line-height:1.4}.nav{display:flex;flex-direction:column;gap:8px}.nav button{border:none;padding:12px 16px;border-radius:12px;background:transparent;color:#4a5a57;font-family:inherit;font-size:1rem;font-weight:500;text-align:left;box-shadow:none;cursor:pointer;transition:all .2s ease}.nav button.active{background:#122222;color:#f6f4ef;font-weight:600;box-shadow:0 4px 12px #0000001a}.nav button:hover:not(.active){background:#1628270a;color:#122222;transform:translate(4px)}.content{position:relative;z-index:1}.tabs{display:inline-flex;gap:8px;background:#e8e2d8;padding:6px;border-radius:999px}.tabs button{border:none;background:transparent;padding:8px 14px;border-radius:999px;font-family:inherit;font-size:.85rem;cursor:pointer}.tabs button.active{background:#122222;color:#f6f4ef}.filters{display:grid;gap:8px;margin-bottom:16px}.filters label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#6c7874}.filters select{border:none;border-radius:12px;padding:10px 12px;background:#f2eee7;font-family:inherit;font-size:.95rem}.event-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.event-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;line-height:1.2}.event-tag.open{background:#0a8f8f1a;color:#0a8f8f;border:1px solid rgba(10,143,143,.2)}.event-tag.click{background:#f6c45326;color:#b08d00;border:1px solid rgba(246,196,83,.3)}.event-tag.reply{background:#e46b4f1a;color:#e46b4f;border:1px solid rgba(228,107,79,.2)}.event-tag.bounce{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.date-controls{display:flex;justify-content:flex-end}.date-inputs{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 12px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.04)}.date-inputs label{display:flex;align-items:center;gap:8px;background:#f8f6f1;padding:6px 12px;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.date-inputs label:hover{background:#efede6;border-color:#0000000d}.date-inputs span{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#888}.date-inputs input{border:none;background:transparent;font-family:inherit;font-size:.85rem;font-weight:500;color:#333;outline:none}.date-inputs input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;transition:opacity .2s}.date-inputs input::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:600px){.date-inputs{flex-direction:column;align-items:stretch}}.brand .logo{display:block;width:180px;height:auto;margin-bottom:24px}.brand .eyebrow{margin-bottom:4px}