:root{font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;color:#dce8f6;background:radial-gradient(circle at top left,rgba(34,193,94,.14),transparent 24%),radial-gradient(circle at right 20%,rgba(73,142,196,.1),transparent 28%),linear-gradient(180deg,#07162a,#0c213d)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.login-shell,.dashboard{width:min(1260px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.2fr) minmax(320px,.7fr);align-items:center;gap:18px}.login-copy,.login-form,.topbar,.filters,.metric-card,.panel{border:1px solid rgba(124,162,214,.2);background:#08192ed1;box-shadow:0 24px 64px #02081252;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-copy,.login-form{border-radius:24px;padding:28px}.brand-logo{width:66px;height:66px;object-fit:contain;margin-bottom:10px}.eyebrow{display:inline-flex;margin:0 0 12px;padding:7px 11px;border-radius:999px;background:#22c15e29;color:#9ee8bb;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}.login-copy h1,.topbar h1{margin-bottom:0;line-height:.98;letter-spacing:-.04em}.login-copy h1{max-width:10ch;font-size:clamp(3.4rem,8vw,6.2rem)}.lede{max-width:58ch;margin-bottom:0;color:#c0d3ea;font-size:1.06rem}.login-form{display:grid;gap:14px}.login-form h2{margin-bottom:0}.login-form label,.filters label{display:grid;gap:7px;color:#d2e3f8;font-size:.9rem}.login-form input,.filters input,.filters select{width:100%;min-height:42px;border:1px solid rgba(124,162,214,.32);background:#061323e0;color:#ecf5ff;border-radius:8px;padding:9px 11px;outline:none}.login-form button,.topbar button,.filters button{min-height:42px;border:1px solid rgba(34,193,94,.48);border-radius:8px;background:#22c15e38;color:#cdf2dd;padding:10px 14px;font-weight:700}.error{color:#ffb4b4}.notice{border:1px solid rgba(124,162,214,.2);border-radius:8px;padding:12px 14px;background:#08192ebf}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:16px;padding:20px}.topbar h1{font-size:clamp(2rem,4vw,3.4rem)}.view-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto}.view-tabs button,.search-launch button,.search-actions button,.panel-head button{min-height:42px;border:1px solid rgba(124,162,214,.28);border-radius:8px;background:#08192ec2;color:#dce8f6;padding:10px 14px;font-weight:700}.view-tabs button.active,.search-actions button{border-color:#22c15e80;background:#22c15e33;color:#cdf2dd}.filters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) auto;gap:12px;margin-top:16px;border-radius:12px;padding:16px}.monitoring-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.metric-grid,.bucket-grid{display:grid;gap:12px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.monitoring-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.monitoring-metrics .metric-card strong{overflow-wrap:anywhere;font-size:clamp(1.45rem,2vw,2rem)}.metric-card,.panel{border-radius:12px;padding:16px}.metric-card span,.panel-head p,.muted{color:#9fb6ce}.metric-card span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;color:#fff;font-size:2rem;line-height:1}.metric-card p{margin:8px 0 0;color:#bdd1e7;font-size:.88rem}.panel{margin-top:16px}.confidence-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;border:1px solid rgba(251,191,36,.38);border-radius:12px;background:#5c421075;padding:18px}.confidence-strip h2{margin-bottom:0;color:#fff7d6;font-size:1.6rem}.confidence-strip p:last-child{max-width:68ch;margin-bottom:0;color:#f6df9b}.confidence-strip.ok_reconciled{border-color:#34d39961;background:#134e4a6b}.confidence-strip.ok_reconciled p:last-child,.confidence-strip.ok_reconciled h2{color:#c9f7e0}.confidence-strip.pending_errors,.confidence-strip.mismatch{border-color:#f8717166;background:#5b18186b}.confidence-strip.pending_errors p:last-child,.confidence-strip.pending_errors h2,.confidence-strip.mismatch p:last-child,.confidence-strip.mismatch h2{color:#ffd4d4}.monitoring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monitoring-grid .panel{margin-top:12px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel h2{margin-bottom:0;color:#ecf6ff;font-size:1.12rem}.panel h3{margin:0 0 10px;color:#dce8f6;font-size:.96rem}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.key-metric{min-width:0;border:1px solid rgba(124,162,214,.14);border-radius:8px;background:#06132375;padding:12px}.key-metric span,.key-metric small{display:block;color:#9fb6ce;font-size:.76rem}.key-metric strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:#fff;font-size:1.02rem}.key-metric small{margin-top:5px}.blocker-list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.blocker-list li{border:1px solid rgba(251,191,36,.28);border-radius:8px;background:#fbbf2414;color:#f8dfa4;padding:9px 10px;overflow-wrap:anywhere}.monitoring-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.bucket-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.search-launch{display:flex;justify-content:flex-end;margin-top:16px}.search-panel{margin-top:12px}.search-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.search-text{grid-column:1 / -1}.search-text textarea{width:100%;min-height:120px;resize:vertical;border:1px solid rgba(124,162,214,.32);background:#061323e0;color:#ecf5ff;border-radius:8px;padding:9px 11px;outline:none}.search-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.search-summary,.search-empty{margin-top:14px}.text-cell{max-width:34ch;white-space:normal;word-break:break-word;line-height:1.35}.compact{margin-top:0}.bucket-list{display:grid;gap:12px;margin-top:14px}.bucket-head{display:flex;justify-content:space-between;gap:12px;color:#dce8f6;font-size:.9rem}.bucket-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;overflow:hidden;border-radius:999px;background:#ffffff17}.bar-fill{height:100%;border-radius:inherit;background:#22c55e}.hour-chart{display:flex;min-height:190px;align-items:end;gap:8px;overflow-x:auto;padding-top:16px}.hour{display:grid;min-width:48px;flex:1;gap:8px;text-align:center}.hour-bars{display:flex;height:138px;align-items:end;gap:3px}.hour-bars span{display:block;width:100%;min-height:2px;border-radius:6px 6px 0 0}.hour-bars .total{background:#60a5fa}.hour-bars .ok{background:#34d399}.hour-bars .bad{background:#f87171}.hour small{color:#9fb6ce;font-size:.72rem}.table-wrap{margin-top:14px;overflow-x:auto}table{width:100%;min-width:1120px;border-collapse:collapse;font-size:.86rem}th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:11px 10px;text-align:left}th{color:#9fb6ce;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}td{color:#e5effb}.mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}.status{display:inline-flex;border:1px solid transparent;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:700}.status.delivered{border-color:#34d39947;background:#34d39921;color:#b6f6d5}.status.failed{border-color:#f871714d;background:#f871711f;color:#ffc4c4}.status.pending{border-color:#fbbf244d;background:#fbbf241f;color:#fde6a3}@media (max-width: 1180px){.filters,.metric-grid,.bucket-grid,.monitoring-grid,.monitoring-tables{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.login-shell,.topbar,.filters,.metric-grid,.bucket-grid,.monitoring-grid,.monitoring-tables,.key-grid{grid-template-columns:1fr}.confidence-strip{align-items:stretch;flex-direction:column}.topbar{align-items:stretch}.login-copy h1{max-width:none;font-size:clamp(2.8rem,13vw,4rem)}}