:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-http-over-10s: #e61511;--color-http-3s-10s: #f79833;--color-http-1s-3s: #bdf663;--color-http-0-5s-1s: #41dd3f;--color-http-up-to-0-5s: #24aa1d;--color-tcping-timeout: #e61511;--color-tcping-over-250ms: #f79833;--color-tcping-201ms-250ms: #f7ec44;--color-tcping-101ms-200ms: #bdf663;--color-tcping-51ms-100ms: #41dd3f;--color-tcping-up-to-50ms: #24aa1d;--color-neutral-gray: #d1d5db;--ink-strong: #142033;--ink: #46546a;--ink-muted: #718096;--line: #dce3ed;--surface: #ffffff;--surface-muted: #f5f7fb;--accent: #2563eb;--accent-dark: #1d4ed8;--warning-surface: #fff8e6;--warning-line: #f2d189;--error-surface: #fff1f0;--error-line: #efaaa7;background:var(--surface-muted);color:var(--ink-strong)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface-muted)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 32rem),var(--surface-muted);color:var(--ink-strong)}button,code{font:inherit}button{color:inherit}button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid rgba(37,99,235,.65);outline-offset:3px}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-shell{min-height:100vh;padding:2.5rem 1.25rem 4rem}.page-container{width:min(100%,76rem);margin:0 auto}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.eyebrow,.state-card__eyebrow{margin:0 0 .45rem;color:var(--accent-dark);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.7rem;color:var(--ink-strong);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;line-height:1}h2{margin-bottom:.45rem;color:var(--ink-strong);font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.025em}h3{margin-bottom:.35rem;color:var(--ink-strong);font-size:1rem}.dashboard-header__description,.last-updated,.state-card p,.panel-content__count,.monitor-card__kind,.monitor-card__target,.sample-grid-range{color:var(--ink-muted)}.dashboard-header__description{max-width:38rem;margin-bottom:0;font-size:1rem;line-height:1.6}.last-updated{flex:0 0 auto;margin-bottom:.3rem;font-size:.82rem;line-height:1.5;text-align:right}.state-card{padding:2.5rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);box-shadow:0 1rem 3rem #18274b12}.state-card--error{border-color:var(--error-line);background:var(--error-surface)}.state-card--nested{box-shadow:none}.state-card p:last-of-type{max-width:42rem;margin-bottom:1.4rem;line-height:1.6}.loading-indicator{display:block;width:2rem;height:2rem;margin-bottom:1.25rem;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{min-height:2.7rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:.65rem;cursor:pointer;font-weight:700}.button--primary{background:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-dark)}.button--secondary{border-color:var(--line);background:var(--surface);color:var(--ink-strong)}.button--secondary:hover{border-color:#b8c8e4;background:#f8faff}.button--danger{border-color:var(--error-line);background:var(--error-surface);color:#991b1b}.button--danger:hover{border-color:#d97975;background:#ffe4e2}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.text-link{color:var(--accent-dark);font-weight:750;text-underline-offset:.2em}.admin-page{display:grid;gap:1rem}.admin-boundary-note{margin-bottom:.25rem}.admin-section{display:grid;gap:1rem;padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);box-shadow:0 1rem 3rem #18274b0e}.admin-section__header,.admin-form__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.admin-section__header h2,.admin-form__header h3{margin-bottom:0}.admin-form{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-muted)}.login-card{max-width:42rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-field{display:grid;min-width:0;gap:.45rem;color:var(--ink-strong);font-size:.86rem;font-weight:750}.form-field--wide{grid-column:span 2}.form-field--compact{max-width:13rem}.form-field input,.form-field select{width:100%;min-height:2.7rem;padding:.55rem .7rem;border:1px solid #bac7d9;border-radius:.55rem;background:var(--surface);color:var(--ink-strong);font-size:.95rem;font-weight:500}.form-field input:focus-visible,.form-field select:focus-visible{border-color:var(--accent);outline:3px solid rgba(37,99,235,.2);outline-offset:1px}.checkbox-field{display:inline-flex;align-items:center;align-self:end;gap:.55rem;min-height:2.7rem;color:var(--ink-strong);font-size:.86rem;font-weight:750}.checkbox-field input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem}.form-error{padding:.75rem .9rem;margin:0;border:1px solid var(--error-line);border-radius:.6rem;background:var(--error-surface);color:#7f1d1d;font-size:.88rem;line-height:1.5}.logo-preview{display:flex;align-items:center;gap:.7rem;color:var(--ink-muted);font-size:.78rem;font-weight:700}.logo-preview img{width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.55rem;object-fit:cover}.sortable-list{display:grid;gap:.65rem;padding:0;margin:0;list-style:none}.sortable-list__item{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}.sortable-list__content{flex:1 1 auto;min-width:0}.sortable-list__controls{display:inline-flex;flex:0 0 auto;align-items:center;gap:.3rem}.icon-button{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);cursor:pointer;font-size:1.05rem;font-weight:800}.icon-button:hover:not(:disabled){border-color:#b8c8e4;background:#f8faff;color:var(--accent-dark)}.admin-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.admin-list-row__select,.admin-list-row__identity{display:flex;min-width:0;align-items:center;gap:.7rem}.admin-list-row__select{flex:1 1 auto;padding:.15rem;border:1px solid transparent;border-radius:.6rem;background:transparent;cursor:pointer;text-align:left}.admin-list-row__select:hover,.admin-list-row__select[aria-pressed=true]{border-color:#c4d3ec;background:#f8faff}.admin-list-row__select>span:last-child,.admin-list-row__identity>span:last-child{display:grid;min-width:0;gap:.18rem}.admin-list-row strong,.admin-list-row small{overflow-wrap:anywhere}.admin-list-row small{color:var(--ink-muted);font-size:.78rem;font-weight:500;line-height:1.4}.admin-list-row__logo,.admin-list-row__mark{flex:0 0 auto;width:2.35rem;height:2.35rem;border-radius:.55rem;object-fit:cover}.admin-list-row__mark{display:inline-grid;place-items:center;background:#e7eefc;color:var(--accent-dark);font-size:.86rem;font-weight:850}.admin-list-row__actions{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.empty-list,.loading-copy{margin:0;color:var(--ink-muted);line-height:1.6}.dashboard-content{display:grid;gap:1rem}.status-banner{padding:.85rem 1rem;border:1px solid var(--warning-line);border-radius:.75rem;background:var(--warning-surface);color:#684d08;font-size:.9rem;line-height:1.5}.status-banner--stale{border-color:var(--warning-line)}.status-banner--warning{border-color:var(--error-line);background:var(--error-surface);color:#7f1d1d}.panel-tabs{overflow-x:auto;padding:.15rem .1rem .4rem}.panel-tab-list{display:flex;min-width:max-content;gap:.65rem}.panel-tab{display:inline-flex;align-items:center;min-height:3rem;gap:.65rem;padding:.55rem .9rem;border:1px solid var(--line);border-radius:.8rem;background:#ffffffb8;cursor:pointer;font-weight:750;white-space:nowrap}.panel-tab:hover{border-color:#b8c8e4;background:var(--surface)}.panel-tab--selected{border-color:var(--accent);background:var(--surface);box-shadow:0 .45rem 1.1rem #2563eb24;color:var(--accent-dark)}.panel-tab__logo,.panel-tab__mark,.monitor-card__logo,.monitor-card__mark{flex:0 0 auto;width:2rem;height:2rem;border-radius:.6rem;object-fit:cover}.panel-tab__mark,.monitor-card__mark{display:inline-grid;place-items:center;background:#e7eefc;color:var(--accent-dark);font-size:.82rem;font-weight:850}.panel-content{display:grid;gap:1rem;padding-top:1.15rem}.panel-content__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.6rem .25rem .35rem}.panel-content__header h2{margin-bottom:0}.panel-content__count{margin-bottom:.15rem;font-size:.85rem;font-weight:700}.monitor-list{display:grid;gap:1rem}.monitor-card{min-width:0;padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);box-shadow:0 1rem 3rem #18274b0e}.monitor-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.monitor-card__identity{display:flex;min-width:0;align-items:center;gap:.8rem}.monitor-card__name{margin-bottom:.15rem}.monitor-card__kind,.monitor-card__target{margin-bottom:0;font-size:.82rem}.monitor-card__target{max-width:55%;overflow-wrap:anywhere;text-align:right}.monitor-card__target code{color:var(--ink-muted)}.sample-grid-section{min-width:0}.sample-grid-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.sample-grid-heading-row h3{margin-bottom:0}.sample-grid-range{font-size:.72rem;white-space:nowrap}.sample-grid-scroll{overflow-x:auto;padding:.3rem .2rem .8rem;border-radius:.55rem;-webkit-overflow-scrolling:touch}.sample-grid{display:grid;min-width:72rem;grid-template-columns:repeat(48,minmax(1.5rem,1fr));gap:.28rem}.sample-cell{width:100%;aspect-ratio:1 / 1;min-width:0;padding:0;border:1px solid rgba(20,32,51,.15);border-radius:.25rem;box-shadow:inset 0 0 0 1px #ffffff1f;cursor:default}.sample-cell:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #2563eb40,inset 0 0 0 1px #ffffff3d}.status-legend{display:grid;gap:.7rem;margin-top:.7rem}.status-legend h3{margin-bottom:0;font-size:.82rem;color:var(--ink-muted);font-weight:750;letter-spacing:.04em;text-transform:uppercase}.status-legend__list{display:flex;flex-wrap:wrap;gap:.55rem 1rem;padding:0;margin:0;list-style:none}.status-legend__item{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);font-size:.78rem;font-variant-numeric:tabular-nums}.status-legend__swatch{display:inline-block;width:.8rem;height:.8rem;border:1px solid rgba(20,32,51,.15);border-radius:.2rem}.status-legend__swatch--http-over-10s{background:var(--color-http-over-10s)}.status-legend__swatch--http-3s-10s{background:var(--color-http-3s-10s)}.status-legend__swatch--http-1s-3s{background:var(--color-http-1s-3s)}.status-legend__swatch--http-0-5s-1s{background:var(--color-http-0-5s-1s)}.status-legend__swatch--http-up-to-0-5s{background:var(--color-http-up-to-0-5s)}.status-legend__swatch--tcping-timeout{background:var(--color-tcping-timeout)}.status-legend__swatch--tcping-over-250ms{background:var(--color-tcping-over-250ms)}.status-legend__swatch--tcping-201ms-250ms{background:var(--color-tcping-201ms-250ms)}.status-legend__swatch--tcping-101ms-200ms{background:var(--color-tcping-101ms-200ms)}.status-legend__swatch--tcping-51ms-100ms{background:var(--color-tcping-51ms-100ms)}.status-legend__swatch--tcping-up-to-50ms{background:var(--color-tcping-up-to-50ms)}@media(max-width:700px){.dashboard-shell{padding:1.5rem .8rem 2.5rem}.dashboard-header{display:block;margin-bottom:1.4rem}.last-updated{margin-top:1rem;text-align:left}.state-card{padding:1.5rem}.admin-section__header,.admin-form__header,.admin-list-row{align-items:flex-start;flex-direction:column}.admin-section__header .button,.admin-list-row__actions{width:100%}.admin-list-row__actions{justify-content:flex-start}.form-grid{grid-template-columns:minmax(0,1fr)}.form-field--wide{grid-column:auto}.form-field--compact{max-width:none}.panel-content__header,.monitor-card__header{display:block}.panel-content__count{margin-top:.55rem}.monitor-card__target{max-width:none;margin-top:1rem;text-align:left}.sample-grid{min-width:60rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}