:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--text:#16181d;--muted:#5f6673;--faint:#8a909c;--line:#e3e6eb;--line-strong:#cfd4dc;--accent:#2f5bd3;--accent-hover:#264cb3;--accent-soft:#e8eefc;--accent-text:#fff;--ok:#17803d;--ok-soft:#e4f4ea;--warn:#9a5b00;--warn-soft:#fbf0dc;--danger:#b42318;--danger-soft:#fdeceb;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 3px #1018280f, 0 4px 12px #1018280a;--radius:12px;--radius-sm:8px;--header-h:56px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#171a20;--surface-2:#1e222a;--text:#e8eaee;--muted:#a0a6b2;--faint:#757c89;--line:#262b34;--line-strong:#353b47;--accent:#7d9cf2;--accent-hover:#98b1f5;--accent-soft:#1d2843;--accent-text:#0c1222;--ok:#5cc98a;--ok-soft:#15291e;--warn:#e4ac52;--warn-soft:#2e2413;--danger:#f2877e;--danger-soft:#331a18;--shadow-sm:none;--shadow:0 1px 0 #ffffff05}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}h1{margin:0;font-size:1.5rem;font-weight:650}h2{margin:0;font-size:1.05rem;font-weight:600}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1.5rem 0 .6rem;font-size:.8rem;font-weight:600}p{margin:0 0 .75rem}p:last-child{margin-bottom:0}code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:.1em .4em;font-size:.85em}a{color:var(--accent);text-underline-offset:2px;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.85rem}.right{text-align:right;white-space:nowrap}.num{font-variant-numeric:tabular-nums}.spacer{flex:1}.center{text-align:center;margin-top:30vh}.mono{font-family:var(--mono);font-size:.85em}.shell{min-height:100vh}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{max-width:1120px;height:var(--header-h);align-items:center;gap:1.5rem;margin:0 auto;padding:0 1.25rem;display:flex}.brand{letter-spacing:-.01em;white-space:nowrap;color:var(--text);align-items:center;gap:.6rem;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:8px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.brand-mark.lg{border-radius:12px;width:44px;height:44px;font-size:1.2rem}.tabs{gap:.25rem;height:100%;display:flex}.tab{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0;height:100%;padding:0 .75rem;font-size:.9rem;font-weight:500;position:relative}.tab:hover,.tab.on{color:var(--text)}.tab.on:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:.5rem;right:.5rem}.account{align-items:center;gap:.75rem;min-width:0;display:flex}.account-text{flex-direction:column;align-items:flex-end;min-width:0;line-height:1.2;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.85rem;overflow:hidden}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:650;display:grid}main.content{max-width:1120px;padding:1.75rem 1.25rem calc(2.5rem + env(safe-area-inset-bottom));margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head p{margin:.25rem 0 0}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row+.row{margin-top:.75rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.card-head p{margin:.15rem 0 0}.card.flush{padding:0;overflow:hidden}.card.flush>.card-head{padding:1.1rem 1.25rem 0}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.card-foot{border-top:1px solid var(--line);background:var(--surface-2);padding:.9rem 1.25rem}.auth-page{min-height:100vh;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card{flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex}.auth-card .brand-mark{margin-bottom:.25rem}.auth-card h1{font-size:1.35rem}.auth-card .lead{color:var(--muted);margin:-.5rem 0 .25rem}.auth-card button[type=submit],.auth-card .btn-block{justify-content:center;width:100%}.auth-foot{text-align:center;color:var(--faint);margin-top:1rem;font-size:.8rem}.links{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:.4rem;margin-top:.25rem;padding-top:1rem;display:flex}label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}label.inline{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}input,select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:38px;color:var(--text);padding:0 .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%238a909c' stroke-width='1.5' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2rem}input::placeholder{color:var(--faint)}input:hover,select:hover{border-color:var(--faint)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent);box-shadow:none;margin:0;padding:0}input[readonly]{background:var(--surface-2);font-family:var(--mono);font-size:.8rem}input.grow{flex:1;min-width:180px}.field-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.hint{color:var(--muted);font-size:.8rem;font-weight:400}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line-strong);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;flex-direction:row;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.85rem;font-weight:400;display:inline-flex}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip input{width:14px;height:14px}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 .8rem;font-size:.85rem;font-weight:500}.segmented button:hover:not(:disabled){color:var(--text);background:0 0}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line)}button,.btn{appearance:none;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);height:38px;color:var(--accent-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:0 1rem;font-size:.9rem;font-weight:550;transition:background .15s,border-color .15s,color .15s;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none}button:disabled{opacity:.5;cursor:default}button.ghost,.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--line-strong)}button.ghost:hover:not(:disabled),.btn.ghost:hover{background:var(--surface-2);border-color:var(--line-strong)}button.danger{color:var(--danger)}button.ghost.danger:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}button.sm,.btn.sm{height:30px;padding:0 .7rem;font-size:.82rem}button.link{height:auto;color:var(--accent);background:0 0;border:0;padding:0;font-size:.85rem;font-weight:500}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}.notice{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.6rem;margin:0;padding:.7rem .9rem;font-size:.9rem;display:flex}.notice.error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 20%, transparent)}.notice.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 20%, transparent)}.notice.info{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.notice>div{flex:1;min-width:0}.error{color:var(--danger)}.ok{color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty strong{color:var(--text);margin-bottom:.25rem;font-weight:600;display:block}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem 1.25rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.75rem 1.25rem}tbody tr:last-child>td{border-bottom:0}th.right,td.right{text-align:right}tr.clickable{cursor:pointer;transition:background .1s}tr.clickable:hover>td{background:var(--surface-2)}tr.open>td{background:var(--surface-2);border-bottom-color:#0000}tr.detail>td{background:var(--surface-2);padding-top:0}.detail-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}.detail-body h3:first-child{margin-top:0}.detail-body table td{padding:.5rem .75rem}.person{align-items:center;gap:.75rem;min-width:0;display:flex}.person .avatar{width:30px;height:30px;font-size:.8rem}.person-name{font-weight:550}.chevron{color:var(--faint);transition:transform .15s;display:inline-block}tr.open .chevron{transform:rotate(180deg)}.pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.pill.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.live{color:var(--ok);background:var(--ok-soft);border-color:#0000}.pill.development{color:var(--warn);background:var(--warn-soft);border-color:#0000}.pill.retired{color:var(--faint);text-decoration:line-through}.pill.role-owner{color:var(--accent);background:var(--accent-soft);border-color:#0000}.pill.role-admin{color:var(--ok);background:var(--ok-soft);border-color:#0000}select.role{height:32px;font-size:.85rem;font-weight:550}select.role.owner{color:var(--accent)}select.role.admin{color:var(--ok)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:.9rem 1.1rem}.stat-label{color:var(--muted);font-size:.78rem;font-weight:500}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:1.6rem;font-weight:650;line-height:1.2;overflow:hidden}.stat-value.text{padding-top:.35rem;font-size:1.05rem}.stat-sub{color:var(--faint);font-size:.78rem}.site-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.site-card{flex-direction:column;gap:.9rem;padding:1.1rem 1.2rem;transition:border-color .15s,box-shadow .15s;display:flex}.site-card:hover{border-color:var(--line-strong)}.site-top{align-items:flex-start;gap:.75rem;display:flex}.site-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:650;display:grid}.site-title{flex:1;min-width:0}.site-title h2{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.site-title .mono{color:var(--faint)}.site-host{align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.site-host a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-meta{grid-template-columns:auto 1fr;gap:.3rem .9rem;margin:0;font-size:.85rem;display:grid}.site-meta dt{color:var(--muted)}.site-meta dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}details.hosts summary{cursor:pointer;color:var(--muted);align-items:center;gap:.3rem;font-size:.82rem;list-style:none;display:inline-flex}details.hosts summary::-webkit-details-marker{display:none}details.hosts summary:before{content:"▸";font-size:.7rem;transition:transform .15s}details.hosts[open] summary:before{transform:rotate(90deg)}details.hosts ul{flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}details.hosts li{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.site-actions{border-top:1px solid var(--line);gap:.5rem;margin-top:auto;padding-top:.9rem;display:flex}.site-actions .btn{flex:1;justify-content:center}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar select{min-width:0}.loading{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dim{opacity:.55;transition:opacity .2s}.who-split{flex-wrap:wrap;gap:.5rem;display:flex}.bar-track{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.bar{background:var(--accent);border-radius:4px;min-width:3px;height:100%}td.bar-cell{width:45%;min-width:120px}.chart{position:relative}.spark{border-bottom:1px solid var(--line-strong);align-items:flex-end;gap:3px;height:140px;padding-top:.5rem;display:flex}.spark-bar{background:var(--accent);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-width:3px;transition:opacity .1s}.spark-bar:hover{opacity:1}.spark-bar.zero{background:var(--line-strong);opacity:1}.chart-axis{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.4rem;font-size:.75rem;display:flex}.offline{background:var(--warn-soft);color:var(--warn);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem;display:flex}@media (width<=760px){.topbar-inner{flex-wrap:wrap;gap:0 .75rem;height:auto;padding:.6rem 1rem 0}.tabs{order:3;width:100%;height:44px;margin:0 -.5rem;overflow-x:auto}.account-text{display:none}main.content{padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))}th,td{padding-left:.9rem;padding-right:.9rem}.card.flush>.card-head{padding:1rem .9rem 0}.card-foot{padding:.8rem .9rem}.site-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:.5rem}.stat{padding:.75rem .85rem}.stat-value{font-size:1.35rem}.hide-sm{display:none}.auth-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}