@font-face{font-family:Inter;src:url('/monitor/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--ink:#1b1b1b;--muted:#65615c;--bg:#f7f5f1;--paper:#fff;--line:#e4dfd7;--charcoal:#0a0a0a;--orange:#e2650f;--accent:#ad4607;--soft:#fff0e5;--good:#176748;--radius:16px;--radius-sm:9px;--shadow:0 8px 32px #35210b08;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.65 var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0 0 16px}h1,h2,h3,h4{font-family:var(--font);font-weight:650;letter-spacing:-.035em;line-height:1.2}h1{font-size:clamp(30px,3.3vw,42px)}h2{font-size:24px}h3{font-size:19px}h4{font-size:17px}small,.fine{font-size:12px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea,pre,code{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,.button,.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:14px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:hover,.button:hover{background:#f8f5ef;border-color:#c9c0b4}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button.primary,.button.primary,.btn.primary{background:var(--orange);border-color:var(--orange);color:#171412}button.primary:hover,.button.primary:hover{background:#ef873a;box-shadow:0 5px 14px #b9500e18}button.secondary,.button.secondary{background:var(--paper)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a54108;outline-offset:4px}input,select,textarea{width:100%;max-width:100%;min-height:46px;padding:11px 13px;border:1px solid #c9c1b7;border-radius:var(--radius-sm);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.5;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:#a54108;box-shadow:0 0 0 3px #e2650f15}input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:#ad4607;flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;margin-bottom:20px}label:has(input[type=checkbox]){flex-direction:row;align-items:flex-start;font-weight:400}.field{margin-bottom:20px}.field label{margin-bottom:8px}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--paper);box-shadow:var(--shadow);min-width:0}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2,.section-heading h3{margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stack{display:grid;gap:20px}.staging-banner{background:#201810;color:#e8c8ad;text-align:center;padding:8px 20px;font-size:10px;font-weight:650;letter-spacing:.06em;line-height:1.6}.staging-banner span{font-weight:400;letter-spacing:0;margin-left:14px;color:#d2c4b7}.app-header,.auth-header{background:var(--charcoal);color:#edeae6}.header-inner{width:min(1380px,calc(100% - 64px));margin:auto;min-height:80px;display:flex;align-items:center;gap:36px}.wordmark,.brand,.logo{display:inline-flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.04em;font-weight:650;white-space:nowrap}.wordmark img,.brand img,.logo img{width:44px;height:24px;object-fit:contain}.wordmark span,.brand span,.logo span{font-weight:400;color:inherit}.header-inner .spacer{margin-left:auto}.header-inner button{background:#171717;color:#edeae6;border-color:#3d3833}.header-inner .primary{background:var(--orange);color:#171412;border-color:var(--orange)}.workspace{width:min(1380px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:184px minmax(0,1fr);gap:44px}.side-nav{padding:38px 0;display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:0}.side-nav a{display:flex;gap:12px;align-items:center;min-height:46px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--muted);font-weight:550}.side-nav a:hover{background:#ede8e0;color:var(--ink)}.side-nav a[aria-current=page]{background:var(--soft);color:var(--accent)}.side-nav .nav-label{font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0 14px 14px}.nav-icon{width:19px;font-size:17px}.workspace-main{min-width:0;padding:38px 0 56px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-intro h1{margin-bottom:8px}.page-intro .eyebrow{margin-bottom:9px}.workspace-main section{scroll-margin-top:24px;margin-bottom:32px}.view-panel{animation:panel-in .24s ease}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.summary-card{padding:20px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm)}.summary-card b{display:block;font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.04em;margin:4px 0 6px}.summary-card span{font-size:12px;color:var(--muted)}.status,.badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.5;background:#f0ede8;color:#5d5750}.status:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.status-stable{background:#eaf5ee;color:#176748}.status-review{background:#fff0e8;color:#963b24}.status-learning{background:#fff4dd;color:#795100}.status-offline{background:#f0ebf8;color:#664298}.status-paused{background:#eeece9;color:#5b5750}.site-card{display:flex;flex-direction:column;gap:18px;padding:24px}.site-card p,.site-card h3{margin-bottom:0}.site-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.site-title{min-width:0}.site-title h3{margin-bottom:6px}.site-domain{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.site-explanation{font-size:14px;line-height:1.65}.site-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line)}.site-card .actions{margin-top:auto;gap:8px}.site-card .actions button{font-size:12px;padding:10px 12px}.site-more{border-top:1px solid var(--line);padding-top:16px}.site-more summary{font-size:12px;color:var(--muted);min-height:28px}.site-more .actions{padding-top:16px}.onboarding{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.onboarding-step{padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:12px;min-width:0}.onboarding-step b{display:block;margin-bottom:6px;font-size:13px}.onboarding-step.completed{background:#f1f7f2;border-color:#cbded0}.onboarding-step span{color:var(--muted)}.alert-card{padding:24px 0;border-top:1px solid var(--line)}.alert-card:first-child{padding-top:0;border-top:0}.alert-top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.alert-top h3{font-size:16px;margin:0 0 5px}.alert-card p{font-size:14px;margin-bottom:12px}.alert-meta{font-size:12px;color:var(--muted);margin:16px 0}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.evidence-stat{padding:15px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0}.evidence-stat small{display:block;color:var(--muted);font-size:11px}.evidence-stat b{font-size:24px;font-weight:650;letter-spacing:-.035em;overflow-wrap:anywhere}.evidence-caption{font-size:12px;color:var(--muted)}.technical{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.technical summary{font-size:12px;color:var(--muted);cursor:pointer}.technical pre{font:400 12px/1.7 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--bg);border-radius:var(--radius-sm);max-height:320px;overflow:auto}.empty-state{text-align:center;padding:36px 24px}.empty-state h3{margin-bottom:10px}.empty-state p{max-width:480px;margin:0 auto 20px;color:var(--muted);font-size:14px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:22px}.connection-card img{height:32px;width:auto;max-width:170px;object-fit:contain;margin-bottom:18px}.connection-card .actions{margin-top:18px}.connection-card p{font-size:13px}.connection-site{padding:24px 0;border-top:1px solid var(--line)}.connection-site:first-child{border-top:0;padding-top:0}.connection-site h3{margin-bottom:16px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}.service-list>div{padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm)}.service-list b{display:block;margin-bottom:6px}.billing-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.price-number{font-size:44px;font-weight:650;letter-spacing:-.05em;line-height:1.2}.price-number small{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}.checklist{padding-left:20px;color:var(--muted);font-size:14px;line-height:2.1}.notice:empty,#notice:empty,#dialog-error:empty{display:none}.notice,#notice:not(:empty){padding:14px 18px;border:1px solid #e6c9af;border-radius:var(--radius-sm);background:var(--soft);font-size:13px;margin-bottom:24px;animation:panel-in .2s ease}#dialog-error:not(:empty){padding:12px;border-radius:var(--radius-sm);background:#fff0e8;color:#963b24}.app-footer{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:12px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.app-footer span{margin-right:auto}.app-footer a:hover{text-decoration:underline}.account-detail{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.account-detail b{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}#activity p{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;margin:0}dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--paper);box-shadow:0 24px 96px #0003}dialog::backdrop{background:#16130fe0}dialog[open]{animation:panel-in .2s ease}dialog h2{font-size:23px}dialog .section-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}dialog .section-heading button{min-height:40px}dialog p{font-size:14px;color:var(--muted);overflow-wrap:anywhere}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--bg);border-radius:var(--radius-sm);font:400 13px/1.65 var(--font)}dialog #save{margin-top:10px;min-width:140px;background:var(--orange);border-color:var(--orange);color:#171412}.auth-shell{max-width:460px;margin:64px auto 80px;padding:0 20px}.auth-shell h1{font-size:36px;margin-bottom:18px}.auth-shell>p{color:var(--muted);font-size:14px;margin-bottom:28px}.auth-shell .card{padding:28px}.auth-shell .primary{width:100%}.auth-shell .fine a{text-decoration:underline;text-underline-offset:3px}.auth-shell .fine{color:var(--muted);margin-top:20px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-bottom:28px}.auth-tabs a{padding:12px 0;font-size:14px;font-weight:600}.auth-tabs a[aria-current=page]{border-bottom:2px solid var(--orange);color:var(--accent)}#auth-message:not(:empty){margin-top:18px;padding:14px;border-radius:var(--radius-sm);font-size:13px;background:#eaf5ee;color:#176748}#auth-message.error{background:#fff0e8;color:#963b24}.container{max-width:1100px;padding:0 24px;margin:48px auto}.container>section{margin:28px 0}.container a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:3px}.legal{max-width:780px;margin:48px auto;padding:0 24px}.legal p{color:var(--muted)}.skip-link{position:absolute;z-index:100;top:-80px;left:16px;background:#fff;padding:12px 18px;border-radius:8px;color:#171412}.skip-link:focus{top:10px}.loading-state{display:flex;gap:12px;align-items:center;padding:32px;color:var(--muted);font-size:14px}.loading-dot{display:inline-block;width:16px;height:16px;border:2px solid #d5cabb;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(100deg,#ebe7df 20%,#f7f4ee 45%,#ebe7df 70%);background-size:200% 100%;height:150px;border-radius:var(--radius);animation:shimmer 1.6s ease infinite}.menu-toggle{display:none}.property-list{padding:14px;background:var(--bg);border-radius:var(--radius-sm);font-size:12px}.stage-tag{color:#f6c19a;background:#332014;padding:4px 8px;font-size:10px;letter-spacing:.08em;border-radius:5px}.reveal.is-visible{animation:panel-in .4s ease both}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes panel-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.workspace{grid-template-columns:156px minmax(0,1fr);gap:28px}.grid{grid-template-columns:1fr}.summary-grid{gap:10px}.summary-card{padding:16px}.onboarding{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap,.header-inner,.workspace{width:calc(100% - 40px)}.header-inner{min-height:72px;gap:16px}.wordmark,.brand,.logo{font-size:19px;gap:7px}.wordmark img,.brand img,.logo img{width:38px}.header-inner .button,.header-inner button{padding:9px 12px;font-size:12px}.workspace{display:block}.side-nav{position:static;padding:16px 0 0;display:flex;flex-direction:row;overflow-x:auto;gap:4px;scrollbar-width:thin;max-width:100%;border-bottom:1px solid var(--line)}.side-nav .nav-label{display:none}.side-nav a{flex-shrink:0;padding:10px 12px;min-height:44px;font-size:12px;border-radius:8px 8px 0 0}.side-nav .nav-icon{display:none}.workspace-main{padding:26px 0 40px}.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.page-intro{gap:16px;margin-bottom:22px}.page-intro h1{font-size:28px}.page-intro .button{font-size:12px;white-space:nowrap;padding:10px 12px}.card,.site-card{padding:20px}.connection-grid,.billing-layout,.service-list{grid-template-columns:1fr}.site-top{flex-wrap:wrap}.site-meta{gap:10px}.auth-shell{margin:40px auto 56px}.auth-shell h1{font-size:32px}.auth-header .header-inner .button{font-size:12px}.auth-header .header-inner>a:last-child:not(.wordmark){font-size:12px}.staging-banner span{display:none}.onboarding-step{padding:12px}.onboarding{gap:10px}.alert-top{flex-wrap:wrap}.evidence-grid{gap:8px}.evidence-stat{padding:12px}.evidence-stat b{font-size:21px}.app-footer{gap:14px}dialog{padding:22px;max-height:calc(100dvh - 32px)}.section-heading{gap:12px}.section-heading h2{font-size:22px}}
@media(max-width:600px){.container{padding:0 20px;margin-top:32px}.container h1{font-size:30px}.auth-shell .card{padding:22px}.header-inner .stage-tag{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
button[aria-busy=true]{cursor:progress;opacity:.65}.auth-tabs a{min-height:48px}.app-footer a{min-height:44px;display:inline-flex;align-items:center}
.page-intro>#add{white-space:nowrap;flex-shrink:0}