:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf7f4;background:#07100f;font-synthesis:none;text-rendering:optimizeLegibility;--background: #07100f;--surface: #0c1816;--surface-raised: #11201d;--line: #21332f;--muted: #91a7a1;--accent: #23d5ab;--accent-soft: rgba(35, 213, 171, .12);--danger: #ff6b78}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -20%,rgba(35,213,171,.13),transparent 34rem),var(--background)}button,a{font:inherit}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1120px,calc(100% - 2rem));margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#f5fffc;text-decoration:none;font-weight:750}.brand__mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;color:#05100d;background:var(--accent);font-size:.7rem;letter-spacing:-.03em}.nav-link{color:var(--muted);text-decoration:none;padding:.55rem .8rem;border-radius:.6rem}.nav-link:hover,.nav-link--active{color:#effbf8;background:var(--surface-raised)}main{flex:1}.page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:4rem 0}.page--compact{width:min(900px,calc(100% - 2rem))}.hero{display:grid;gap:2.5rem;margin-bottom:5rem}.environment-badge{display:inline-flex;padding:.35rem .65rem;border:1px solid rgba(35,213,171,.32);border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--muted);font-size:.73rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.hero__eyebrow{margin:2.1rem 0 .7rem}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:1rem;font-size:clamp(2.7rem,9vw,5.8rem);line-height:.96;letter-spacing:-.065em}h2{margin-bottom:0;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:-.04em}.hero__copy,.diagnostic-header p{max-width:610px;color:var(--muted);font-size:1.05rem;line-height:1.7}.initialised-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid rgba(35,213,171,.25);border-radius:1rem;background:linear-gradient(135deg,var(--accent-soft),rgba(12,24,22,.8))}.initialised-card__icon{display:grid;flex:0 0 auto;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;color:#04110e;background:var(--accent);font-weight:900}.initialised-card strong,.initialised-card span{display:block}.initialised-card div>span{margin-top:.2rem;color:var(--muted);font-size:.88rem}.section-heading,.diagnostic-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.6rem}.section-heading .eyebrow,.diagnostic-header .eyebrow{margin-bottom:.5rem}.text-link{color:var(--accent);text-decoration:none;font-size:.9rem}.status-grid{display:grid;gap:.9rem}.status-card{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:1.35rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(150deg,var(--surface-raised),var(--surface))}.status-card__heading{display:flex;align-items:center;gap:.55rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%}.status-dot--healthy{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.status-dot--unavailable{background:var(--danger);box-shadow:0 0 0 5px #ff6b781f}.status-dot--pending{background:#e7b95d;box-shadow:0 0 0 5px #e7b95d1f}.status-card__value{margin-top:2rem;font-size:1.45rem}.status-card__detail{margin-top:.4rem;color:var(--muted);font-size:.84rem;line-height:1.45}.diagnostic-header{align-items:center;margin-bottom:2.5rem}.diagnostic-header h1{margin-bottom:.8rem;font-size:clamp(2.5rem,7vw,4.5rem)}.button{min-width:120px;padding:.72rem 1rem;border:0;border-radius:.7rem;color:#03110d;background:var(--accent);font-weight:800;cursor:pointer}.button:disabled{cursor:wait;opacity:.55}.error-banner{padding:.9rem 1rem;border:1px solid rgba(255,107,120,.35);border-radius:.75rem;color:#ffc4ca;background:#ff6b7814}.footer{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}@media(min-width:700px){.page{padding:6.5rem 0}.hero{grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);align-items:end}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.section-heading,.diagnostic-header{align-items:stretch;flex-direction:column}.button{width:100%}}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(520px,100%);padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:#0c1816eb;box-shadow:0 24px 80px #00000059}.login-card h1{margin-top:1rem;font-size:clamp(2.3rem,12vw,4rem)}.login-card p,.login-card small{color:var(--muted);line-height:1.6}.google-button,.user-menu button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.8rem;background:var(--accent);color:#03120e;font-weight:800;text-decoration:none;cursor:pointer}.google-button{width:100%;margin:1.25rem 0 .8rem;padding:.9rem 1rem}.login-error{margin-top:1rem;padding:.8rem;border:1px solid rgba(255,107,120,.4);border-radius:.8rem;color:#ffd9dd;background:#ff6b781a}.passkey-note{margin-top:1rem;font-size:.9rem}.auth-loader{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-size:.9rem}.user-menu img{width:2rem;height:2rem;border-radius:50%}.user-menu button{padding:.5rem .75rem}@media(max-width:720px){.topbar{flex-wrap:wrap;padding:1rem 0;gap:.8rem}.user-menu{width:100%;justify-content:space-between}}.monitor-page h1{font-size:clamp(2.4rem,8vw,4.8rem)}.monitor-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:2rem}.monitor-header p{color:var(--muted);line-height:1.6}.header-actions{display:grid;gap:.8rem;justify-items:end}.refresh-indicator{display:grid;gap:.25rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#11201dcc;color:#effbf8;min-width:220px}.refresh-indicator small,.kpi-card__detail,.threshold small{color:var(--muted)}.kpi-grid,.placeholder-grid,.charts-grid{display:grid;gap:1rem;margin:1.5rem 0}.kpi-card,.panel{border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(150deg,#11201df5,#0c1816f5);padding:1rem;box-shadow:0 18px 55px #0000002e}.kpi-card__top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.kpi-card h3{margin:0;font-size:.95rem;color:#dff8f2}.kpi-card__value{margin-top:1.15rem;font-size:clamp(1.25rem,6vw,2rem);font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}.kpi-card__value span{margin-left:.35rem;color:var(--muted);font-size:1rem}.kpi-card__detail{margin-top:.55rem;font-size:.9rem;line-height:1.45}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:900;border:1px solid var(--line);color:#dff8f2;background:#172723}.badge--ok{color:#8ff5dc;background:#23d5ab1f;border-color:#23d5ab52}.badge--warning{color:#ffe4a3;background:#fbbf241f;border-color:#fbbf2459}.badge--critique,.badge--indisponible{color:#ffc4ca;background:#ff6b781f;border-color:#ff6b7859}.threshold{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.panel{margin-top:1.25rem}.chart-box{width:100%;min-height:260px}.chart-empty,.empty-banner{display:grid;place-items:center;min-height:180px;padding:1rem;border:1px dashed var(--line);border-radius:1rem;color:var(--muted);text-align:center;background:#0c18168c}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.range-toggle{display:inline-flex;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.range-toggle button{border:0;border-radius:999px;padding:.55rem .9rem;background:transparent;color:var(--muted);cursor:pointer}.range-toggle button.active{background:var(--accent);color:#03110d;font-weight:900}.values-list{display:grid;gap:.8rem;margin:1rem 0 0}.values-list div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--line)}.values-list dt{color:var(--muted)}.values-list dd{margin:0;text-align:right}@media(min-width:720px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid--compact,.placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.monitor-header{flex-direction:column}.header-actions,.refresh-indicator{width:100%;justify-items:stretch}nav{display:flex;flex-wrap:wrap;gap:.35rem}.values-list div{flex-direction:column}.values-list dd{text-align:left}}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.app-card{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.card-row,.actions,.mini-stats,.component-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.status-pill{padding:.25rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.app-card--down .status-pill{background:#ff6b781f;color:var(--danger)}.app-card--degraded .status-pill{background:#fbbf241f;color:#fbbf24}.button-secondary{background:transparent;color:var(--accent);border:1px solid var(--line)}.component-row{padding:.8rem;border-bottom:1px solid var(--line)}.page-header{margin-bottom:2rem}.page-header h1{font-size:clamp(2rem,5vw,3.4rem);margin:.5rem 0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.section-card,.state-card{border:1px solid var(--line);background:#0c1816db;border-radius:1rem;padding:1.25rem;box-shadow:0 18px 50px #0000002e}.state-card--error,.form-error{color:var(--danger)}.kv{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:.7rem}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.setting-row{display:grid;gap:.6rem;padding:.8rem 0;border-top:1px solid var(--line)}.setting-row label{display:grid;gap:.35rem;color:var(--muted)}.setting-row input{width:100%;border:1px solid var(--line);border-radius:.7rem;background:#07100f;color:#edf7f4;padding:.65rem}.setting-row button,.section-card button{border:0;border-radius:.7rem;background:var(--accent);color:#03100d;padding:.65rem .9rem;font-weight:800;cursor:pointer}.status-pill{display:inline-flex;border-radius:999px;padding:.2rem .55rem;background:var(--surface-raised);color:var(--muted);font-size:.8rem}.status-pill--ok,.status-pill--running{color:var(--accent);background:var(--accent-soft)}.status-pill--critical,.status-pill--error{color:var(--danger);background:#ff6b781f}.check-list{list-style:none;padding:0;display:grid;gap:.65rem}.check-list li{display:flex;gap:.6rem;align-items:center}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;padding:1rem 0;gap:.8rem}.user-menu{width:100%;justify-content:space-between}.nav-link{padding:.45rem .55rem}.page{padding:2rem 0}.settings-grid,.kv{grid-template-columns:1fr}}