:root{color-scheme:dark;--bg:#101314;--panel:#191d1e;--line:#2d3333;--text:#edf1ee;--muted:#9ba5a1;--accent:#d5fa76;--red:#ff8e8e;--amber:#e8c57a;--cyan:#87dace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.accent{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;font-weight:550}h2{font-size:18px;letter-spacing:-.3px;font-weight:550}h3{font-size:21px;font-weight:500;letter-spacing:-.6px}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.7px;gap:10px}.brand-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:var(--accent);color:var(--bg);font-size:26px;font-weight:600}.header-right{display:flex;align-items:center;gap:24px}.environment{font-size:10px;font-weight:650;letter-spacing:1.8px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.button{border:0;border-radius:7px;padding:12px 16px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px}.button:hover{filter:brightness(1.1)}.button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:var(--bg)}.secondary{background:#282f2d;color:var(--text);border:1px solid var(--line)}.ghost{color:var(--muted);background:transparent;padding:8px}main{max-width:1560px;padding:42px 4vw 24px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.page-heading h1{margin:8px 0 10px}.live-pill{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:11px;color:var(--muted)}.live-pill.offline .dot{background:var(--red)}.route-panel{border:1px solid var(--line);border-radius:12px;padding:25px 28px;display:flex;align-items:center;gap:36px;background:linear-gradient(105deg,#232b21,#191d1e 72%);margin-bottom:30px}.route-panel h2{font-size:28px;margin:6px 0 8px;letter-spacing:-.7px}.route-panel p{font-size:11px}.route-arrow{color:var(--accent);font-size:30px;flex:1;text-align:center}.route-target{display:flex;flex:1;flex-direction:column;gap:6px}.route-target strong{font:500 25px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px}.route-target .muted{font-size:12px}.badge{font-size:9px;font-weight:700;letter-spacing:1px;padding:5px 8px;border-radius:4px;color:var(--muted);background:#2b3230;display:inline-block;white-space:nowrap}.badge.up,.badge.live{background:#303d22;color:var(--accent)}.badge.down,.badge.error{background:#442a2c;color:var(--red)}.badge.suspect,.badge.degraded,.badge.simulation{background:#3c3425;color:var(--amber)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:30px}.monitor-column{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-heading>.muted{font-size:10px}.endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.endpoint{background:var(--panel);border:1px solid var(--line);padding:22px 22px 15px;border-radius:10px;min-width:0}.endpoint.active{border-color:#6a8144;box-shadow:0 0 0 1px #6a814420}.endpoint-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.endpoint h3{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;overflow-wrap:anywhere}.endpoint>p{font-size:11px;min-height:36px;margin-top:8px}.metrics{display:flex;gap:35px;padding:17px 0}.metrics>div{display:flex;flex-direction:column;gap:5px}.metrics .eyebrow{font-size:9px;letter-spacing:1px}.metrics strong{font-size:25px;font-weight:500;letter-spacing:-.5px}canvas{display:block;width:100%;height:80px;border-bottom:1px solid var(--line)}.chart-footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:10px}.policy-panel{padding:23px 25px;margin:23px 0 30px;border:1px solid var(--line);border-radius:10px;background:#151a17}.policy-panel h3{margin:9px 0;font-size:18px}.policy-panel p{font-size:12px}.policy-line{font-size:11px;color:var(--muted);display:flex;align-items:center;margin-top:18px}.policy-line .dot{flex-shrink:0}.events-panel{margin-top:12px}.table-scroll{overflow:auto;max-height:440px}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:600;padding:11px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #232928;vertical-align:top}td:first-child{white-space:nowrap;color:var(--muted)}td:last-child{color:#b7bfbc}td small{display:block;color:var(--cyan);margin-top:4px;font-family:ui-monospace,monospace}.settings{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:23px;align-self:start}.settings>.section-heading{margin-bottom:4px}.settings>.muted{font-size:11px;margin-bottom:22px}.settings-icon{color:var(--muted);font-size:19px}label{display:block;font-size:11px;font-weight:500;color:#c1c9c5;margin-top:15px}input:not([type=checkbox]),select{display:block;width:100%;background:#111616;color:var(--text);border:1px solid #343d38;border-radius:6px;padding:10px 11px;margin-top:6px;min-height:40px;font-size:12px}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}input:disabled{opacity:.35}input::placeholder{color:#637069}.unit{color:var(--muted);font-size:10px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.divider{height:1px;background:var(--line);margin:23px 0 18px}.help{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:11px}.toggle-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.toggle-row input{appearance:none;width:30px;height:18px;border-radius:20px;flex-shrink:0;background:#414a44;position:relative;cursor:pointer;transition:.15s}.toggle-row input:before{content:"";width:12px;height:12px;border-radius:50%;background:#b1bbb4;position:absolute;top:3px;left:3px;transition:.15s}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:before{left:15px;background:#20281b}.form-actions{display:grid;gap:9px;margin-top:25px}.form-actions .secondary{justify-content:center}details{margin-top:18px}summary{cursor:pointer;font-size:10px;color:var(--muted)}details label{margin-top:10px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:9px;color:var(--muted)}footer>span:first-child{white-space:nowrap;letter-spacing:1px}.notice{margin-bottom:20px;padding:13px 17px;background:#233029;border:1px solid #425648;border-radius:8px;color:var(--accent);font-size:12px}.error-notice,.error{color:var(--red)}.error-notice{background:#332323;border-color:#5d3838}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 30% 0%,#273222 0%,var(--bg) 55%)}.login-panel{max-width:400px;width:100%;padding:30px 25px}.login-panel>.brand-icon{display:flex;margin-bottom:30px}.login-panel h1{margin:10px 0;font-size:36px}.login-panel>p{margin-bottom:25px}.login-panel label{font-size:12px}.login-panel .button{width:100%;margin-top:23px}.login-panel small{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:26px}.login-panel .error{margin:15px 0 0;font-size:12px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.endpoint h3{font-size:26px}}@media(max-width:1100px){h1{font-size:30px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.endpoints{grid-template-columns:1fr}.route-panel{gap:15px}.endpoint>p{min-height:0}}@media(max-width:760px){header{height:68px;padding:0 20px}.brand{font-size:16px}.brand-icon{width:30px;height:30px;font-size:22px}.header-right{gap:8px}.environment{font-size:8px}main{padding:27px 20px}.page-heading{align-items:start}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.live-pill{font-size:9px;padding:6px 9px}.workspace{grid-template-columns:1fr}.endpoints{grid-template-columns:repeat(2,minmax(0,1fr))}.endpoint{padding:17px 14px}.endpoint h3{font-size:18px}.metrics{gap:17px}.metrics strong{font-size:21px}.route-panel{padding:22px;flex-wrap:wrap}.route-panel h2{font-size:23px}.route-arrow{flex:0}.route-target{flex-basis:100%;padding-top:12px;border-top:1px solid var(--line)}.route-target strong{font-size:22px}.settings{margin-top:7px}footer{flex-direction:column;gap:10px}}@media(max-width:450px){.endpoints{grid-template-columns:1fr}.live-pill{display:none}h1{font-size:27px}.brand{gap:6px}.endpoint h3{font-size:23px}.chart-footer{font-size:10px}.metrics{gap:35px}.metrics strong{font-size:25px}}

.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.overview>div{padding:22px 25px;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:8px}.overview strong{font-size:34px;font-weight:500;letter-spacing:-1px}.overview small{font-size:11px;color:var(--muted)}.list-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.list-filters{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.search-label{margin:0;min-width:270px}.archive-filter{display:flex;align-items:center;gap:6px;white-space:nowrap;margin-bottom:10px}.archive-filter input{accent-color:var(--accent)}.record-list{border:1px solid var(--line);border-radius:10px;max-height:none;background:var(--panel)}.record-list th{padding:15px 18px;border-top:0}.record-list td{padding:22px 18px;font-size:12px;vertical-align:middle}.record-list tbody tr:last-child td{border-bottom:0}.record-list tbody tr:hover{background:#202722}.record-list td small{font-family:inherit;color:var(--muted);font-size:10px;margin-top:7px;white-space:nowrap}.record-list td small.error{color:var(--red)}.record-open{color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap}.record-open:hover{text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.path-line{display:flex;align-items:center;gap:7px;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap;margin:5px 0}.path-dot{width:6px;height:6px;border-radius:50%;background:#68746d;flex-shrink:0}.path-dot.up{background:var(--accent)}.path-dot.down{background:var(--red)}.path-dot.suspect,.path-dot.degraded{background:var(--amber)}.archived-row{opacity:.65}.empty-panel{border:1px dashed var(--line);border-radius:12px;text-align:center;padding:60px 20px;margin-top:20px}.empty-panel .brand-icon{margin-bottom:18px}.empty-panel p{margin:12px 0 22px}.empty-panel .button{width:max-content;margin:auto}.detail-nav{display:flex;align-items:center;gap:20px;margin-bottom:25px;font-size:12px}.detail-nav>a{color:var(--accent)}.detail-nav>span{color:var(--muted);flex:1}.detail-nav>div{display:flex;gap:10px}.creating{grid-template-columns:1fr}.creating>.settings{width:100%;max-width:700px}.creating .field-row{gap:20px}.policy-panel h2{margin:12px 0}.policy-panel p{max-width:700px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:30px;max-width:470px}dialog::backdrop{background:#0009}dialog h2{font-size:22px;margin:12px 0}dialog p{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(max-width:760px){.overview{gap:10px}.overview>div{padding:17px 14px}.overview .eyebrow{font-size:8px;letter-spacing:1px}.overview strong{font-size:28px}.overview small{font-size:9px}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar>.button{width:max-content}.search-label{min-width:210px;flex:1}.detail-nav{gap:10px;flex-wrap:wrap}.detail-nav>span{min-width:150px}.record-list td,.record-list th{padding:15px 12px}}@media(max-width:450px){.overview>div{padding:14px 10px}.overview small{min-height:27px}.search-label{min-width:100%;}.archive-filter{margin:0}.list-filters{gap:10px}}