@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#080d15;--panel:#0e1622;--panel2:#111c2a;--border:#1e2b3c;--text:#edf3fa;--muted:#8493a7;--dim:#536278;--blue:#55a9ff;--cyan:#5ce1d0;--green:#4dd6a1;--amber:#ffbf69;--red:#ff777f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(ellipse at 78% -20%,rgba(34,92,142,.12),transparent 45%),var(--bg)}.app-shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:244px;min-width:244px;background:#0b111b;border-right:1px solid #1a2635;flex-direction:column;padding:26px 15px 14px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;color:#07121a;background:linear-gradient(135deg,#65e7d3,#55a9ff);border-radius:11px;box-shadow:0 5px 20px #55a9ff18}.brand-name{font:700 14px Space Grotesk,sans-serif;letter-spacing:.08em;white-space:nowrap}.brand-name span{font-weight:500;color:#a5b4c7}.brand-caption{font:500 8px DM Mono,monospace;letter-spacing:.13em;color:#65768c;margin-top:4px}.workspace-label{font:500 9px DM Mono,monospace;letter-spacing:.14em;color:#56677d;padding:0 12px 11px}.nav-list{display:grid;grid-gap:5px;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#8b9bb0;border-radius:7px;transition:.15s;position:relative;font-size:12px}.nav-item:hover{color:#e7f0fb;background:#121e2c}.nav-item.active{color:#dff3ff;background:linear-gradient(90deg,#173149,#122337);box-shadow:inset 2px 0 #58b8ff}.nav-item.active svg{color:#62c2ff}.nav-dot{width:5px;height:5px;background:#55d9c0;border-radius:50%;margin-left:auto;box-shadow:0 0 9px #55d9c0}.sidebar-bottom{margin-top:auto}.sidebar-status{padding:14px 13px;margin:0 2px 15px;border:1px solid #1d3441;border-radius:9px;background:linear-gradient(135deg,#10251f,#101a24)}.status-heading{font:500 9px DM Mono,monospace;color:#8ea4a9;letter-spacing:.07em;display:flex;align-items:center;gap:7px}.status-main{font-size:11px;font-weight:600;color:#d7f9e9;margin-top:12px}.status-sub{font-size:10px;color:#738c8a;margin-top:4px}.status-light{width:6px;height:6px;border-radius:50%;display:inline-block;background:#59677b;flex-shrink:0}.status-light.online{background:var(--green);box-shadow:0 0 8px #4dd6a166}.status-light.offline{background:var(--red);box-shadow:0 0 8px #ff777f55}.status-light.connecting{background:var(--amber)}.nav-item.muted{margin-bottom:15px}.profile{border-top:1px solid #1a2635;padding:17px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;border-radius:9px;background:#203c56;color:#9dd7ff;display:grid;place-items:center;font:600 10px Space Grotesk,sans-serif}.profile-copy{display:grid;grid-gap:3px;gap:3px}.profile-copy strong{font-size:11px;font-weight:600}.profile-copy span{font-size:9px;color:#718198}.profile-help{margin-left:auto;color:#63748a}.main-panel{width:calc(100% - 244px);margin-left:244px;min-width:0}.topbar{height:67px;border-bottom:1px solid #1a2635;justify-content:space-between;padding:0 34px;background:#0b111bcc;position:-webkit-sticky;position:sticky;top:0;z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:11px;color:#718198;font-size:11px}.breadcrumbs strong{font-weight:500;color:#dce7f4}.crumb-slash{color:#35475b}.topbar-actions{display:flex;align-items:center;gap:10px}.connection-pill{height:27px;display:flex;align-items:center;gap:7px;border:1px solid #25473e;background:#10251f;color:#7be1b5;padding:0 10px;border-radius:5px;font:500 9px DM Mono,monospace;letter-spacing:.04em}.connection-pill.offline{color:#ff9ba0;background:#2a171d;border-color:#503039}.connection-pill.connecting{color:#ffd08c;background:#2b2419;border-color:#4a3b25}.icon-button{display:flex;align-items:center;gap:7px;height:31px;padding:0 10px;color:#91a1b6;background:#111a27;border:1px solid #273548;border-radius:6px;font-size:10px}.icon-button.toggled,.icon-button:hover{color:#c8eaff;border-color:#3b6b8c}.icon-button.toggled svg{color:#5be0c0}.content{max-width:1600px;margin:0 auto;padding:32px 34px 18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:8px;color:#6faed6;font:500 9px DM Mono,monospace;letter-spacing:.17em}.eyebrow-line{width:17px;height:1px;background:#4db7e8}h1{font:600 clamp(28px,3vw,35px) Space Grotesk,sans-serif;letter-spacing:-.045em;margin:10px 0 6px}.heading-period{color:#5ccece}.page-description{color:#7e8da2;margin:0;font-size:12px}.export-button{height:35px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #2a4055;background:#152234;color:#cce9ff;border-radius:6px;font-size:11px;font-weight:600}.export-button:hover{background:#1b3047;border-color:#477ba2}.error-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#291a1d;border:1px solid #61343a;color:#ffb6ba;border-radius:8px;margin-bottom:17px}.error-banner div{display:grid;grid-gap:3px;gap:3px;flex:1 1}.error-banner strong{font-size:11px}.error-banner span{font-size:11px;color:#d9959a}.error-banner button{background:transparent;border:1px solid #78464b;color:#ffd3d5;border-radius:5px;padding:6px 10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:23px}.metric-card{background:linear-gradient(145deg,#111b29,#0e1621);border:1px solid #202e40;border-radius:9px;padding:16px 17px 14px;min-height:139px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-28px;top:-40px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#4da7ff09,transparent 70%);pointer-events:none}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.metric-icon.blue{background:#16314b;color:#67baff}.metric-icon.amber{background:#342a1b;color:#ffc477}.metric-icon.red{background:#351f29;color:#ff8e9b}.metric-icon.green{background:#14332e;color:#5fe0b6}.metric-kicker{font:500 8px DM Mono,monospace;letter-spacing:.1em;color:#5b718a}.metric-label{font-size:10px;color:#8797ab}.metric-value{font:600 25px Space Grotesk,sans-serif;letter-spacing:-.03em;margin-top:3px}.metric-note{font-size:9px;color:#64758b;margin-top:4px}.logs-card{border:1px solid #202e40;background:#0e1621;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px #00000013}.card-top{padding:18px 20px;justify-content:space-between;border-bottom:1px solid #1d2939}.card-title-wrap,.card-top{display:flex;align-items:center}.card-title-wrap{gap:12px}.card-icon{width:34px;height:34px;border:1px solid #2a4053;background:#142334;color:#68b9ee;border-radius:8px;display:grid;place-items:center}.card-title-wrap h2{font:600 14px Space Grotesk,sans-serif;margin:0 0 4px}.card-title-wrap p{font-size:10px;color:#728399;margin:0}.small-separator{padding:0 5px;color:#41546a}.stream-indicator{font:500 9px DM Mono,monospace;color:#5bd8b0;letter-spacing:.09em;display:flex;align-items:center;gap:8px}.filter-bar{display:flex;gap:9px;padding:14px 18px;border-bottom:1px solid #1d2939;background:#0d1520}.search-box{height:34px;display:flex;align-items:center;gap:9px;padding:0 10px;background:#0a111b;border:1px solid #263448;border-radius:6px;flex:1 1;min-width:180px;color:#657991}.search-box:focus-within{border-color:#4a8bb6;box-shadow:0 0 0 2px #398bc21a}.search-box input{background:transparent;border:0;outline:0;color:#e5effa;width:100%;min-width:0;font-size:10px}.search-box input::placeholder{color:#586a80}.search-box button{border:0;background:transparent;color:#8498ae;font-size:19px;padding:0 2px}.filter-select{height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #263448;background:#101a27;border-radius:6px;color:#74869c;position:relative}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:#b7c5d7;font-size:10px;min-width:70px;max-width:150px;padding-right:2px;cursor:pointer}.filter-select select option{background:#111c2a;color:#eaf1fa}.filter-select>svg:last-child{pointer-events:none;color:#5e7187}.table-meta{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:#aab9cb;font-size:10px}.table-meta strong{color:#eaf2fa;font-weight:600}.meta-muted{color:#63758b;margin-left:4px}.latest-meta{display:flex;align-items:center;gap:6px;color:#71839a;font-size:9px}.new-events{border:1px solid #275b55;background:#12312b;color:#7de4bf;border-radius:4px;font:500 9px DM Mono,monospace;padding:4px 6px;margin-left:6px}.table-scroll{overflow:auto;max-height:calc(100vh - 455px);min-height:280px}table{border-collapse:collapse;width:100%;min-width:880px;text-align:left}thead{background:#101a27;position:-webkit-sticky;position:sticky;top:0;z-index:1}th{height:36px;padding:0 13px;color:#60758d;font:500 8px DM Mono,monospace;letter-spacing:.1em;border-top:1px solid #1d2939;border-bottom:1px solid #253244;white-space:nowrap}td:first-child,th:first-child{padding-left:20px}.time-col{width:160px}.detail-col{width:65px;text-align:center}td{padding:10px 13px;border-bottom:1px solid #1a2635;color:#b5c3d4;font-size:10px;white-space:nowrap}.log-row{cursor:pointer;transition:background .12s}.log-row:hover{background:#132131}.log-row:hover td{color:#e3effc}.time-cell{font-family:DM Mono,monospace;color:#a6b5c7;font-size:10px}.time-cell small{display:block;color:#4e6077;font-size:8px;margin-top:4px}.level-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid #263b4a;background:#13232c;border-radius:4px;color:#80d8c4;font:500 8px DM Mono,monospace;letter-spacing:.03em}.level-badge>span{width:5px;height:5px;border-radius:50%;background:#5bd5b1}.level-badge.warning{border-color:#4b3b27;background:#292317;color:#ffd08a}.level-badge.warning>span{background:#ffbd61}.level-badge.critical,.level-badge.error{border-color:#51313a;background:#2b1b22;color:#ff9ba5}.level-badge.critical>span,.level-badge.error>span{background:#ff737f}.source-label{display:inline-flex;align-items:center;gap:7px;color:#c5d4e5;font-size:10px}.source-mark{width:21px;height:21px;border-radius:5px;background:#1b2b3d;color:#78b9e9;display:inline-grid;place-items:center;font:500 9px DM Mono,monospace;border:1px solid #2a4056}.message-text{color:#d0dbe8}.server-label{display:inline-flex;align-items:center;gap:6px;color:#788ca4;font:400 9px DM Mono,monospace}.server-dot{width:5px;height:5px;border-radius:50%;background:#4bbf9e}.details-button{display:grid;place-items:center;width:27px;height:27px;margin:auto;border:1px solid transparent;background:transparent;color:#667c94;border-radius:5px}.details-button:hover{background:#1a2a3b;border-color:#30485e;color:#9bd4ff}.empty-state{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#72849b;text-align:center}.empty-icon{width:46px;height:46px;border:1px solid #263a4d;background:#132131;border-radius:12px;display:grid;place-items:center;color:#6aa8d4;margin-bottom:4px}.empty-state strong{color:#d0dce9;font:600 13px Space Grotesk,sans-serif}.empty-state span{font-size:10px}.empty-state button{margin-top:6px;padding:7px 10px;background:#172a3c;color:#a6d8fa;border:1px solid #34516a;border-radius:5px;font-size:10px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #1d2939;background:#0c141e;color:#60748a;font-size:9px}.table-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-live-dot{width:5px;height:5px;border-radius:50%;background:#52d6a9;box-shadow:0 0 6px #52d6a955}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 2px 4px;color:#50637a;font:500 8px DM Mono,monospace;letter-spacing:.09em}.footer-divider{padding:0 6px;color:#2f4055}.page-footer span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:0;color:#5c7489}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03070cc9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.detail-modal{width:min(470px,100%);height:100%;overflow:auto;background:#0d1622;border-left:1px solid #2a3b50;box-shadow:-20px 0 80px #0008;padding:26px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #223044}.modal-header h2{font:600 23px Space Grotesk,sans-serif;margin:8px 0 0}.modal-header h2 span{color:#6e829b;font-size:15px}.modal-close{width:31px;height:31px;border:1px solid #2a3b50;background:#131f2d;color:#a5b7cb;border-radius:6px;font-size:21px}.modal-summary{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #223044}.detail-field{padding:17px 0;border-bottom:1px solid #1d2b3d;display:grid;grid-gap:8px;gap:8px;color:#cbd8e6;font-size:12px;overflow-wrap:anywhere}.detail-field label{font:500 9px DM Mono,monospace;color:#71859d;letter-spacing:.11em;text-transform:uppercase}.detail-message{font-size:14px;color:#eef5fc}.mono{font:10px DM Mono,monospace;color:#8fb6d9}.json-view{white-space:pre-wrap;word-break:break-word;background:#080f18;border:1px solid #1d2b3d;border-radius:7px;padding:13px;color:#8fdcc4;font:10px/1.7 DM Mono,monospace;max-height:300px;overflow:auto;margin:0}.modal-done{margin-top:22px;width:100%;height:37px;border:1px solid #315c7a;background:#17334a;color:#c7e8ff;border-radius:6px;font-size:11px;font-weight:600}@media(max-width:1100px){.sidebar{width:210px;min-width:210px}.main-panel{margin-left:210px;width:calc(100% - 210px)}.content{padding:27px 23px}.topbar{padding:0 23px}.metric-grid{gap:9px}.metric-card{padding:14px}.filter-bar{flex-wrap:wrap}.search-box{flex-basis:100%}.table-scroll{max-height:calc(100vh - 510px)}}@media(max-width:760px){.sidebar{width:58px;min-width:58px;padding:18px 7px}.brand{padding:0 3px 28px}.brand-mark{width:39px;height:39px;flex-shrink:0}.brand>div:nth-child(2),.nav-item.active,.nav-item:not(.active),.workspace-label{font-size:0}.nav-item{justify-content:center;padding:12px 0}.nav-item svg{width:19px;height:19px}.nav-item.active .nav-dot{position:absolute;right:5px;top:8px}.nav-item.muted,.profile-copy,.profile-help,.sidebar-status{display:none}.profile{justify-content:center;padding:15px 0 0}.main-panel{margin-left:58px;width:calc(100% - 58px)}.topbar{height:57px;padding:0 14px}.breadcrumbs{font-size:10px;gap:7px}.topbar-actions{gap:5px}.connection-pill{font-size:0;padding:0 8px}.connection-pill .status-light{width:7px;height:7px}.icon-button{padding:0 8px}.icon-button span{display:none}.content{padding:23px 13px}.page-heading{align-items:flex-start;gap:10px}.page-description{max-width:300px;line-height:1.5}.export-button{font-size:0;padding:0 10px;flex-shrink:0}.export-button svg{width:17px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.metric-card{min-height:126px;padding:13px}.metric-value{font-size:23px}.card-top{padding:15px}.card-title-wrap p{max-width:230px;line-height:1.5}.stream-indicator{font-size:0}.filter-bar{padding:11px;gap:7px}.filter-select{flex:1 1;min-width:0;padding:0 7px}.filter-select select{min-width:0;width:100%;font-size:9px}.filter-select:first-of-type{flex:1.1 1}.table-meta{padding:0 12px}.latest-meta{font-size:0}.latest-meta svg{width:14px;height:14px}.table-footer{padding:11px 12px}.table-footer>span:last-child{max-width:48%;text-align:right;line-height:1.4}.page-footer{font-size:7px;gap:10px}.page-footer span:last-child{font-size:0}.page-footer span:last-child svg{width:15px;height:15px}.detail-modal{padding:21px}.table-scroll{max-height:none}}