:root{--text:#12263a;--muted:#64788a;--text-light:#f5f0e6;--muted-light:#f5f0e6b8;--accent:#0e728d;--success:#1f9f6a;--danger:#c54b5c;--warm:#bb8b32;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f3f5f6,#ece8df);font-family:Avenir Next,Segoe UI Variable,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#0e728d1a,#0000 22%),radial-gradient(circle at 100% 0,#bb8b321f,#0000 20%),linear-gradient(#f8f6f0,#ebe5d8);min-width:320px;margin:0}button,input,textarea{font:inherit}h1,h2,h3,h4{color:inherit;font-family:Baskerville,Iowan Old Style,Palatino Linotype,serif}p{margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--text);background:linear-gradient(90deg,#061d30fa 0 340px,#0000 340px),linear-gradient(#f8f6ef,#efe8db);grid-template-columns:340px 1fr;display:grid}.sidebar{background:radial-gradient(circle at 0 0,#0e728d57,#0000 34%),radial-gradient(circle at 100% 100%,#bb8b3238,#0000 28%),linear-gradient(#071c2dfa,#041422fc);border-right:1px solid #f5f0e614;flex-direction:column;gap:28px;padding:40px 28px 32px;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";opacity:.34;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 32px),linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 32px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.brand-block{z-index:1;position:relative}.brand-mark{background:linear-gradient(135deg,#c6a15b42,#0e728d38),#ffffff0d;border:1px solid #d7bf8d47;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:18px;display:grid;box-shadow:inset 0 1px #ffffff29,0 24px 45px #020b1447}.brand-mark span{color:#f1e5c9;letter-spacing:.08em;font-family:Baskerville,Palatino Linotype,serif;font-size:2.15rem;font-weight:700}.brand-domain{color:#f5f0e6eb;letter-spacing:.08em;text-transform:lowercase;margin:0 0 6px;font-size:1.05rem}.brand-block h1{color:var(--text-light);margin:12px 0 16px;font-size:clamp(2.2rem,4.2vw,3.45rem);line-height:.92}.lead{color:#f5f0e6c2;max-width:24rem}.brand-note{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.brand-note span{color:#f5f0e6c7;letter-spacing:.04em;background:#ffffff0f;border:1px solid #dec68f2e;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.main-nav{z-index:1;gap:12px;display:grid;position:relative}.nav-link{color:#f5f0e6e0;background:#ffffff0a;border:1px solid #ffffff0a;border-radius:18px;justify-content:space-between;align-items:center;padding:15px 18px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,#0e728d42,#bb8b321f);border-color:#d8bf8a38;transform:translate(4px);box-shadow:0 18px 30px #020b1438}.sidebar-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#ffffff0f;border:1px solid #d6be9024;border-radius:24px;margin-top:auto;padding:20px;position:relative}.sidebar-card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mini-stats{gap:12px;margin:0;display:grid}.mini-stats div{justify-content:space-between;gap:16px;display:flex}.mini-stats dt{color:#f5f0e6a3}.mini-stats dd{color:#f5f0e6f5;margin:0;font-weight:700}.main-stage{background:radial-gradient(circle at 100% 0,#0e728d29,#0000 22%),radial-gradient(circle at 20% 0,#bb8b322e,#0000 20%),linear-gradient(#faf7effa,#eee8dcfa);padding:32px;position:relative;overflow:hidden}.main-stage:before{content:"";pointer-events:none;opacity:.55;background:linear-gradient(45deg,#12263a06 25%,#0000 25% 50%,#12263a06 50% 75%,#0000 75%,#0000) 0 0/38px 38px,linear-gradient(90deg,#ffffff57,#fff0);position:absolute;inset:0}.main-stage>*{z-index:1;position:relative}.site-masthead{background:radial-gradient(circle at 0 0,#bb8b3233,#0000 28%),radial-gradient(circle at 100% 100%,#0e728d2e,#0000 24%),linear-gradient(135deg,#09293ff5,#124c62f0);border:1px solid #d8bf8a33;border-radius:30px;justify-content:space-between;align-items:stretch;gap:22px;margin-bottom:24px;padding:26px 28px;display:flex;box-shadow:0 28px 60px #071c2d2e}.masthead-copy{max-width:44rem}.masthead-title-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.masthead-title{color:#f7f1e3;letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,4vw,3.6rem);line-height:.95}.masthead-page-tag{color:#f7f1e3e0;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border:1px solid #e6d2aa2e;border-radius:999px;align-items:center;padding:9px 14px;font-size:.88rem;display:inline-flex}.masthead-lead{color:#f7f1e3c7;margin:14px 0 0;font-size:1.02rem;line-height:1.65}.masthead-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:min(420px,100%);display:grid}.masthead-chip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #e6d2aa24;border-radius:22px;min-width:120px;padding:16px 18px}.masthead-chip span,.masthead-chip strong{display:block}.masthead-chip span{color:#f7f1e39e;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.masthead-chip strong{color:#f7f1e3;margin-top:10px;font-size:1.2rem}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(2.2rem,3vw,2.9rem)}.topbar-actions{align-items:center;gap:14px;display:flex}.refresh-meta{text-align:right;color:var(--muted);flex-direction:column;gap:4px;display:flex}.refresh-meta strong{color:var(--text);font-size:.95rem}.banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0000;border-radius:18px;margin-bottom:18px;padding:14px 16px}.error-banner{color:#8f2f3d;background:#c54b5c1a;border-color:#c54b5c2e}.neutral-banner{color:#0c5d74;background:#0e728d14;border-color:#0e728d29}.page-content{animation:.24s page-in}.site-footer{border-top:1px solid #12263a14;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;padding:20px 0 4px;display:grid}.footer-column{gap:6px;display:grid}.footer-column span{color:var(--muted)}.footer-column strong{color:var(--text)}.stack{gap:20px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:linear-gradient(#fffffff0,#f8f5eddb);border:1px solid #12263a14;border-radius:26px;padding:20px;box-shadow:0 18px 42px #081a2914}.metric-card p,.metric-card span{color:var(--muted);margin:0}.metric-card strong{color:var(--text);margin:10px 0 6px;font-size:2rem;display:block}.tone-success strong{color:var(--success)}.tone-danger strong{color:var(--danger)}.tone-warm strong{color:var(--warm)}.overview-grid{grid-template-columns:1.45fr 1fr;gap:20px;display:grid}.panel,.hero-panel,.chart-card{background:linear-gradient(#ffffffe0,#f7f3ebd6);border:1px solid #12263a14;border-radius:28px;padding:22px;box-shadow:0 24px 54px #081a2914}.hero-panel{color:var(--text-light);background:radial-gradient(circle at 100% 0,#bb8b3238,#0000 28%),linear-gradient(135deg,#072c47f5,#0c5c74f5);border-color:#d6be9033}.hero-panel .eyebrow,.hero-panel h3{color:var(--text-light)}.hero-panel p:last-child{color:#f5f0e6c2}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-heading h3,.hero-panel h3,.detail-header h3{margin:6px 0 0;font-size:1.45rem}.monitor-cards,.activity-list,.log-list,.header-list{gap:14px;display:grid}.monitor-card,.activity-row,.log-item{background:linear-gradient(#ffffffd6,#f6f1e8e6);border:1px solid #12263a14;border-radius:22px;padding:16px}.monitor-card-top,.activity-meta,.log-meta,.detail-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.monitor-card h4{margin:14px 0 6px;font-size:1.1rem}.monitor-card p,.subtle-copy,.detail-url{color:var(--muted);word-break:break-word}.monitor-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.monitor-card dt,.fact-row span{color:var(--muted)}.monitor-card dd{margin:4px 0 0;font-weight:700}.activity-row strong,.log-item strong{margin-top:12px;display:block}.success{border-color:#1f9f6a38}.failure{border-color:#c54b5c38}.table-wrap{overflow-x:auto}.monitor-table{border-collapse:collapse;width:100%}.monitor-table th,.monitor-table td{text-align:left;vertical-align:top;border-bottom:1px solid #12263a14;padding:14px 10px}.table-link,.text-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.table-link{margin-bottom:6px;font-weight:700;display:block}.detail-grid{grid-template-columns:320px 1fr;gap:20px;display:grid}.fact-row{border-bottom:1px solid #12263a14;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.fact-row:last-child{border-bottom:0}.monitor-chart{background:linear-gradient(#fdfcf8fa,#f3efe7e6);border-radius:22px;width:100%;height:auto;display:block}.chart-stage{position:relative}.scientific-chart-stage{background:linear-gradient(#ffffffb8,#f6f2eae0);border:1px solid #12263a14;border-radius:24px;padding:14px}.scientific-chart-card{overflow:hidden}.chart-description{max-width:40rem;color:var(--muted);margin:10px 0 0}.chart-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.chart-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.chart-summary-card{background:#ffffffbd;border:1px solid #12263a14;border-radius:20px;padding:14px 16px}.chart-summary-card span,.chart-summary-card small{color:var(--muted);display:block}.chart-summary-card strong{color:var(--text);margin:8px 0 6px;font-size:1.45rem;display:block}.chart-gridline{stroke:#12263a1f;stroke-dasharray:4 7}.chart-vertical-gridline{stroke:#12263a14;stroke-dasharray:3 7}.chart-axis-label,.chart-scale-label{fill:var(--muted);font-size:11px}.chart-axis-label{text-anchor:middle}.chart-scale-label{text-anchor:end}.chart-axis-title{fill:#12263a85;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.chart-area-fill{opacity:.95}.chart-series-line{stroke:#0e728d;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-status-cell.success{fill:#1f9f6aa6}.chart-status-cell.failure{fill:#c54b5cb8}.chart-failure-marker line{stroke:#c54b5c57;stroke-width:1.5px;stroke-dasharray:4 6}.chart-failure-marker rect{fill:#c54b5c}.chart-crosshair line{stroke:#0e728d8c;stroke-width:1.5px;stroke-dasharray:5 6}.chart-hover-dot{fill:#0e728d;stroke:#fffffff5;stroke-width:3px}.chart-latest-marker circle:first-child{fill:#0e728d;stroke:#fffffff5;stroke-width:2px}.chart-latest-marker circle:last-child{fill:none;stroke:#0e728d38;stroke-width:2px}.chart-tooltip{color:#f5f0e6;pointer-events:none;z-index:2;background:#071c2df2;border-radius:20px;min-width:250px;max-width:320px;padding:16px 18px;position:absolute;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 20px 45px #071c2d4d}.scientific-tooltip{border:1px solid #e7dcc41f}.chart-tooltip-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.chart-tooltip strong{font-size:1.05rem;display:block}.chart-tooltip p{color:#f8f3ebd1;margin-top:10px}.chart-tooltip-row{justify-content:space-between;gap:16px;font-size:.86rem;display:flex}.tooltip-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.tooltip-status.success{color:#6ef1aa;background:#1f9f6a2e}.tooltip-status.failure{color:#ffc4cc;background:#c54b5c33}.chart-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:12px;display:flex}.scientific-chart-footer{margin-top:14px}.range-toggle,.scale-toggle{background:#12263a0f;border:1px solid #12263a14;border-radius:999px;padding:4px;display:inline-flex}.scale-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px;transition:background .16s,color .16s}.scale-button.active{color:var(--accent);background:#0e728d24}.chart-refresh-note{color:var(--muted);margin-top:12px;font-size:.92rem}.empty-chart,.loading-panel{text-align:center;color:var(--muted);background:#ffffffc2;border:1px dashed #12263a24;border-radius:26px;padding:28px}.monitor-form{gap:20px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wide-field{grid-column:1/-1}.monitor-form label{gap:8px;font-weight:600;display:grid}.monitor-form label span{color:var(--muted)}.monitor-form input,.monitor-form textarea,.monitor-form select{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:#ffffffe6;border:1px solid #12263a1f;border-radius:16px;padding:13px 14px}.field-note{color:var(--muted);background:#0e728d14;border:1px solid #0e728d1f;border-radius:16px;padding:12px 14px;line-height:1.55}.header-row{grid-template-columns:1fr 1.5fr auto;gap:12px;display:grid}.toggle-field{align-items:start}.toggle{color:var(--text);cursor:pointer;background:#ffffffe0;border:1px solid #12263a24;border-radius:999px;padding:10px 14px}.toggle.on{color:#177550;background:#1f9f6a24;border-color:#1f9f6a3d}.form-actions{justify-content:flex-end;gap:12px;display:flex}.primary-button,.ghost-button,.danger-button{font:inherit;cursor:pointer;border-radius:999px;padding:11px 18px;transition:transform .16s,opacity .16s}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:wait;opacity:.66;transform:none}.primary-button{color:#f7f2e8;background:linear-gradient(135deg,#0e728d,#1d93a8);border:0}.ghost-button{color:var(--text);background:#ffffffbd;border:1px solid #12263a24}.danger-button{color:#9f3142;background:#c54b5c24;border:0}.inline-error,.error-copy{color:#9f3142}.detail-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-filter{color:var(--text);background:#ffffffd1;border:1px solid #12263a24;border-radius:999px;padding:10px 14px}.collapsed-note{color:var(--muted);background:#0e728d0f;border:1px dashed #0e728d29;border-radius:18px;padding:14px 16px}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071c2d61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-dialog{background:linear-gradient(#fcf9f2fa,#f5f0e6fa);border:1px solid #12263a1a;border-radius:30px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 40px 90px #071c2d3d}.modal-header{border-bottom:1px solid #12263a14;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;display:flex}.modal-header h3{margin:8px 0 0;font-size:1.55rem}.modal-description{max-width:44rem;color:var(--muted);margin:10px 0 0}.modal-close{color:var(--text);font:inherit;cursor:pointer;background:#fffc;border:1px solid #12263a24;border-radius:999px;padding:10px 16px}.modal-body{max-height:calc(100vh - 180px);padding:22px 26px 26px;overflow:auto}.modal-body .panel{box-shadow:none;background:linear-gradient(#ffffffdb,#f7f3ebe6)}.status-pill{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-pill.success{color:#177550;background:#1f9f6a24}.status-pill.danger{color:#9f3142;background:#c54b5c24}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0;font-size:.76rem}.sidebar .eyebrow{color:#f5f0e694}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0}.metrics-grid,.overview-grid,.detail-grid,.form-grid,.site-footer,.masthead-rail,.chart-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.main-stage,.sidebar{padding:22px 18px}.topbar{flex-direction:column;align-items:stretch}.site-masthead{padding:22px 20px}.masthead-title{font-size:2.2rem}.topbar-actions,.refresh-meta{text-align:left;align-items:flex-start}.chart-toolbar{justify-content:flex-start}.header-row{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal-header,.modal-body{padding-left:18px;padding-right:18px}.modal-header{flex-direction:column}}