@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500&family=Outfit:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{--font-body:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-canvas:#f4f7fb;--bg-elevated:#fff;--bg-soft:#eef3f9;--text-primary:#101827;--text-secondary:#546076;--border-soft:#dbe4f0;--accent:#2166ee;--accent-strong:#174abd;--good:#0f8f72;--warn:#cc8d14;--danger:#d03b4f;--unknown:#7f8ba0;--hero-gradient:linear-gradient(120deg, #f7fbff 0%, #eaf2ff 45%, #eaf8f4 100%);--panel-shadow:0 14px 30px -20px #0f1e3e40;--radius:16px;--transition-base:.18s ease;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.9rem}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-canvas:#090f1b;--bg-elevated:#111c2f;--bg-soft:#1a2942;--text-primary:#e8f0ff;--text-secondary:#a8bad7;--border-soft:#2a3a56;--accent:#50b4ff;--accent-strong:#2d97e6;--good:#3fd1b5;--warn:#ffbc52;--danger:#ff6a7e;--unknown:#8d9fbc;--hero-gradient:radial-gradient(circle at 20% 20%, #1b2f51 0%, #09111f 55%, #060b14 100%);--panel-shadow:0 18px 34px -20px #000818e6}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-canvas)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin:0}p{color:var(--text-secondary);margin:0}a{color:var(--accent);text-decoration:none}.page-container{max-width:1400px;margin:0 auto;padding:0 1.5rem 2rem}.page-hero{background:var(--hero-gradient);border:1px solid var(--border-soft);border-radius:calc(var(--radius) + 4px);margin-bottom:1rem;padding:1.3rem 1.5rem}.page-hero h1{margin-bottom:.35rem;font-size:clamp(1.55rem,1.3rem + 1.2vw,2.2rem)}.page-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem;font-size:.82rem;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--panel-shadow);transition:transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px)}.p-6{padding:1.2rem}.status-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.status-badge.healthy{background:color-mix(in srgb, var(--good) 12%, var(--bg-elevated));color:var(--good);border-color:color-mix(in srgb, var(--good) 35%, var(--bg-elevated))}.status-badge.degraded{background:color-mix(in srgb, var(--warn) 14%, var(--bg-elevated));color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, var(--bg-elevated))}.status-badge.down{background:color-mix(in srgb, var(--danger) 14%, var(--bg-elevated));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--bg-elevated))}.status-badge.unknown{background:color-mix(in srgb, var(--unknown) 14%, var(--bg-elevated));color:var(--unknown);border-color:color-mix(in srgb, var(--unknown) 35%, var(--bg-elevated))}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.banner{border-radius:var(--radius);border:1px solid;margin-bottom:1rem;padding:.95rem 1.1rem}.banner-danger{background:color-mix(in srgb, var(--danger) 10%, var(--bg-elevated));border-color:color-mix(in srgb, var(--danger) 35%, var(--bg-elevated))}.banner-warning{background:color-mix(in srgb, var(--warn) 11%, var(--bg-elevated));border-color:color-mix(in srgb, var(--warn) 35%, var(--bg-elevated))}.section-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.surface-control,.surface-input,.surface-select,.surface-multiselect{border:1px solid var(--border-soft);background:var(--bg-elevated);width:100%;color:var(--text-primary);font:inherit;border-radius:10px;padding:.58rem .72rem}.surface-multiselect{min-height:128px}.surface-input:focus,.surface-select:focus,.surface-multiselect:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px}.button-primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:.62rem .92rem;font-weight:700}.button-primary:hover{background:var(--accent-strong)}.button-secondary{border:1px solid var(--border-soft);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;border-radius:11px;padding:.56rem .88rem;font-weight:600}.button-secondary:hover{background:var(--bg-soft)}.button-danger{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:.56rem .88rem;font-weight:700}.button-danger:hover{filter:brightness(.95)}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.6;cursor:not-allowed}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{color:var(--text-secondary);margin-bottom:.7rem;font-size:.84rem;font-weight:600;display:block}.form-field span{margin-bottom:.25rem;display:block}.notice-error{color:var(--danger);font-size:.85rem;font-weight:600}.notice-success{color:var(--good);font-size:.85rem;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--bg-soft), color-mix(in srgb, var(--bg-soft) 50%, #fff), var(--bg-soft));background-size:240% 100%;border-radius:10px;animation:1.8s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=960px){.admin-grid{grid-template-columns:1fr}.page-container{padding:0 1rem 1.4rem}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.app-shell{background:var(--bg-canvas);min-height:100vh}.top-nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:.95rem 1.5rem;display:flex}.nav-main{align-items:center;gap:.9rem;min-width:0;display:flex}.nav-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.brand-link{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-size:1.15rem;font-weight:700}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-link{color:var(--text-secondary);border:1px solid #0000;border-radius:999px;padding:.4rem .8rem;font-size:.86rem;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--text-primary);border-color:var(--border-soft);background:var(--bg-soft)}.main-shell{padding:1.5rem 0 2rem}@media (width<=900px){.top-nav-inner{flex-wrap:wrap;align-items:center}.nav-main{flex-wrap:wrap}.nav-actions{justify-content:flex-end;width:100%;margin-top:.2rem;margin-left:0;margin-right:0}}