:root{--bmd-navy:#0b2545;--bmd-navy-soft:#3d5a80;--bmd-blue-muted:#8da3bc;--bmd-green:#12a150;--bmd-grey-text:#5a6b7f;--bmd-grey-on-dark:#9fb3c8;--bmd-white:#fff;--state-operational:#12a150;--state-warning:#c77700;--state-error:#c0392b;--state-unmonitored:#5a6b7f;--state-testing:#3d5a80;--state-paused:#8da3bc;--surface:#f5f7fa;--surface-raised:#fff;--border:#dbe2ea;--text:var(--bmd-navy);--text-muted:var(--bmd-grey-text);color:var(--text);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background-color:var(--surface);min-height:100vh;margin:0}:focus-visible{outline:2px solid var(--bmd-green);outline-offset:2px}.screen{justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.5rem,6vw,3rem) 1.25rem;display:flex}.screen__card{background:var(--surface-raised);border:1px solid var(--border);border-radius:.75rem;width:100%;max-width:26rem;padding:clamp(1.5rem,5vw,2.25rem)}.screen__logo{width:min(12rem,60%);height:auto;margin:0 auto 1.5rem;display:block}.screen__title{letter-spacing:-.01em;color:var(--bmd-navy);text-align:center;margin:0 0 .5rem;font-size:1.375rem}.screen__lead{color:var(--text-muted);text-align:center;margin:0 0 1.5rem;font-size:.9375rem}.screen--wide .screen__card{max-width:40rem}.field{margin-bottom:1.1rem;display:block}.field__label{color:var(--bmd-navy);margin-bottom:.35rem;font-size:.875rem;font-weight:600;display:block}.field__input{border:1px solid var(--border);background:var(--bmd-white);width:100%;color:var(--text);border-radius:.5rem;padding:.625rem .75rem;font-size:1rem}.field__input:focus-visible{outline:2px solid var(--bmd-green);outline-offset:1px}.field__hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.8125rem}.button{cursor:pointer;border:1px solid #0000;border-radius:.5rem;width:100%;padding:.6875rem 1rem;font-size:1rem;font-weight:600}.button:disabled{cursor:not-allowed;opacity:.65}.button--primary{background:var(--bmd-navy);color:var(--bmd-white)}.button--primary:hover:not(:disabled){background:var(--bmd-navy-soft)}.button--secondary{border-color:var(--border);color:var(--bmd-navy);background:0 0}.button--secondary:hover:not(:disabled){border-color:var(--bmd-navy-soft)}.button--link{width:auto;color:var(--bmd-navy-soft);background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.form__actions{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.form__message{border-radius:.5rem;margin:0 0 1rem;padding:.6875rem .875rem;font-size:.875rem;line-height:1.4}.form__message--error{color:var(--state-error);background:#fbeae7;border:1px solid #f1c6bd}.form__message--info{color:var(--bmd-navy-soft);background:#eaf1fb;border:1px solid #cdddf0}.form__message--success{color:var(--state-operational);background:#e7f7ee;border:1px solid #bfe9d1}.status{text-align:center;color:var(--text-muted)}.status__title{color:var(--bmd-navy);margin:0 0 .5rem;font-size:1.25rem}.status__actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.app-shell{min-height:100vh}.app-shell__header{border-bottom:1px solid var(--border);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);display:flex}.app-shell__logo{width:auto;height:2rem;display:block}.app-shell__identity{align-items:center;gap:1rem;display:flex}.app-shell__email{color:var(--text-muted);font-size:.875rem}.app-shell__main{max-width:48rem;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2rem)}.app-shell__identity .button{width:auto}.app-shell__main{max-width:64rem}.preview-nav{border-bottom:1px solid var(--border);background:var(--surface-raised);scrollbar-width:thin;gap:.25rem;padding:0 clamp(1rem,4vw,2rem);display:flex;overflow-x:auto}.preview-nav__item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:.75rem .875rem;font-size:.9375rem;font-weight:600}.preview-nav__item:hover{color:var(--bmd-navy)}.preview-nav__item[aria-current=page]{color:var(--bmd-navy);border-bottom-color:var(--bmd-green)}.preview-section__title{letter-spacing:-.01em;color:var(--bmd-navy);margin:0 0 .75rem;font-size:1.375rem}.preview-status{color:var(--text-muted);margin:0}.preview-retry{width:auto}.preview-notice{border:1px solid var(--border);border-left:3px solid var(--bmd-navy-soft);background:var(--surface-raised);color:var(--text-muted);border-radius:.5rem;margin:0 0 1.5rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.5}.preview-counters{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.preview-counter{border:1px solid var(--border);background:var(--surface-raised);border-radius:.75rem;flex-direction:column;gap:.125rem;padding:1rem;display:flex}.preview-counter__value{color:var(--bmd-navy);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1.1}.preview-counter__label{color:var(--bmd-navy);font-size:.9375rem;font-weight:600}.preview-counter__hint{color:var(--text-muted);font-size:.8125rem}.preview-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.preview-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:.75rem;overflow:hidden}.preview-card__summary{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.875rem 1rem;display:flex}.preview-card__summary:hover{background:var(--surface)}.preview-card__name{color:var(--bmd-navy);overflow-wrap:anywhere;font-weight:600}.preview-card__detail{border-top:1px solid var(--border);padding:0 1rem 1rem}.preview-fields{grid-template-columns:1fr;gap:0 1rem;margin:0;display:grid}.preview-field__label{color:var(--text-muted);margin-top:.75rem;font-size:.8125rem;font-weight:600}.preview-field__value{color:var(--text);overflow-wrap:anywhere;margin:.125rem 0 0}@media (width>=40rem){.preview-fields{grid-template-columns:minmax(9rem,auto) 1fr}.preview-field__label,.preview-field__value{margin-top:.5rem}}.preview-muted{color:var(--text-muted)}.preview-link{color:var(--bmd-navy-soft);font-weight:600}.preview-chip{white-space:nowrap;border:1px solid;border-radius:999px;flex-wrap:wrap;align-items:baseline;gap:.375rem;padding:.1875rem .5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.preview-chip__note{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:.6875rem;font-weight:500}.preview-chip--unconfirmed{color:var(--state-testing)}.preview-chip--unmonitored{color:var(--state-unmonitored)}.preview-chip--paused,.preview-chip--active{color:var(--bmd-navy-soft)}.preview-chip--archived{color:var(--state-unmonitored)}.preview-empty{border:1px dashed var(--border);background:var(--surface-raised);text-align:center;border-radius:.75rem;padding:1.5rem 1rem}.preview-empty__title{color:var(--bmd-navy);margin:0;font-weight:600}.preview-empty__text{max-width:34rem;color:var(--text-muted);margin:.375rem auto 0;font-size:.9375rem}@media (width<=30rem){.app-shell__header{flex-wrap:wrap}.app-shell__identity{gap:.75rem}.app-shell__email{overflow-wrap:anywhere}}