@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eef4f2;font-synthesis:none;--bg:#0b1113;--panel:#11191b;--border:#263235;--muted:#809093;--cyan:#53e0d0;--green:#98e47e;--coral:#ff8e75;--violet:#a798ff;--mono:"DM Mono",monospace;background:#0b1113;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.loading-screen{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:14px;font-size:13px;display:grid}.brand-mark{color:#061011;background:var(--cyan);border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 28px #53e0d033}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:15px}.brand-lockup span{font:500 8px var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:3px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#0d1517;flex-direction:column;flex:0 0 246px;width:246px;padding:28px 16px 17px;display:flex;position:relative}.sidebar>.brand-lockup{padding:0 12px 32px}.workspace-switcher{border:1px solid var(--border);background:#111b1d;border-radius:12px;align-items:center;gap:10px;margin-bottom:27px;padding:11px 12px;display:flex}.workspace-dot,.sync-dot,.live-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #98e47e15}.workspace-switcher div{flex:1}.workspace-switcher small,.workspace-switcher strong{display:block}.workspace-switcher small{color:var(--muted);margin-bottom:2px;font-size:10px}.workspace-switcher strong{font-size:12px}.chevron{color:var(--muted)}nav{flex-direction:column;gap:4px;display:flex}.nav-label{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.15em;color:#59686a;padding:0 12px 9px}.nav-label-spaced{margin-top:22px}nav button{color:#91a0a1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;transition:all .2s;display:flex}nav button:hover{color:#e8f1ef;background:#172224}nav button.is-active{color:var(--cyan);box-shadow:inset 3px 0 var(--cyan);background:#193337}nav button b{color:var(--coral);font:500 10px var(--mono);background:#4b2928;border-radius:99px;margin-left:auto;padding:2px 7px}.icon{text-align:center;width:16px;font-size:17px;line-height:1}.sidebar-bottom{margin-top:auto}.live-card{background:#14231f;border:1px solid #273b32;border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:13px;padding:12px;display:flex}.live-pulse{flex:none;margin-top:4px}.live-card strong,.live-card small{display:block}.live-card strong{color:#b7e7ae;font-size:10px}.live-card small{color:#6c9988;margin-top:4px;font-size:9px}.profile-button{color:#d5dfdd;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:9px 4px;display:flex}.profile-button>span:nth-child(2){flex:1}.profile-button strong,.profile-button small{display:block}.profile-button strong{text-overflow:ellipsis;max-width:150px;font-size:10px;overflow:hidden}.profile-button small{font:9px var(--mono);color:var(--muted);margin-top:3px}.avatar{color:#c7dcff;background:#33485a;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.more{color:var(--muted);letter-spacing:2px;font-size:12px}.main-column{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#0e1618cc;justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex;position:sticky;top:0}.breadcrumbs{align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumbs span{color:var(--muted)}.breadcrumbs b{color:#465456}.top-actions{align-items:center;gap:15px;display:flex}.last-sync{font:10px var(--mono);color:#9dafae}.sync-dot{width:6px;height:6px;margin-right:7px;display:inline-block}.icon-button{border:1px solid var(--border);color:#9eb0b0;background:#121b1d;border-radius:8px;width:31px;height:31px;font-size:17px}.icon-button:hover{color:var(--cyan);border-color:#39716b}.avatar-button{border:0}.mobile-menu{color:#b2c0c0;background:0 0;border:0;font-size:20px;display:none}.content{max-width:1440px;margin:0 auto;padding:42px 48px 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px;display:flex}.eyebrow{font:500 9px var(--mono);color:#738386;text-transform:uppercase;letter-spacing:.15em}.page-heading h1{letter-spacing:-.04em;margin:10px 0 7px;font-size:28px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.primary-button,.secondary-button,.text-button{border:0;border-radius:8px;transition:all .2s}.primary-button{background:var(--cyan);color:#081111;padding:13px 15px;font-size:12px;font-weight:800;box-shadow:0 8px 22px #53e0d01c}.primary-button:hover{background:#83eee1;transform:translateY(-1px)}.primary-button span{margin-left:14px}.primary-button.compact{padding:10px 12px;font-size:11px}.secondary-button{color:#c0cccb;border:1px solid var(--border);background:#121c1e;padding:10px 13px;font-size:11px}.secondary-button:hover{color:#fff;border-color:#55706e}.text-button{color:var(--cyan);background:0 0;padding:3px;font-size:10px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg,#162123,#11191b 70%);border-radius:12px;min-height:118px;padding:17px 18px;position:relative;overflow:hidden}.metric-card:after{content:"";background:var(--accent);opacity:.07;filter:blur(4px);border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30px;right:-30px}.accent-green{--accent:var(--green)}.accent-coral{--accent:var(--coral)}.accent-violet{--accent:var(--violet)}.accent-cyan{--accent:var(--cyan)}.metric-top{color:#91a0a1;justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-spark{color:var(--accent);font-weight:700}.metric-card>strong{letter-spacing:-.05em;margin:14px 0 5px;font-size:27px;display:block}.metric-card>small{color:var(--muted);font-size:10px}.status-pill{font:500 9px var(--mono);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.status-pill.is-ok{color:#94dbaf;background:#193029}.status-pill.is-down{color:#ff9a87;background:#3b2827}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.dashboard-grid{gap:17px;display:grid}.top-grid{grid-template-columns:1.45fr 1fr;margin-bottom:17px}.bottom-grid{grid-template-columns:1.25fr .75fr}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:0;padding:22px}.section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.section-header h2{letter-spacing:-.02em;margin:7px 0 0;font-size:15px}.dark-select,.trace-form select{border:1px solid var(--border);color:#aab8b7;background:#131f21;border-radius:6px;padding:7px 9px;font-size:10px}.chart-meta{justify-content:space-between;align-items:flex-end;margin:3px 0 20px;display:flex}.chart-meta strong{letter-spacing:-.05em;font-size:24px}.chart-meta .positive{margin-left:10px;font-size:10px}.chart-meta small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.positive{color:var(--green)}.legend{font:9px var(--mono);color:var(--muted);gap:13px;display:flex}.legend-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.legend-dot.cyan{background:var(--cyan)}.legend-dot.coral{background:var(--coral)}.area-chart{height:205px;display:flex}.chart-y{color:#526365;width:31px;font:9px var(--mono);flex-direction:column;justify-content:space-between;padding:2px 0 24px;display:flex}.chart-body{flex:1;position:relative}.grid-lines{background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#243336 calc(25% - 1px) 25%);position:absolute;inset:0 0 23px}.chart-body svg{width:100%;height:calc(100% - 23px);position:absolute;inset:0 0 23px;overflow:visible}.chart-x{color:#526365;height:23px;font:9px var(--mono);justify-content:space-between;align-items:flex-end;display:flex}.probe-list{flex-direction:column;gap:7px;display:flex}.probe-row{border-bottom:1px solid #202c2e;align-items:center;gap:10px;padding:10px 0;display:flex}.probe-row:last-child{border-bottom:0}.probe-icon{width:25px;height:25px;color:var(--green);background:#19352d;border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.probe-icon.down{color:var(--coral);background:#422a28}.probe-name{flex:1;min-width:0}.probe-name strong,.probe-name small{text-transform:capitalize;display:block}.probe-name strong{font-size:11px}.probe-name small{color:var(--muted);margin-top:3px;font-size:9px}.health-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin:16px -22px -22px;padding:13px 22px;font-size:10px;display:flex}.health-footer strong{font:10px var(--mono);color:#a8b6b5}.issue-table{width:100%;font-size:10px}.table-head,.table-row{grid-template-columns:2fr 1fr .55fr .7fr;align-items:center;gap:12px;display:grid}.table-head{color:#607072;text-transform:uppercase;font:9px var(--mono);letter-spacing:.08em;padding:0 12px 10px}.table-row{color:#b5c1c0;text-align:left;background:0 0;border:0;border-top:1px solid #202c2e;width:100%;padding:13px 12px}.table-row:hover{background:#172325}.issue-title{min-width:0}.issue-title strong,.issue-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.issue-title strong{color:#e2ebea;font-size:11px}.issue-title small{font:9px var(--mono);color:#667577;margin-top:4px}.severity-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;margin:0 9px 1px 0;display:inline-block}.warning-text{color:var(--coral)}.slo-list{flex-direction:column;gap:18px;display:flex}.slo-label{text-transform:capitalize;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.slo-label strong{font:10px var(--mono);color:var(--cyan)}.progress{background:#243134;border-radius:9px;height:5px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--cyan),#a7f4b3);border-radius:inherit;height:100%;display:block}.slo-note{color:#69797a;border-top:1px solid #223033;margin:22px -22px -22px;padding:14px 22px;font-size:9px}.note-icon{border:1px solid #4f6262;border-radius:50%;place-items:center;width:15px;height:15px;margin-right:6px;display:inline-grid}.empty-state{color:#697a7c;padding:24px 0;font-size:11px}.empty-state.large{text-align:center;padding:58px 20px}.full-panel{min-height:420px}.wide .table-head,.wide .table-row{grid-template-columns:2fr 1fr .5fr 1fr .6fr}.event-list{border-top:1px solid #202c2e}.event-row,.backup-row{border-bottom:1px solid #202c2e;grid-template-columns:100px 1fr 160px;align-items:center;gap:15px;padding:14px 8px;display:grid}.event-kind{font:10px var(--mono);color:var(--cyan);background:#183033;border-radius:5px;width:max-content;padding:5px 7px;display:inline-block}.event-row strong,.event-row small,.backup-row strong,.backup-row small{display:block}.event-row strong{font-size:11px}.event-row small,.backup-row small{font:9px var(--mono);color:var(--muted);margin-top:4px}.event-row time,.backup-row time{font:9px var(--mono);color:var(--muted);text-align:right}.trace-form,.note-form{gap:9px;margin-bottom:24px;display:flex}.trace-form input,.note-form input,.inline-form input{flex:1;min-width:0}.trace-form input,.note-form input,.inline-form input,.auth-form input{border:1px solid var(--border);color:#e6eeee;background:#0d1517;border-radius:7px;padding:10px 11px;font-size:11px}.trace-timeline{border-top:1px solid #202c2e}.trace-row{border-bottom:1px solid #202c2e;grid-template-columns:10px 150px 100px 1fr 70px 60px;align-items:center;gap:15px;padding:15px 8px;font-size:10px;display:grid}.trace-line{background:var(--cyan);border-radius:50%;width:6px;height:6px}.trace-row time,.trace-row small{font:9px var(--mono);color:var(--muted)}.slo-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.slo-detail{border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:18px;display:flex}.slo-detail>div:last-child strong,.slo-detail>div:last-child small{text-transform:capitalize;display:block}.slo-detail small{color:var(--muted);margin-top:5px;font-size:9px}.ring{background:conic-gradient(var(--cyan) var(--value),#233033 0);border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative}.ring:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:6px}.ring strong{z-index:1;font-size:16px;position:relative}.ring small{font-size:9px}.usage-summary{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.usage-bars{max-width:700px}.usage-bar{grid-template-columns:130px 1fr 45px;align-items:center;gap:15px;margin:15px 0;font-size:10px;display:grid}.usage-bar>div{background:#223033;border-radius:8px;height:7px;overflow:hidden}.usage-bar i{background:var(--violet);border-radius:8px;height:100%;display:block}.usage-bar strong{font:10px var(--mono);color:var(--muted);text-align:right}.backup-list{border-top:1px solid #202c2e}.backup-row{grid-template-columns:30px 1fr 90px 160px}.backup-row>.probe-icon{width:23px;height:23px}.backup-row>span:nth-child(3){color:var(--green);font-size:10px}.cardinality-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cardinality-card{border:1px solid var(--border);background:#151f21;border-radius:10px;padding:18px}.cardinality-card small,.cardinality-card span{color:var(--muted);font-size:10px;display:block}.cardinality-card strong{margin:11px 0 3px;font-size:25px;display:block}.inline-form{display:flex}.auth-screen{background:radial-gradient(circle at 50% 46%,#1c3a3a 0,#0b1113 44%);place-items:center;min-height:100vh;padding:20px;display:grid;position:relative}.auth-glow{filter:blur(70px);background:#53e0d018;border-radius:50%;width:520px;height:300px;position:absolute}.auth-card{background:#111a1c;border:1px solid #2b3a3d;border-radius:16px;width:min(100%,430px);padding:43px 42px 28px;position:relative;box-shadow:0 25px 100px #0008}.auth-heading{margin:57px 0 29px}.auth-heading h1{letter-spacing:-.06em;margin:11px 0 14px;font-size:35px;line-height:1.07}.auth-heading em{color:var(--cyan);font-style:normal}.auth-heading p{color:var(--muted);max-width:310px;font-size:12px;line-height:1.6}.auth-form label{color:#95a4a5;margin:15px 0;font-size:10px;display:block}.auth-form input{width:100%;margin-top:7px;padding:13px;display:block}.auth-form .primary-button{text-align:left;width:100%;margin-top:14px}.form-error{color:var(--coral);font-size:10px}.auth-foot{text-align:center;color:#526264;font:9px var(--mono);margin-top:25px;display:block}.drawer-backdrop{z-index:50;background:#02080999;justify-content:flex-end;display:flex;position:fixed;inset:0}.issue-drawer{border-left:1px solid var(--border);background:#111a1c;width:min(100%,460px);height:100%;padding:34px;animation:.2s ease-out slide;box-shadow:-20px 0 80px #0007}.drawer-head{justify-content:space-between;gap:15px;margin-bottom:20px;display:flex}.drawer-head h2{margin:9px 0 0;font-size:21px;line-height:1.2}.drawer-meta{grid-template-columns:1fr 1fr;gap:10px;margin:26px 0;display:grid}.drawer-meta span{color:var(--muted);background:#162123;border-radius:8px;padding:12px;font-size:9px}.drawer-meta strong{color:#c5d0cf;font:10px var(--mono);word-break:break-all;margin-top:7px;display:block}.issue-drawer h3{margin-top:30px;font-size:12px}.drawer-events{border-top:1px solid var(--border);margin:12px 0 24px}.drawer-events div{font:9px var(--mono);color:var(--muted);border-bottom:1px solid #202c2e;justify-content:space-between;padding:12px 0;display:flex}@keyframes slide{0%{opacity:.4;transform:translate(30px)}to{opacity:1;transform:none}}@media (width<=1100px){.sidebar{flex-basis:220px;width:220px}.content{padding:34px 28px}.topbar{padding:0 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.top-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:250px;transition:all .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:20px 0 60px #0008}.sidebar.is-open{transform:none}.mobile-menu{display:block}.topbar{gap:12px;height:58px;padding:0 16px}.breadcrumbs{font-size:10px}.top-actions{gap:8px}.last-sync{font-size:9px}.content{padding:28px 16px 48px}.page-heading{margin-bottom:24px;display:block}.page-heading h1{font-size:25px}.heading-actions{margin-top:20px}.heading-actions .primary-button{flex:1}.metric-grid{gap:9px}.metric-card{min-height:106px;padding:14px}.metric-card>strong{margin-top:12px;font-size:23px}.panel{padding:17px}.section-header{margin-bottom:18px}.legend{display:none}.top-grid{gap:12px}.area-chart{height:180px}.health-footer{margin:16px -17px -17px;padding:13px 17px}.table-head{display:none}.table-row,.wide .table-row{padding:14px 8px;display:block}.table-row>span{margin-top:8px;margin-right:15px;display:inline-block}.table-row .issue-title{display:block}.table-row .issue-title strong{display:inline}.trace-form,.note-form{flex-wrap:wrap}.trace-form input,.note-form input{flex-basis:100%}.trace-row{grid-template-columns:10px 1fr 60px;gap:8px}.trace-row time,.trace-row strong{display:none}.slo-detail-grid,.cardinality-grid,.usage-summary{grid-template-columns:1fr}.usage-bar{grid-template-columns:90px 1fr 35px}.event-row{grid-template-columns:75px 1fr;gap:10px}.event-row time{text-align:left;grid-column:2}.backup-row{grid-template-columns:25px 1fr 75px}.backup-row time{text-align:left;grid-column:2}.auth-card{padding:32px 24px 24px}.auth-heading{margin:43px 0 25px}.auth-heading h1{font-size:31px}.hide-mobile{display:none}.issue-drawer{width:100%;padding:25px}}.related-grid{flex-direction:column;gap:24px;display:flex}.related-grid h3{margin:0 0 12px;font-size:12px}.cardinality-card .text-button{text-align:left;margin-top:8px;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}