: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-frame{min-height:100vh;color:var(--text);background:linear-gradient(90deg,#061d3014 0 1px,#0000 1px 48px) 0 0/48px 48px,linear-gradient(0deg,#061d300d 0 1px,#0000 1px 48px) 0 0/48px 48px,linear-gradient(#f6f3eb,#ebe4d7)}.site-masthead{background:linear-gradient(#061d30fa,#0a2b3ef5);border-bottom:1px solid #ded0b233}.site-masthead-inner{justify-content:space-between;align-items:stretch;gap:28px;padding:24px 32px;display:flex}.masthead-brand{align-items:flex-start;gap:18px;min-width:0;display:flex}.brand-logo{color:#f0dfbb;stroke:currentColor;stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:58px;height:58px}.masthead-logo{width:74px;height:74px}.sidebar-logo,.footer-logo{width:42px;height:42px}.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:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,4vw,3.5rem);line-height:.95}.masthead-page-tag{color:#f7f1e3d6;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #e6d2aa2e;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.masthead-lead{color:#f7f1e3c2;margin:12px 0 0;font-size:1rem;line-height:1.6}.masthead-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:min(420px,100%);display:grid}.masthead-chip{background:#ffffff0a;border:1px solid #e6d2aa24;min-width:120px;padding:16px 18px}.masthead-chip span,.masthead-chip strong{display:block}.masthead-chip span{color:#f7f1e394;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.masthead-chip strong{color:#f7f1e3;margin-top:10px;font-size:1.18rem}.app-shell{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:0;display:grid}.sidebar{background:linear-gradient(#071c2dfa,#041422fc);border-right:1px solid #f5f0e614;flex-direction:column;gap:24px;padding:28px 24px;display:flex;position:sticky;top:0}.sidebar:before{content:"";opacity:.26;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 28px),linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 28px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.sidebar>*{z-index:1;position:relative}.brand-block{gap:14px;display:grid}.sidebar-brandline,.footer-brand{align-items:center;gap:14px;display:flex}.brand-domain{color:#f5f0e6eb;letter-spacing:.08em;text-transform:lowercase;margin:0 0 6px;font-size:1rem}.lead{color:#f5f0e6bd;max-width:18rem;line-height:1.6}.main-nav{gap:10px;display:grid}.nav-link{color:#f5f0e6e0;background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.nav-link:hover,.nav-link.active{background:#0e728d29;border-color:#d8bf8a57;transform:translate(2px)}.sidebar-card{background:#ffffff0d;border:1px solid #d6be9024;margin-top:auto;padding:18px}.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:linear-gradient(#faf7effa,#eee8dcfa);min-width:0;padding:28px 32px 36px;position:relative}.main-stage:before{content:"";opacity:.2;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#12263a0a 0 1px,#0000 1px 32px),linear-gradient(0deg,#12263a08 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}.main-stage>*{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.04em;text-transform:uppercase;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{border:1px solid #0000;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{background:#f8f5edf0;border-top:1px solid #12263a14}.site-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 32px 22px;display:grid}.metric-card,.panel,.hero-panel,.chart-card,.monitor-card,.activity-row,.log-item,.monitor-chart,.scientific-chart-stage,.chart-summary-card,.chart-tooltip,.range-toggle,.scale-toggle,.scale-button,.empty-chart,.loading-panel,.monitor-form input,.monitor-form textarea,.monitor-form select,.field-note,.toggle,.primary-button,.ghost-button,.danger-button,.date-filter,.collapsed-note,.modal-dialog,.modal-close,.status-pill,.tooltip-status,.nav-link,.sidebar-card,.masthead-page-tag,.masthead-chip,.banner{border-radius:0}.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,#f8f5ede6);border:1px solid #12263a14;padding:20px;box-shadow:0 10px 24px #081a290f}.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}.fleet-summary-grid{grid-template-columns:1.3fr .9fr;gap:20px;display:grid}.fleet-summary-form,.fleet-summary-ledger{gap:16px;display:grid}.panel,.hero-panel,.chart-card{background:linear-gradient(#ffffffe0,#f7f3ebd6);border:1px solid #12263a14;padding:22px;box-shadow:0 10px 28px #081a290f}.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;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);width:100%;height:auto;display:block}.chart-stage{position:relative}.scientific-chart-stage{background:linear-gradient(#ffffffb8,#f6f2eae0);border:1px solid #12263a14;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;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;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;padding:4px;display:inline-flex}.scale-button{color:var(--muted);cursor:pointer;background:0 0;border:0;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;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;padding:13px 14px}.field-note{color:var(--muted);background:#0e728d14;border:1px solid #0e728d1f;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;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;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;padding:10px 14px}.collapsed-note{color:var(--muted);background:#0e728d0f;border:1px dashed #0e728d29;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;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;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;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;position:relative}.metrics-grid,.fleet-summary-grid,.overview-grid,.detail-grid,.form-grid,.site-footer-inner,.masthead-rail,.chart-summary-grid{grid-template-columns:1fr}.site-masthead-inner{flex-direction:column}}@media (width<=720px){.site-masthead-inner,.site-footer-inner,.main-stage,.sidebar{padding:22px 18px}.topbar{flex-direction:column;align-items:stretch}.masthead-brand{flex-direction:column}.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}}