:root{color-scheme:dark;--ink: #0b0d11;--ink-2: #0e1116;--panel: #14181f;--panel-2: #1b212b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .15);--sidebar: #050715;--text: #e8ecf2;--muted: #97a0ad;--faint: #5b6472;--lime: #5ec5a5;--lime-soft: rgba(94, 197, 165, .13);--accent: #ff4d3d;--accent-soft: rgba(255, 77, 61, .16);--coral: #ff6a5c;--coral-soft: rgba(255, 77, 61, .14);--blue: #84a9e6;--hover: rgba(255, 255, 255, .05);--glow: rgba(94, 197, 165, .05);--shadow-card: 0 10px 30px -18px rgba(0, 0, 0, .6);--chart-accent: #45b793;--chart-info: #6f96d8;--chart-grid: rgba(128, 134, 148, .15);--chart-axis: #8a909d;--display: "Schibsted Grotesk", system-ui, sans-serif;--body: "Schibsted Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 0px;--radius-sm: 0px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px}:root[data-theme=light]{color-scheme:light;--ink: #f4f5f3;--ink-2: #ffffff;--panel: #ffffff;--panel-2: #f1f3ef;--line: rgba(11, 13, 17, .12);--line-strong: rgba(11, 13, 17, .2);--sidebar: rgba(255, 255, 255, .72);--text: #0b0d11;--muted: #58606c;--faint: #98a0ab;--lime: #0e9b76;--lime-soft: rgba(14, 155, 118, .1);--accent: #d92d20;--accent-soft: rgba(217, 45, 32, .12);--coral: #d92d20;--coral-soft: rgba(217, 45, 32, .1);--blue: #3f6cc1;--hover: rgba(11, 13, 17, .05);--glow: rgba(14, 155, 118, .04);--shadow-card: 0 10px 30px -22px rgba(11, 13, 17, .25);--chart-accent: #138a6a;--chart-info: #4470bd;--chart-grid: rgba(40, 50, 60, .1);--chart-axis: #8a929d}*{box-sizing:border-box}html,body,#root{height:100%}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}body{margin:0;font-family:var(--body);color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .35s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(820px 480px at 92% -12%,var(--glow),transparent 65%)}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--lime);color:#07120e}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--line);padding:var(--s5) var(--s3);display:flex;flex-direction:column;gap:var(--s5);position:sticky;top:0;height:100vh;transition:background-color .35s ease,border-color .35s ease}.brand{display:flex;align-items:center;gap:12px;padding:0 6px}.brand-logo{display:block;width:auto}.brand-mark{display:inline-flex;align-items:center;color:var(--text)}.brand-name{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.03em;line-height:1;color:var(--text);display:flex;align-items:flex-end;gap:5px}.brand-name small{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:-.01em;color:var(--lime)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;font-size:14px;transition:background .14s,color .14s}.nav a:hover{color:var(--text);background:var(--hover)}.nav a.active{color:var(--text);background:var(--panel-2)}.nav a .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;transition:.14s}.nav a.active .dot{background:var(--accent);opacity:1}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s3)}.proj-switch{width:100%}.foot-row{display:flex;align-items:center;gap:var(--s2);padding:0 6px}.foot-row .email{font-family:var(--mono);font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:var(--s6) 38px 60px;max-width:1140px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s5)}.page-title{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:4px 0 0}.segment,.tabs{display:inline-flex;padding:3px;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:0}.segment button,.tabs button{border:0;background:transparent;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.03em;padding:7px 12px;border-radius:0;cursor:pointer;transition:.14s}.segment button:hover,.tabs button:hover{color:var(--text)}.segment button.on{background:var(--accent);color:#fff;font-weight:700}.tabs button.on{background:var(--panel-2);color:var(--text)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-card);transition:background-color .35s ease,border-color .35s ease}.card-title{font-size:13px;color:var(--muted);font-weight:600;margin:0 0 var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.grid{display:grid;gap:var(--s4)}.grid-stats{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}@media(max-width:720px){.grid-stats,.grid-2,.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}}.stat .eyebrow{margin-bottom:var(--s3)}.stat .value{font-family:var(--mono);font-size:40px;font-weight:500;letter-spacing:-.03em;line-height:1}.stat .delta{font-family:var(--mono);font-size:12px;margin-top:10px;color:var(--faint)}.bars{display:flex;flex-direction:column;gap:1px}.bar-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:0;font-size:13.5px;overflow:hidden}.bar-row .fill{position:absolute;left:0;top:0;bottom:0;background:var(--lime-soft);border-left:2px solid var(--lime);border-radius:0;z-index:0}.bar-row .label{position:relative;z-index:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:74%}.bar-row .num{position:relative;z-index:1;font-family:var(--mono);font-size:12.5px;color:var(--muted)}.bar-row .flag{color:var(--faint);margin-right:8px}.empty{color:var(--faint);font-size:13px;padding:22px 4px;text-align:center;font-family:var(--mono)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);padding:9px 15px;border-radius:0;font-size:13.5px;font-weight:600;cursor:pointer;transition:.14s;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{width:100%;background:var(--ink-2);border:1px solid var(--line-strong);color:var(--text);padding:11px 13px;border-radius:0;font-size:14px;font-family:var(--body);transition:.14s}.input::placeholder{color:var(--faint)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--s4)}.field label{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.keyline{display:flex;align-items:center;gap:10px}.code{font-family:var(--mono);font-size:12.5px;background:var(--ink-2);border:1px solid var(--line);border-radius:0;padding:9px 12px;color:var(--lime);overflow-x:auto;white-space:nowrap;flex:1}.copy{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);border-radius:0;padding:8px 10px;cursor:pointer;font-size:12px;transition:.14s}.copy:hover{color:var(--lime);border-color:var(--lime)}pre.snippet{font-family:var(--mono);font-size:12.5px;line-height:1.7;background:var(--ink-2);border:1px solid var(--line);border-radius:0;padding:16px 18px;overflow-x:auto;color:var(--muted);margin:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:384px}.auth-card .brand{justify-content:center;margin-bottom:var(--s2)}.auth-sub{text-align:center;color:var(--muted);font-size:13.5px;margin:0 0 var(--s5)}.auth-card .card{padding:28px}.error-msg{color:var(--coral);background:var(--coral-soft);border:1px solid var(--coral-soft);border-radius:0;padding:10px 13px;font-size:13px;margin-bottom:var(--s4)}.footer-note{margin-top:var(--s6);font-family:var(--mono);font-size:11px;color:var(--faint)}.footer-note a{color:var(--muted);text-decoration:underline}.row{display:flex;align-items:center;gap:var(--s3)}.spacer{flex:1}.spin{width:26px;height:26px;border:2px solid var(--line-strong);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:grid;place-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:var(--radius-sm);padding:8px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.08em;transition:.14s}.theme-toggle:hover{color:var(--text);border-color:var(--line-strong)}.issue-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--s4);align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-card);margin-bottom:var(--s2);cursor:pointer;transition:.14s}.issue-row:hover{border-color:var(--line-strong)}.issue-row.resolved{opacity:.55}.issue-main{min-width:0}.issue-title{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-title .type{color:var(--coral);font-family:var(--mono);font-size:12.5px}.issue-sub{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-count{font-family:var(--mono);font-size:19px;color:var(--text);text-align:right}.issue-count small{display:block;font-size:9px;color:var(--faint);letter-spacing:.1em;margin-top:2px}.pill{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:20px;border:1px solid currentColor;white-space:nowrap}.pill.unresolved{color:var(--coral)}.pill.resolved{color:var(--lime)}.pill.ignored{color:var(--faint)}.trace{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:0;overflow:hidden}.frame{padding:11px 14px;border-bottom:1px solid var(--line);background:var(--ink-2);font-family:var(--mono);font-size:12.5px}.frame:last-child{border-bottom:0}.frame.app{background:var(--lime-soft);border-left:2px solid var(--lime)}.frame .fn{color:var(--text)}.frame .loc{color:var(--faint)}.frame .orig{color:var(--lime);display:block;margin-top:3px;font-size:11.5px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.meta-grid .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.meta-grid .v{font-family:var(--mono);font-size:15px;margin-top:4px}.backlink{font-family:var(--mono);font-size:12px;color:var(--muted);cursor:pointer;display:inline-block;margin-bottom:var(--s3)}.backlink:hover{color:var(--lime)}.funnel-step{margin-bottom:var(--s3)}.funnel-step .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.funnel-step .lbl{font-size:14px;font-weight:600}.funnel-step .lbl small{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:8px}.funnel-step .cnt{font-family:var(--mono);font-size:14px}.funnel-step .cnt .pct{color:var(--faint);font-size:12px;margin-left:8px}.funnel-bar{height:32px;border-radius:0;background:var(--ink-2);border:1px solid var(--line);overflow:hidden}.funnel-fill{height:100%;background:var(--lime-soft);border-right:2px solid var(--lime);transition:width .6s cubic-bezier(.2,.7,.2,1);min-width:2px}.funnel-drop{font-family:var(--mono);font-size:11px;color:var(--coral);text-align:right;margin-top:3px}.step-edit{display:flex;gap:8px;margin-bottom:8px;align-items:center}.step-edit .select{width:130px;flex:none}.step-edit .input{flex:1}.x-btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);border-radius:0;width:38px;height:38px;flex:none;cursor:pointer;transition:.14s}.x-btn:hover{color:var(--coral);border-color:var(--coral)}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.status-dot.up{background:var(--lime)}.status-dot.down{background:var(--coral)}.status-dot.unknown{background:var(--faint)}.monitor-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:var(--s4);align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-card);margin-bottom:var(--s2)}.monitor-name{font-weight:600;font-size:14.5px}.monitor-url{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{text-align:right;font-family:var(--mono)}.metric .big{font-size:17px}.metric .lab{font-size:9px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-top:2px}.rel-row{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--s5);align-items:center;padding:15px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-card);margin-bottom:var(--s2)}.rel-version{font-family:var(--mono);font-size:15px;color:var(--blue);font-weight:500}.rel-date{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}.reveal{opacity:0;transform:translateY(7px);animation:rise .45s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}}