*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark;--bg: #0d0c0f;--bg-elevated: #16141a;--text: #f2f0f7;--muted: #9a939e;--accent: #c9a227;--accent-dim: rgba(201, 162, 39, .15);--card-border: rgba(255, 255, 255, .08);--card-hover: rgba(201, 162, 39, .25);--radius: 16px;--sans: "Instrument Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--surface: #1a1822;--ink: #f2f0f7;--line: rgba(255, 255, 255, .12);--design: #e07a5f;--design-soft: rgba(224, 122, 95, .18);--product: #5cb3b3;--product-soft: rgba(92, 179, 179, .18);--shadow: 0 12px 40px rgba(0, 0, 0, .45);--kpi-text: #f2f0f7;--kpi-muted: #9a939e;--kpi-surface: #16141a;--kpi-surface-2: #16141a;--kpi-border: rgba(255, 255, 255, .12);--kpi-accent: #c9a227;--kpi-accent-ink: #18121f;--kpi-help-text: #e6e2ee;--kpi-help-link: #f2f0f7;--kpi-legend: #d4d0db;--kpi-error: #ff8c8c;--kpi-help-bg: rgba(201, 162, 39, .08);--kpi-help-border: rgba(201, 162, 39, .18);--kpi-chart-fill: rgba(255, 255, 255, .02);--kpi-chart-axis: rgba(255, 255, 255, .22)}html[data-theme=light]{color-scheme:light;--bg: #f5f0ea;--bg-elevated: #ffffff;--text: #141218;--muted: #5c5663;--accent: #8f6a0f;--accent-dim: rgba(143, 106, 15, .14);--card-border: rgba(20, 18, 24, .1);--card-hover: rgba(143, 106, 15, .28);--radius: 16px;--sans: "Instrument Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--surface: #fffcf7;--ink: #1a1714;--line: rgba(26, 23, 20, .12);--design: #c45c3e;--design-soft: rgba(196, 92, 62, .12);--product: #2d6a6a;--product-soft: rgba(45, 106, 106, .12);--shadow: 0 12px 40px rgba(26, 23, 20, .08);--kpi-text: #141218;--kpi-muted: #5c5663;--kpi-surface: #ffffff;--kpi-surface-2: #faf7f2;--kpi-border: rgba(20, 18, 24, .12);--kpi-accent: #8f6a0f;--kpi-accent-ink: #1a1410;--kpi-help-text: #2a2633;--kpi-help-link: #141218;--kpi-legend: #4a4552;--kpi-error: #b42318;--kpi-help-bg: rgba(143, 106, 15, .1);--kpi-help-border: rgba(143, 106, 15, .22);--kpi-chart-fill: rgba(20, 18, 24, .04);--kpi-chart-axis: rgba(20, 18, 24, .18)}html,body{margin:0;min-height:100vh}body{font-family:var(--sans);font-size:1.05rem;line-height:1.55;color:var(--text);background:var(--bg)}html[data-theme=dark] body{background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(201,162,39,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(120,90,200,.06),transparent 50%)}html[data-theme=light] body{background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(201,162,39,.1),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(120,90,200,.05),transparent 50%)}.theme-fab{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999px;border:1px solid var(--card-border, rgba(255, 255, 255, .12));background:var(--bg-elevated, #16141a);color:var(--text, #f2f0f7);font-family:var(--sans, system-ui, sans-serif);font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #00000040}.theme-fab:hover{border-color:var(--accent, #c9a227)}.theme-fab:focus-visible{outline:2px solid var(--accent, #c9a227);outline-offset:2px}.theme-fab__icon{font-size:1.05rem;line-height:1}html[data-theme=light] .theme-fab{box-shadow:0 10px 28px #1a17141f}.app-shell__actions{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.logout-btn{border-radius:999px;border:1px solid var(--card-border, rgba(255, 255, 255, .12));background:var(--bg-elevated, #16141a);color:var(--text, #f2f0f7);font-family:var(--sans, system-ui, sans-serif);font-size:.88rem;font-weight:600;padding:.55rem .85rem;cursor:pointer;box-shadow:0 10px 30px #00000040}.logout-btn:hover{border-color:var(--accent, #c9a227)}.logout-btn:focus-visible{outline:2px solid var(--accent, #c9a227);outline-offset:2px}html[data-theme=light] .logout-btn{box-shadow:0 10px 28px #1a17141f}.home{width:min(960px,calc(100% - 2.5rem));margin:0 auto;padding:3rem 0 4rem}.home__header{margin-bottom:2.75rem;max-width:36rem}.home__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.home__title{margin:0 0 .75rem;font-size:clamp(2.1rem,5vw,2.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}.home__lede{margin:0;color:var(--muted);font-size:1.1rem;max-width:34ch}.home__section-title{margin:0 0 1.25rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;align-items:start}.home__card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;aspect-ratio:1;max-width:280px;margin:0 auto;width:100%;padding:1.5rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home__card:hover{transform:translateY(-4px);border-color:var(--card-hover);box-shadow:0 20px 50px #00000059}.home__card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home__card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.35rem;color:var(--accent);background:var(--accent-dim);border-radius:12px}.home__card-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.home__card-desc{margin:0;font-size:.88rem;line-height:1.45;color:var(--muted)}.home__card--soon{pointer-events:none;opacity:.45;border-style:dashed}.home__card--soon .home__card-title{font-size:1rem;font-weight:600;color:var(--muted)}.home__footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border);font-size:.85rem;color:var(--muted)}.home__footer a{color:var(--muted)}.home__footer a:hover{color:var(--accent)}.page{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.home-link{margin:0 0 1.25rem;font-size:.88rem}.home-link a{color:var(--muted);text-decoration:none;font-weight:600}.home-link a:hover{color:var(--product)}.hero__tag{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero__title{margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.65rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.hero__title a{color:var(--ink);text-decoration:none;background:linear-gradient(transparent 60%,var(--design-soft) 60%)}.hero__title a:hover{color:var(--design)}.hero__lede{margin:0;max-width:52ch;color:var(--muted);font-size:1.08rem}.hero__lede strong{color:var(--ink)}.select--tall{display:block;width:100%;min-height:12rem;padding:.5rem .65rem;font-size:.92rem;line-height:1.4}.field-group__title{margin:0 0 1rem;font-size:.95rem;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.field-group--generic{padding-top:.5rem;margin-top:.5rem;border-top:1px dashed var(--line)}.agent-row{margin-bottom:.75rem}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.85rem 2rem;box-shadow:var(--shadow)}.field-group.is-hidden{display:none}.field{margin-bottom:1.25rem}.field:last-of-type{margin-bottom:0}.field label,.field legend{display:block;font-weight:600;font-size:.88rem;margin-bottom:.4rem}.field__hint{margin:.4rem 0 0;font-size:.82rem;color:var(--muted);line-height:1.45}.field input[type=text],.field select,.field textarea{width:100%;padding:.65rem .75rem;font-family:var(--sans);font-size:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.field textarea{resize:vertical;min-height:4rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--product);outline-offset:1px;border-color:transparent}.field--checkboxes{border:none;padding:0;margin:0 0 1.25rem}.field--checkboxes legend{margin-bottom:.5rem}.field--checkboxes label{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;margin-right:1rem;margin-bottom:.35rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--line)}.btn{font-family:var(--sans);font-weight:600;font-size:.95rem;padding:.7rem 1.25rem;border-radius:10px;border:none;cursor:pointer}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{opacity:.92}.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn--ghost:hover{color:var(--ink);border-color:var(--ink)}.btn--small{font-size:.82rem;padding:.45rem .85rem}.btn--link{text-decoration:none;display:inline-flex;align-items:center;background:var(--product-soft);color:var(--product);border:1px solid rgba(45,106,106,.25)}.btn--link:hover{background:#2d6a6a33}.output{margin-top:2.5rem;padding:1.5rem 1.65rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.output.is-hidden{display:none}.output__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.output__head h2{margin:0;font-size:1.2rem}.output__actions{display:flex;flex-wrap:wrap;gap:.5rem}.output__note{margin:0 0 1rem;font-size:.88rem;color:var(--muted)}.output__note code{font-family:var(--mono);font-size:.82em;background:var(--bg);padding:.12em .35em;border-radius:4px}.brief{margin:0;padding:1.1rem 1.2rem;font-family:var(--mono);font-size:.78rem;line-height:1.55;background:#0f0e0c;color:#e8e4dc;border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.footer a{color:var(--product)}.footer p{margin:0}.kpi-page{width:min(980px,calc(100% - 2.5rem));margin:0 auto;padding:2.5rem 0 4rem;color:var(--kpi-text)}.kpi-page__back a{color:var(--kpi-muted);text-decoration:none}.kpi-page__back a:hover{color:var(--kpi-accent)}.kpi-hero h1{margin:.2rem 0 .5rem;font-size:clamp(1.9rem,4vw,2.5rem)}.kpi-hero p{margin:0;color:var(--kpi-muted);max-width:60ch}.kpi-streak{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;padding:1rem 1.15rem;border-radius:14px;border:1px solid var(--kpi-border);background:var(--kpi-help-bg)}.kpi-streak__value{margin:0;font-size:clamp(2.2rem,6vw,2.85rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--kpi-accent);min-width:4.5rem;text-align:center}.kpi-streak__body{flex:1;min-width:min(100%,18rem)}.kpi-streak__title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--kpi-text)}.kpi-streak__detail{margin:0;font-size:.82rem;line-height:1.45;color:var(--kpi-muted)}.kpi-hero__tag{color:var(--kpi-accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.kpi-filters{margin-top:1.5rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.kpi-filters label{color:var(--kpi-muted);font-size:.9rem}.kpi-filters select{border:1px solid var(--kpi-border);border-radius:10px;background:var(--kpi-surface-2);color:var(--kpi-text);padding:.55rem .7rem}.kpi-filters button{width:fit-content;border:0;border-radius:10px;background:var(--kpi-accent);color:var(--kpi-accent-ink);font-weight:700;padding:.62rem .95rem;cursor:pointer}.kpi-filters button:disabled{opacity:.65;cursor:not-allowed}.kpi-error{margin-top:1rem;color:var(--kpi-error)}.kpi-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kpi-card{background:var(--kpi-surface);border:1px solid var(--kpi-border);border-radius:14px;padding:1rem}.kpi-card__label{margin:0;font-size:.85rem;color:var(--kpi-muted);text-transform:uppercase;letter-spacing:.08em}.kpi-card__value{margin:.45rem 0 .25rem;font-size:1.65rem;font-weight:700}.kpi-card__meta{margin:0;font-size:.86rem;color:var(--kpi-muted)}.kpi-card__value--up,.kpi-card__value--good{color:#67d694}.kpi-card__value--degraded,.kpi-card__value--warn{color:#f2c66f}.kpi-card__value--down,.kpi-card__value--bad{color:#ff8c8c}.kpi-help{margin-top:1.8rem;background:var(--kpi-help-bg);border:1px solid var(--kpi-help-border);border-radius:14px;padding:1rem 1rem 1rem 1.15rem}.kpi-help h2{margin:0 0 .45rem;font-size:1.05rem}.kpi-help p,.kpi-help li{color:var(--kpi-help-text)}.kpi-help a{color:var(--kpi-help-link)}.kpi-charts{margin-top:1.8rem;display:grid;gap:1rem}.kpi-charts h2{margin:0}.chart-card{background:var(--kpi-surface);border:1px solid var(--kpi-border);border-radius:14px;padding:1rem}.chart-card__head h3{margin:0}.chart-card__head p{margin:.35rem 0 .8rem;color:var(--kpi-muted);font-size:.9rem}.chart{width:100%;height:auto;display:block;background:var(--kpi-chart-fill);border-radius:10px;cursor:crosshair;touch-action:none}.chart__cursor{stroke:var(--kpi-accent);stroke-width:1;stroke-dasharray:5 4;opacity:.65;pointer-events:none}.chart__dot{pointer-events:none}.chart-tooltip{position:fixed;z-index:100;pointer-events:none;min-width:10rem;max-width:min(16rem,calc(100vw - 1.5rem));padding:.5rem .65rem;border-radius:10px;font-size:.78rem;line-height:1.45;background:var(--kpi-surface);border:1px solid var(--kpi-border);color:var(--kpi-text);box-shadow:0 10px 32px #00000047}html[data-theme=light] .chart-tooltip{box-shadow:0 10px 28px #1a171426}.chart-tooltip strong{display:block;margin-bottom:.35rem;font-size:.82rem;color:var(--kpi-text)}.chart-tooltip__row{display:flex;gap:.4rem;align-items:center;margin-top:.15rem}.chart-tooltip__swatch{width:.45rem;height:.45rem;border-radius:2px;flex-shrink:0}.chart__axis{stroke:var(--kpi-chart-axis);stroke-width:1}.chart__empty{color:var(--kpi-muted)}.chart-legend{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.8rem;color:var(--kpi-legend);font-size:.86rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.chart-legend i{width:.7rem;height:.7rem;border-radius:999px;display:inline-block}.emp-mail{width:min(720px,calc(100% - 2.5rem));margin:0 auto;padding:2.5rem 0 4rem;font-family:var(--sans);color:var(--text)}.emp-mail__back{margin:0 0 1.5rem}.emp-mail__back a{color:var(--muted);text-decoration:none;font-size:.95rem}.emp-mail__back a:hover{color:var(--accent)}.emp-mail__hero{margin-bottom:2rem}.emp-mail__tag{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.emp-mail__hero h1{margin:0 0 .5rem;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}.emp-mail__hero p{margin:0;color:var(--muted);font-size:1.05rem;max-width:52ch;line-height:1.5}.emp-mail__hero-note{margin:1rem 0 0;max-width:58ch;font-size:.88rem;line-height:1.5;color:var(--muted)}.emp-mail__hero-note code{font-family:var(--mono);font-size:.84em;padding:.1em .35em;border-radius:6px;background:var(--accent-dim);color:var(--text)}.emp-mail__api-note{margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.88rem;line-height:1.45;color:var(--muted);border-radius:10px;border:1px solid var(--card-border);background:var(--bg-elevated)}.emp-mail__form{display:flex;flex-direction:column;gap:1.15rem;padding:1.35rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:1.75rem}.emp-mail__field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.emp-mail__field .emp-mail__hint{margin:.25rem 0 0;font-size:.78rem;font-weight:400;color:var(--muted)}.emp-mail__field input,.emp-mail__field textarea,.emp-mail__field select{width:100%;padding:.65rem .75rem;font:inherit;font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--card-border);border-radius:10px}.emp-mail__field textarea{min-height:6.5rem;resize:vertical;line-height:1.45}.emp-mail__field input:focus,.emp-mail__field textarea:focus,.emp-mail__field select:focus{outline:2px solid var(--accent);outline-offset:1px}.emp-mail__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.emp-mail__check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.emp-mail__check input{width:auto;accent-color:var(--accent)}.emp-mail__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.emp-mail__btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.15rem;font:inherit;font-size:.92rem;font-weight:600;border-radius:10px;border:1px solid var(--card-border);background:var(--accent-dim);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.emp-mail__btn:hover{border-color:var(--card-hover)}.emp-mail__btn--primary{background:var(--accent);color:#1a1510;border-color:transparent}.emp-mail__btn:disabled{opacity:.45;cursor:not-allowed}.emp-mail__error{margin:0;font-size:.88rem;color:#c45c3e}html[data-theme=dark] .emp-mail__error{color:#ff9a8a}.emp-mail__output{padding:1.25rem 1.2rem;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--bg-elevated)}.emp-mail__output h2{margin:0 0 .75rem;font-size:1rem;font-weight:700}.emp-mail__subject{margin:0 0 1rem;font-size:.9rem;color:var(--muted)}.emp-mail__subject strong{color:var(--text)}.emp-mail__body{margin:0;white-space:pre-wrap;font-size:.95rem;line-height:1.55;color:var(--text)}.emp-mail__copy-msg{margin:.85rem 0 0;font-size:.82rem;color:var(--muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-page__fab{position:fixed;right:1rem;bottom:1rem;z-index:60}.login-card{width:min(400px,100%);padding:1.75rem 1.5rem 2rem;border-radius:var(--radius, 16px);background:var(--bg-elevated, #16141a);border:1px solid var(--card-border, rgba(255, 255, 255, .08));box-shadow:0 20px 50px #00000040}html[data-theme=light] .login-card{box-shadow:0 16px 40px #1a17141f}.login-card__title{margin:0 0 .35rem;font-size:1.5rem;color:var(--text, #f2f0f7)}.login-card__lede{margin:0 0 1.25rem;font-size:.95rem;color:var(--muted, #9a939e)}.login-form{display:flex;flex-direction:column;gap:.45rem}.login-form label{font-size:.85rem;font-weight:600;color:var(--muted, #9a939e)}.login-form input{margin-bottom:.35rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--card-border, rgba(255, 255, 255, .12));background:var(--bg, #0d0c0f);color:var(--text, #f2f0f7);font-size:1rem}html[data-theme=light] .login-form input{background:var(--surface, #fffcf7)}.login-form__error{margin:.25rem 0 0;font-size:.88rem;color:var(--kpi-error, #ff8c8c)}.login-form__submit{margin-top:.75rem;padding:.7rem 1rem;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;background:var(--accent, #c9a227);color:var(--kpi-accent-ink, #18121f)}.login-form__submit:hover{filter:brightness(1.05)}html[data-theme=dark] .field input[type=text],html[data-theme=dark] .field select,html[data-theme=dark] .field textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .output{background:var(--surface);color:var(--ink)}html[data-theme=light] .brief{background:#f0ebe3;color:#1a1714}