.landing{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.landing-nav{z-index:20;background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px max(20px,50vw - 600px);display:flex;position:sticky;top:0}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-links a:not(.btn){color:var(--color-text-muted);font-size:13.5px;font-weight:600;text-decoration:none}.landing-nav-links a:not(.btn):hover{color:var(--color-text)}@media (width<=700px){.landing-nav-links a:not(.btn){display:none}}.landing-section{padding:72px max(20px,50vw - 600px)}.landing-section-narrow{padding:72px max(20px,50vw - 440px)}.landing-hero{background:radial-gradient(1100px 480px at 15% -10%, var(--color-primary-soft), transparent 60%), linear-gradient(180deg, var(--color-mint), var(--color-bg) 70%);grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:88px max(20px,50vw - 600px) 60px;display:grid}@media (width<=980px){.landing-hero{grid-template-columns:1fr;padding-top:48px}}.landing-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary-dark);background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.landing-hero h1{letter-spacing:-.02em;margin:0 0 20px;font-size:44px;line-height:1.12}@media (width<=640px){.landing-hero h1{font-size:32px}}.landing-hero-sub{color:var(--color-text-muted);max-width:560px;margin:0 0 32px;font-size:17px;line-height:1.6}.landing-cta-row{flex-wrap:wrap;gap:12px;display:flex}.btn-lg{border-radius:var(--radius-md);padding:12px 22px;font-size:14.5px}.mockup-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.mockup-titlebar{border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);align-items:center;gap:6px;padding:10px 14px;display:flex}.mockup-dot{background:var(--color-border-strong);border-radius:50%;width:9px;height:9px}.mockup-label{color:var(--color-text-faint);margin-left:8px;font-size:11.5px;font-weight:600}.mockup-body{padding:18px}.mockup-metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.mockup-metric{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);padding:10px 12px}.mockup-metric-label{color:var(--color-text-faint);text-transform:uppercase;font-size:10.5px;font-weight:700}.mockup-metric-value{margin-top:2px;font-size:20px;font-weight:700}.mockup-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;font-size:12.5px;display:flex}.mockup-row:last-child{border-bottom:none}.mockup-caption{text-align:center;color:var(--color-text-faint);margin-top:12px;font-size:11.5px}.landing-stat-strip{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=780px){.landing-stat-strip{grid-template-columns:repeat(2,1fr)}}.landing-stat{background:var(--color-surface);padding:24px 20px}.landing-stat h4{margin:0 0 6px;font-size:14px}.landing-stat p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.landing-section-head{text-align:center;max-width:680px;margin:0 auto 44px}.landing-section-head h2{letter-spacing:-.01em;margin-bottom:10px;font-size:30px}.landing-section-head p{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.6}.lifecycle-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;max-width:1200px;margin:0 auto;display:flex}.lifecycle-step{align-items:center;gap:10px;padding:10px 6px;display:flex}.lifecycle-step-inner{text-align:center;flex-direction:column;align-items:center;gap:8px;width:108px;display:flex}.lifecycle-num{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.lifecycle-step-inner strong{font-size:12.5px}.lifecycle-step-inner span{color:var(--color-text-faint);font-size:11px;line-height:1.35}.lifecycle-arrow{color:var(--color-border-strong);flex:none;font-size:18px}@media (width<=900px){.lifecycle-arrow{display:none}.lifecycle-step{justify-content:center;width:33.33%}}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=980px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.feature-icon{border-radius:var(--radius-sm);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary-dark);justify-content:center;align-items:center;margin-bottom:14px;font-size:17px;display:flex}.feature-card h4{margin:0 0 6px;font-size:14.5px}.feature-card p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--color-text);padding:16px 18px;font-size:12.5px;line-height:1.6}.prompt-card .prompt-tag{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:4px;margin-bottom:8px;padding:2px 6px;font-size:10.5px;font-weight:700;display:inline-block}.security-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=700px){.security-grid{grid-template-columns:1fr}}.security-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.security-check{background:var(--color-success-soft);width:22px;height:22px;color:var(--color-success);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}.security-item h4{margin:0 0 3px;font-size:13.5px}.security-item p{color:var(--color-text-muted);margin:0;font-size:12.5px;line-height:1.5}.scenario-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=780px){.scenario-grid{grid-template-columns:1fr}}.scenario-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px}.scenario-card h4{margin:0 0 2px;font-size:15px}.scenario-card .scenario-sub{color:var(--color-text-faint);margin-bottom:16px;font-size:12px}.scenario-list{margin:0;padding:0;list-style:none}.scenario-list li{border-left:2px solid var(--color-border);color:var(--color-text-muted);padding:0 0 14px 22px;font-size:12.5px;position:relative}.scenario-list li:last-child{border-color:#0000;padding-bottom:0}.scenario-list li:before{content:"";background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:-5px}.scenario-list strong{color:var(--color-text);margin-bottom:1px;font-size:13px;display:block}.landing-cta-band{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-lg);text-align:center;color:#fff;margin:0 max(20px,50vw - 600px) 72px;padding:52px 40px}.landing-cta-band h2{color:#fff;margin:0 0 10px;font-size:26px}.landing-cta-band p{color:#ffffffd9;margin:0 0 24px;font-size:14.5px}.landing-cta-band .btn-primary{color:var(--color-primary-dark);background:#fff}.landing-cta-band .btn-primary:hover{background:color-mix(in srgb, white 90%, var(--color-primary-soft))}.landing-cta-band .btn-secondary{color:#fff;background:0 0;border-color:#ffffff73}.landing-cta-band .btn-secondary:hover{background:#ffffff1f}.landing-cta-band .cta-support{color:#ffffffd9;margin:0 0 24px;font-size:14.5px;line-height:1.6}.landing-footer{border-top:1px solid var(--color-border);color:var(--color-text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:32px max(20px,50vw - 600px);font-size:12.5px;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.mockup-window--glass{background:color-mix(in srgb, var(--color-surface) 80%, transparent);-webkit-backdrop-filter:blur(16px)}.landing-tagline{text-align:center;color:var(--color-primary-dark);letter-spacing:-.005em;max-width:680px;margin:0 auto 6px;font-size:16px;font-weight:700;line-height:1.4}.landing-statement{text-align:center;max-width:740px;margin:0 auto}.landing-statement h2{letter-spacing:-.01em;margin:0 0 18px;font-size:28px;line-height:1.35}.landing-statement p{color:var(--color-text-muted);margin:0 0 14px;font-size:15.5px;line-height:1.75}.landing-statement p:last-child{margin-bottom:0}.transform-block{max-width:1000px;margin:0 auto}.transform-scenario{text-align:center;color:var(--color-text);margin-bottom:26px;font-size:15.5px;font-weight:700}.chaos-row,.governed-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;display:flex}.chaos-chip{background:var(--color-danger-soft);border:1px dashed var(--color-border-strong);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:8px 13px;font-size:12px;font-weight:600}.chaos-chip:nth-child(4n+1){transform:rotate(-1.4deg)}.chaos-chip:nth-child(4n+3){transform:rotate(1.2deg)}.chaos-sep,.governed-sep{color:var(--color-text-faint);flex:none;font-size:13px}.transform-arrow-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-dark);justify-content:center;align-items:center;gap:12px;margin:28px 0;font-size:11.5px;font-weight:700;display:flex}.transform-arrow-label:before,.transform-arrow-label:after{content:"";background:var(--color-border-strong);width:72px;height:1px}.governed-chip{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:8px 14px;font-size:12.5px;font-weight:700}@media (width<=640px){.chaos-chip,.governed-chip{padding:7px 10px;font-size:11.5px}}.lifecycle-step--learn .lifecycle-step-inner{background:linear-gradient(165deg, var(--color-primary-soft), transparent 75%);border-radius:var(--radius-md);padding:8px 6px}.lifecycle-step--learn .lifecycle-num{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));box-shadow:0 0 0 4px var(--color-primary-soft)}.lifecycle-step--learn strong{color:var(--color-primary-dark)}.incident-record-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:680px;box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden}.incident-record-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.incident-record-header h4{margin:0;font-size:14.5px}.incident-record-fields{grid-template-columns:repeat(2,1fr);display:grid}.incident-record-field{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:12px 20px}.incident-record-field:nth-child(2n){border-right:none}.incident-record-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);margin-bottom:3px;font-size:10px;font-weight:700}.incident-record-field-value{color:var(--color-text);font-size:13px;font-weight:600}.incident-record-footer{color:var(--color-text-faint);align-items:center;gap:6px;padding:12px 20px;font-size:11px;display:flex}@media (width<=560px){.incident-record-fields{grid-template-columns:1fr}.incident-record-field:nth-child(2n){border-right:1px solid var(--color-border)}}.accountability-statements{flex-direction:column;gap:11px;max-width:460px;margin:30px auto 0;display:flex}.accountability-statements p{color:var(--color-text);align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:flex}.accountability-statements p:before{content:"";background:var(--color-primary);border-radius:50%;flex:none;width:6px;height:6px}.cc-kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=980px){.cc-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.cc-kpi-grid{grid-template-columns:repeat(2,1fr)}}.cc-kpi-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;padding:14px 10px}.cc-kpi-value{margin-bottom:6px;font-size:23px;font-weight:800;line-height:1}.cc-kpi-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-faint);font-size:10px;font-weight:700}.cc-chart-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=980px){.cc-chart-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cc-chart-grid{grid-template-columns:1fr}}.cc-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}.cc-chart-title{color:var(--color-text);margin-bottom:14px;font-size:12px;font-weight:700}.cc-bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cc-bar-row:last-child{margin-bottom:0}.cc-bar-label{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:0 0 76px;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.cc-bar-track{background:var(--color-surface-alt);border-radius:999px;flex:1;height:8px;overflow:hidden}.cc-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;display:block}.cc-bar-value{text-align:right;flex:0 0 18px;font-size:11.5px;font-weight:700}.cc-severity-dot{border-radius:50%;flex:none;width:7px;height:7px}.cc-sla-bar{border-radius:999px;gap:2px;height:14px;margin-bottom:14px;display:flex;overflow:hidden}.cc-sla-segment{height:100%}.cc-sla-legend{flex-wrap:wrap;gap:12px;display:flex}.cc-sla-legend-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.cc-sla-legend-dot{border-radius:50%;flex:none;width:8px;height:8px}.cc-trend-row{align-items:flex-end;gap:6px;height:60px;display:flex}.cc-trend-bar{background:var(--color-primary);border-radius:4px 4px 0 0;flex:1;min-height:4px}.cc-trend-labels{gap:6px;margin-top:6px;display:flex}.cc-trend-labels span{text-align:center;color:var(--color-text-faint);flex:1;font-size:9.5px}.cc-stat-line{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;padding:11px 0;display:flex}.cc-stat-line:last-of-type{border-bottom:none}.cc-stat-line-label{color:var(--color-text-muted);font-size:12px}.cc-stat-line-value{color:var(--color-text);font-size:17px;font-weight:800}.cc-chart-caption{color:var(--color-text-faint);margin-top:12px;font-size:10.5px;line-height:1.5}.dept-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=780px){.dept-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dept-grid{grid-template-columns:1fr}}.config-pill-list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto 44px;display:flex}.config-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600}.scale-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.scale-step{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:700}.scale-arrow{color:var(--color-border-strong);flex:none;font-size:16px}.loop-flow{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2px;max-width:1020px;margin:0 auto 40px;display:flex}.loop-chip{text-align:center;flex-direction:column;align-items:center;gap:7px;width:92px;padding:6px 2px;display:flex}.loop-chip-num{background:var(--color-surface);border:2px solid var(--color-primary);width:30px;height:30px;color:var(--color-primary-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.loop-chip--highlight .loop-chip-num{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 0 0 4px var(--color-primary-soft)}.loop-chip span{color:var(--color-text);font-size:11.5px;font-weight:600}.loop-arrow{color:var(--color-border-strong);flex:none;margin-top:8px;font-size:16px}@media (width<=900px){.loop-arrow{display:none}.loop-chip{flex:0 0 25%;width:auto}}@media (width<=560px){.loop-chip{flex:0 0 50%}}.learning-questions{grid-template-columns:1fr 1fr;gap:10px 28px;max-width:640px;margin:0 auto;padding:0;list-style:none;display:grid}.learning-questions li{color:var(--color-text-muted);padding-left:16px;font-size:13.5px;line-height:1.55;position:relative}.learning-questions li:before{content:"?";color:var(--color-primary);font-size:12px;font-weight:800;position:absolute;left:0}@media (width<=640px){.learning-questions{grid-template-columns:1fr}}.team-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:0 auto 34px;display:grid}@media (width<=780px){.team-grid{grid-template-columns:repeat(2,1fr)}}.team-chip{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.team-chip-avatar{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary-dark);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.team-chip span{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.3}.team-statement{text-align:center;max-width:620px;color:var(--color-text-muted);margin:0 auto;font-size:15px;line-height:1.75}.value-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.value-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.value-grid{grid-template-columns:1fr}}:root{--brand-primary:#0f6e4f;--brand-primary-dark:#0b5a40;--brand-secondary:#e7f5ec;--color-primary:var(--brand-primary);--color-primary-dark:var(--brand-primary-dark);--color-primary-soft:var(--brand-secondary);--color-primary-rgb:15, 110, 79;--color-emerald:#10b981;--color-mint:#f0faf4;--gradient-brand:linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-primary) 55%, color-mix(in srgb, var(--brand-primary) 65%, white) 100%);--gradient-brand-soft:linear-gradient(135deg, var(--brand-secondary) 0%, color-mix(in srgb, var(--brand-secondary) 60%, white) 100%);--gradient-mesh:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--brand-primary) 16%, transparent) 0%, transparent 45%), radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--brand-primary-dark) 14%, transparent) 0%, transparent 50%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--brand-primary) 10%, transparent) 0%, transparent 55%);--color-bg:#f7faf8;--color-surface:#fff;--color-surface-alt:#fbfdfc;--color-surface-raised:#fff;--color-border:#e1e8e3;--color-border-strong:#c9d6cd;--color-overlay:#0a161170;--color-text:#1c2624;--color-text-muted:#5b6b64;--color-text-faint:#657669;--color-text-on-brand:#fff;--color-danger:#b91c1c;--color-danger-soft:#fdecec;--color-danger-rgb:185, 28, 28;--color-warning:#b45309;--color-warning-soft:#fdf3e7;--color-warning-rgb:180, 83, 9;--color-success:#0f6e4f;--color-success-soft:#e7f5ec;--color-success-rgb:15, 110, 79;--color-info:#0369a1;--color-info-soft:#e6f3fa;--color-info-rgb:3, 105, 161;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--shadow-xs:0 1px 2px #101e180d;--shadow-sm:0 1px 2px #101e180a, 0 4px 10px #101e180d;--shadow-md:0 2px 6px #101e180d, 0 12px 28px #101e1814;--shadow-lg:0 8px 16px #101e180f, 0 24px 48px #101e181f;--shadow-glow-primary:0 8px 24px -6px rgba(var(--color-primary-rgb), .45);--shadow-focus-ring:0 0 0 4px rgba(var(--color-primary-rgb), .16);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--sidebar-width:260px;--sidebar-width-collapsed:76px;--topbar-height:64px;--ease-standard:cubic-bezier(.22, 1, .36, 1);--ease-snappy:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.36s;--glass-blur:blur(14px);--chart-cat-1:#2a78d6;--chart-cat-2:#eb6834;--chart-cat-3:#1baf7a;--chart-cat-4:#eda100;--chart-cat-5:#e87ba4;--chart-cat-6:#008300;--chart-cat-7:#4a3aa7;--chart-cat-8:#e34948;--chart-grid:var(--color-border);--chart-axis-text:var(--color-text-faint);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--brand-primary:#22c58e;--brand-primary-dark:#16a374;--brand-secondary:#123528;--color-primary:var(--brand-primary);--color-primary-dark:var(--brand-primary-dark);--color-primary-soft:#16352a;--color-primary-rgb:34, 197, 142;--color-emerald:#34d399;--color-mint:#0f2a20;--gradient-brand:linear-gradient(135deg, #0b3d2c 0%, #12684a 45%, #1fae7e 100%);--gradient-brand-soft:linear-gradient(135deg, #0f2a20 0%, #123528 100%);--gradient-mesh:radial-gradient(circle at 15% 20%, #22c58e29 0%, transparent 45%), radial-gradient(circle at 85% 0%, #0f6e4f38 0%, transparent 50%), radial-gradient(circle at 50% 100%, #22c58e1a 0%, transparent 55%);--color-bg:#0a1210;--color-surface:#101c18;--color-surface-alt:#142621;--color-surface-raised:#16281f;--color-border:#22352d;--color-border-strong:#324a3f;--color-overlay:#02080699;--color-text:#eaf3ee;--color-text-muted:#a7bcb2;--color-text-faint:#7f9a8c;--color-text-on-brand:#06120d;--color-danger:#f87171;--color-danger-soft:#3a1616;--color-danger-rgb:248, 113, 113;--color-warning:#fbbf24;--color-warning-soft:#3a2c0e;--color-warning-rgb:251, 191, 36;--color-success:#34d399;--color-success-soft:#123528;--color-success-rgb:52, 211, 153;--color-info:#38bdf8;--color-info-soft:#0e2c3a;--color-info-rgb:56, 189, 248;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d, 0 4px 10px #00000047;--shadow-md:0 2px 6px #0000004d, 0 12px 28px #0006;--shadow-lg:0 8px 16px #00000059, 0 24px 48px #00000080;--shadow-glow-primary:0 8px 28px -6px rgba(var(--color-primary-rgb), .55);--shadow-focus-ring:0 0 0 4px rgba(var(--color-primary-rgb), .24);--chart-cat-1:#3987e5;--chart-cat-2:#d95926;--chart-cat-3:#199e70;--chart-cat-4:#c98500;--chart-cat-5:#d55181;--chart-cat-6:#008300;--chart-cat-7:#9085e9;--chart-cat-8:#e66767;--chart-grid:var(--color-border);--chart-axis-text:var(--color-text-faint);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-2);letter-spacing:-.015em;font-weight:700}h1{font-size:23px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-pulse{0%,to{opacity:1}50%{opacity:.55}}.animate-fade-in{animation:fade-in var(--duration-base) var(--ease-standard) both}.animate-slide-up{animation:slide-up-in var(--duration-slow) var(--ease-standard) both}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns var(--duration-base) var(--ease-standard);display:grid}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}@media (width<=900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);gap:var(--space-1);z-index:20;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-backdrop,.sidebar-mobile-close,.mobile-nav-toggle{display:none}@media (width<=900px){.sidebar{width:min(280px,85vw);height:100vh;transition:transform var(--duration-base) var(--ease-standard);z-index:110;box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-close{display:flex}.sidebar-backdrop{z-index:100;background:#0f172a73;display:block;position:fixed;inset:0}.mobile-nav-toggle{display:inline-flex}}.sidebar-brand{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5);display:flex}.sidebar-brand-mark,.sidebar-brand-name{flex:none}.sidebar-brand-name{margin-right:auto}.sidebar-brand-mark{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-glow-primary);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar-brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:16.5px;font-weight:750}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);padding:var(--space-4) var(--space-2) var(--space-1);white-space:nowrap;font-size:10.5px;font-weight:700}.sidebar-subgroup{color:var(--color-text-faint);opacity:.75;padding:var(--space-3) var(--space-2) 2px;white-space:nowrap;font-size:10px;font-weight:650}.sidebar-link{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--duration-fast) var(--ease-snappy), color var(--duration-fast) var(--ease-snappy), padding-left var(--duration-fast) var(--ease-snappy);white-space:nowrap;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:550;text-decoration:none;display:flex;position:relative}.sidebar-link svg{opacity:.85;flex:none;width:17px;height:17px}.sidebar-link:hover{background:var(--color-primary-soft);color:var(--color-text);padding-left:13px}.sidebar-link.active{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:650}.sidebar-link.active svg{opacity:1}.sidebar-link.active:before{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);width:3px;height:18px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-collapse-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-snappy), color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy);justify-content:center;align-items:center;display:flex}@media (width<=900px){.sidebar-collapse-toggle{display:none}}.sidebar-collapse-toggle:hover{background:var(--color-primary-soft);color:var(--color-primary-dark);border-color:var(--color-border-strong)}.sidebar-mobile-close{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-snappy), color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy);flex:none;justify-content:center;align-items:center}.sidebar-mobile-close:hover{background:var(--color-primary-soft);color:var(--color-primary-dark);border-color:var(--color-border-strong)}.app-shell.sidebar-collapsed .sidebar-brand-name,.app-shell.sidebar-collapsed .sidebar-section,.app-shell.sidebar-collapsed .sidebar-link-label{display:none}.app-shell.sidebar-collapsed .sidebar-link{justify-content:center}.app-shell.sidebar-collapsed .sidebar-link.active:before{left:-9px}@media (width<=900px){.app-shell.sidebar-collapsed .sidebar-brand-name,.app-shell.sidebar-collapsed .sidebar-section,.app-shell.sidebar-collapsed .sidebar-link-label{display:unset}.app-shell.sidebar-collapsed .sidebar-link{justify-content:flex-start}}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:var(--glass-blur);padding:0 var(--space-5);z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.page{padding:var(--space-5);width:100%;max-width:1400px;animation:page-enter var(--duration-slow) var(--ease-standard) both}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid-main-aside{gap:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.grid-main-aside>*{min-width:0}@media (width<=780px){.grid-main-aside{grid-template-columns:1fr}}.page-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard)}.card-pad{padding:var(--space-5)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.card-glass{background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:var(--glass-blur)}.card-accent-top{position:relative;overflow:hidden}.card-accent-top:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;inset:0 0 auto}.metric-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard)}.metric-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:650}.metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:750}.metric-value.danger{color:var(--color-danger)}.metric-value.warning{color:var(--color-warning)}.metric-value.success{color:var(--color-success)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy), transform var(--duration-fast) var(--ease-snappy), color var(--duration-fast) var(--ease-snappy);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:15px;height:15px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:var(--color-text-on-brand);box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 28px -6px rgba(var(--color-primary-rgb), .55)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-text-faint)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(.97)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-icon{flex:none;width:36px;height:36px;padding:8px}.btn-icon.btn-sm{width:30px;height:30px;padding:6px}.field{margin-bottom:var(--space-4);flex-direction:column;gap:5px;display:flex}.field label{color:var(--color-text-muted);font-size:12.5px;font-weight:650}.field .hint{color:var(--color-text-faint);font-size:11.5px}input:not([type]),input[type=text],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=email],input[type=tel],input[type=search],input[type=url],select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);padding:9px 12px}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring);outline:none}.form-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.search-input-wrap{align-items:center;display:flex;position:relative}@media (width<=640px){.search-trigger .kbd,.search-trigger span:not(.kbd){display:none}}.search-input-wrap svg{width:15px;height:15px;color:var(--color-text-faint);pointer-events:none;position:absolute;left:11px}.search-input-wrap input{padding-left:34px}.kbd{border:1px solid var(--color-border-strong);background:var(--color-surface-alt);min-width:18px;color:var(--color-text-faint);font-family:var(--font-mono);border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;font-size:10.5px;font-weight:600;display:inline-flex}table.data-table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;max-width:100%;font-size:13.5px;display:block;overflow-x:auto}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);z-index:1;padding:11px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.data-table th:first-child{border-top-left-radius:var(--radius-lg)}.data-table th:last-child{border-top-right-radius:var(--radius-lg)}.data-table td{border-bottom:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-snappy);padding:12px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-snappy)}.data-table tbody tr:hover{background:var(--color-surface-alt)}.badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3.5px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.badge-dot{border-radius:50%;flex:none;width:6px;height:6px}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-danger .badge-dot{background:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb), .18)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-warning .badge-dot{background:var(--color-warning);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb), .18)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-success .badge-dot{background:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-success-rgb), .18)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-info .badge-dot{background:var(--color-info);box-shadow:0 0 0 3px rgba(var(--color-info-rgb), .18)}.badge-neutral{background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-neutral .badge-dot{background:var(--color-text-faint)}.status-switch{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);gap:2px;padding:2px;display:inline-flex}.status-switch-segment{border-radius:var(--radius-full);color:var(--color-text-faint);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.status-switch-segment:disabled{cursor:not-allowed;opacity:.55}.status-switch-segment:not(:disabled):hover{color:var(--color-text)}.status-switch-active.is-current{background:var(--color-success-soft);color:var(--color-success)}.status-switch-not_available.is-current{background:var(--color-warning-soft);color:var(--color-warning)}.status-switch-breakdown.is-current{background:var(--color-danger-soft);color:var(--color-danger)}.status-switch-ticket-link{color:var(--brand-primary);font-size:11.5px;font-weight:600;text-decoration:none}.status-switch-ticket-link:hover{text-decoration:underline}.notification-bell-dot{background:var(--color-danger);border:1.5px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.notification-bell-panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg,0 12px 32px #00000029);z-index:60;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@media (width<=640px){.notification-bell-panel{top:calc(var(--topbar-height) + 6px);width:auto;max-width:none;max-height:calc(100dvh - var(--topbar-height) - 24px);position:fixed;left:10px;right:10px}.notification-bell-panel .notification-bell-list{flex:auto;min-height:0;max-height:none}}.notification-bell-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.notification-bell-list{max-height:360px;overflow-y:auto}.notification-bell-empty{text-align:center;color:var(--color-text-muted);padding:24px 14px;font-size:13px}.notification-bell-item{text-align:left;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;align-items:flex-start;gap:8px;width:100%;padding:10px 14px;display:flex}.notification-bell-item:last-child{border-bottom:none}.notification-bell-item:hover{background:var(--color-surface-alt)}.notification-bell-item.is-unread{background:rgba(var(--color-info-rgb,3, 105, 161), .05)}.notification-bell-item-dot{background:var(--brand-primary);border-radius:50%;flex:none;width:6px;height:6px;margin-top:5px}.notification-bell-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-bell-item-subject{color:var(--color-text);font-size:13px;font-weight:650}.notification-bell-item-text{color:var(--color-text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.notification-bell-item-time{color:var(--color-text-faint);font-size:11px}.notification-bell-footer{border:none;border-top:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.notification-bell-footer:hover{color:var(--color-text)}.tour-spotlight{border-radius:var(--radius-md);pointer-events:none;z-index:300;transition:top var(--duration-fast) var(--ease-standard), left var(--duration-fast) var(--ease-standard), width var(--duration-fast) var(--ease-standard), height var(--duration-fast) var(--ease-standard);position:fixed;box-shadow:0 0 0 9999px #1018148c}.tour-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:301;padding:16px;position:fixed}.tour-card h3{margin:4px 0 6px;font-size:16px}.tour-card p{color:var(--color-text-muted);margin:0 0 14px;font-size:13.5px}.tour-progress{letter-spacing:.03em;text-transform:uppercase;color:var(--brand-primary);font-size:11px;font-weight:700}.tour-card-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.banner{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.banner-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:rgba(var(--color-danger-rgb), .25)}.banner-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:rgba(var(--color-warning-rgb), .25)}.state-block{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-2);animation:fade-in var(--duration-base) var(--ease-standard) both;flex-direction:column;display:flex}.state-icon{border-radius:var(--radius-full);background:var(--color-surface-alt);width:52px;height:52px;color:var(--color-text-faint);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.state-icon svg{width:24px;height:24px}.state-icon.danger{background:var(--color-danger-soft);color:var(--color-danger)}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-border) 37%, var(--color-surface-alt) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline-item{padding:0 0 var(--space-5) var(--space-5);border-left:2px solid var(--color-border);position:relative}.timeline-item:last-child{border-color:#0000;padding-bottom:0}.timeline-dot{background:var(--color-primary);border:2px solid var(--color-surface);width:10px;height:10px;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);border-radius:50%;position:absolute;top:2px;left:-6px}.timeline-time{color:var(--color-text-faint);font-size:11.5px}.sla-meter-track{border-radius:var(--radius-full);background:var(--color-border);width:100%;height:6px;overflow:hidden}.sla-meter-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-standard)}.toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.modal-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);z-index:100;padding:var(--space-4);animation:fade-in var(--duration-fast) var(--ease-standard) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;padding:var(--space-5);animation:scale-in var(--duration-base) var(--ease-standard) both;overflow-y:auto}.avatar{border-radius:var(--radius-full);background:var(--gradient-brand);width:30px;height:30px;color:var(--color-text-on-brand);flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.toast-viewport{top:var(--space-4);right:var(--space-4);z-index:300;gap:var(--space-2);width:min(360px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:slide-up-in var(--duration-base) var(--ease-standard) both;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.toast-icon{flex:none;width:20px;height:20px;margin-top:1px}.toast-success{border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-border))}.toast-success .toast-icon{color:var(--color-success)}.toast-danger{border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border))}.toast-danger .toast-icon{color:var(--color-danger)}.toast-info{border-color:color-mix(in srgb, var(--color-info) 30%, var(--color-border))}.toast-info .toast-icon{color:var(--color-info)}.toast-close{color:var(--color-text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-left:auto;padding:2px;display:flex}.toast-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.bg-mesh{background-image:var(--gradient-mesh);background-color:var(--color-bg)}.careopsbot-widget{right:var(--space-5);bottom:var(--space-5);z-index:200;align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.careopsbot-fab{background:var(--gradient-brand);color:#fff;width:54px;height:54px;box-shadow:var(--shadow-glow-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}body:has(.modal-backdrop) .careopsbot-fab{display:none}.careopsbot-fab:hover{box-shadow:0 12px 30px -6px rgba(var(--color-primary-rgb), .55);transform:translateY(-2px)scale(1.04)}.careopsbot-panel{width:380px;max-width:calc(100vw - 2 * var(--space-5));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:500px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);animation:scale-in var(--duration-base) var(--ease-standard) both;flex-direction:column;display:flex;overflow:hidden}.careopsbot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--gradient-brand-soft);display:flex}.careopsbot-title{font-size:14.5px;font-weight:650}.careopsbot-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:11.5px}.careopsbot-close{color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;font-size:20px;line-height:1}.careopsbot-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.careopsbot-empty{color:var(--color-text-muted);font-size:13px;line-height:1.5}.careopsbot-msg{animation:slide-up-in var(--duration-base) var(--ease-standard) both;flex-direction:column;display:flex}.careopsbot-msg-user{align-items:flex-end}.careopsbot-msg-assistant{align-items:flex-start}.careopsbot-bubble{max-width:88%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:pre-wrap;font-size:13.5px;line-height:1.5}.careopsbot-msg-user .careopsbot-bubble{background:var(--gradient-brand);color:#fff;border-bottom-right-radius:3px}.careopsbot-msg-assistant .careopsbot-bubble{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:3px}.careopsbot-thinking{color:var(--color-text-faint);font-style:italic}.careopsbot-tools{color:var(--color-text-faint);margin-top:3px;font-size:10.5px}.careopsbot-tools-action{color:var(--color-success);font-weight:650}.careopsbot-notice{color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:12.5px;line-height:1.5}.careopsbot-notice-error{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger-soft)}.careopsbot-input-row{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);align-items:flex-end;display:flex}.careopsbot-input{resize:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2);font-family:var(--font-sans);background:var(--color-surface);max-height:90px;color:var(--color-text);flex:1;font-size:13px}.careopsbot-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.login-shell{min-height:100vh;display:flex}.login-hero{color:var(--color-text-on-brand);background:var(--gradient-brand);flex-direction:column;flex:480px;justify-content:center;padding:56px 48px;display:flex;position:relative;overflow:hidden}.login-hero-content{z-index:1;max-width:420px;position:relative}.login-hero-highlights{flex-direction:column;gap:16px;display:flex}.login-form-panel{flex:420px;justify-content:center;align-items:center;padding:24px;display:flex}@media (width<=760px){.login-shell{flex-direction:column;min-height:0}.login-hero{flex:none;padding:32px 20px}.login-hero-content{max-width:none}.login-hero-highlights{display:none}.login-form-panel{flex:none;padding:20px 16px 40px}}.wf-page-skel{max-width:none;animation:none}.wf-page-skel .page-header{margin-bottom:var(--space-4);gap:var(--space-4)}.wf-page-skel .page-header>div:first-child{flex:1 1 0;min-width:0}.wf-skel-actions{flex-shrink:0;gap:8px;display:flex}.wf-skel-block{border-radius:var(--radius-sm);background:var(--color-surface-alt);animation:1.4s ease-in-out infinite shimmer-pulse;display:block}.wf-skel-frame{height:max(560px, calc(100vh - var(--topbar-height,60px) - 150px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.wf-skel-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 14px;display:flex}.wf-skel-body{flex:1;min-height:0;display:flex}.wf-skel-palette{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:8px;width:196px;padding:12px;display:flex}.wf-skel-canvas{background-image:radial-gradient(var(--color-border) 1.2px, transparent 1.2px);background-size:18px 18px;flex:1;gap:60px;padding:28px;display:flex;position:relative}.wf-skel-lane{flex-direction:column;gap:18px;width:200px;display:flex}.wf-skel-graph{flex:1;position:relative}.wf-skel-node{border-radius:var(--radius-md);width:170px;height:88px;position:absolute}@media (width<=900px){.wf-skel-palette,.wf-skel-lane{display:none}}.wf-skel-tabs{margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);gap:18px;padding:10px 4px;display:flex}.wf-skel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.rp-toolbar select{width:auto;min-width:150px;max-width:240px}.rp-filter{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.rp-muted{color:var(--color-text-faint);font-size:12.5px}.rp-wf-link,.rp-source{border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:240px;padding:2px 8px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.rp-wf-link,.rp-source.is-auto{background:var(--color-info-soft);color:var(--color-info)}.rp-wf-link:hover,.rp-source.is-auto:hover{text-decoration:underline}.rp-source.is-manual{background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.rp-managed{color:var(--color-text-muted);align-items:center;gap:5px;font-size:12px;text-decoration:none;display:inline-flex}.rp-managed:hover{color:var(--color-primary)}.rp-row-managed td:first-child{box-shadow:inset 3px 0 0 var(--color-info)}.rp-scope,.rp-sync-note{margin-bottom:var(--space-3);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.rp-scope{background:var(--color-info-soft);color:var(--color-text);border:1px solid rgba(var(--color-info-rgb), .25)}.rp-scope svg{color:var(--color-info)}.rp-scope a{font-weight:600}.rp-scope-clear,.rp-sync-note button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;font-size:12.5px;display:inline-flex}.rp-sync-note{background:var(--color-success-soft);color:var(--color-text)}.rp-sync-note svg{color:var(--color-success)}.cc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-period{border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border);padding:3px;display:inline-flex}.cc-period button{border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:12.5px;font-weight:600}.cc-period button.is-on{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.cc-now{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:16px;display:flex}.cc-now-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:8px;padding-right:4px;font-size:11px;font-weight:700;display:inline-flex}.cc-pulse{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 0 rgba(var(--color-success-rgb), .5);border-radius:50%;animation:2s infinite cc-pulse}@keyframes cc-pulse{70%{box-shadow:0 0 0 8px rgba(var(--color-success-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--color-success-rgb), 0)}}@media (prefers-reduced-motion:reduce){.cc-pulse{animation:none}}.cc-now-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:130px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:8px 14px 8px 10px;text-decoration:none;display:grid}a.cc-now-tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.cc-now-icon{background:var(--color-surface-alt);width:30px;height:30px;color:var(--color-text-muted);border-radius:9px;grid-row:span 2;place-items:center;display:grid}.cc-now-icon.is-danger{background:var(--color-danger-soft);color:var(--color-danger)}.cc-now-icon.is-warning{background:var(--color-warning-soft);color:var(--color-warning)}.cc-now-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.cc-now-label{color:var(--color-text-muted);font-size:11.5px}.oi{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.oi .card{margin:0}.oi-muted{color:var(--color-text-muted);font-size:12.5px}.oi-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.oi-head h3{margin:0;font-size:15px}.oi-link{font-size:12.5px;font-weight:600}.oi-skel{background:linear-gradient(90deg, var(--color-surface-alt), var(--color-surface), var(--color-surface-alt));border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite skeleton-loading}.oi-kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.oi-kpi{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.oi-kpi-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.oi-kpi-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.25}.oi-kpi-sub,.oi-kpi-prev{color:var(--color-text-faint);font-size:11.5px}.oi-delta{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.oi-delta.is-good{color:var(--color-success)}.oi-delta.is-bad{color:var(--color-danger)}.oi-delta.is-flat{color:var(--color-text-muted)}.oi-delta .oi-kpi-prev{font-weight:400}.oi-grid-2{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.oi-grid-2.is-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=1100px){.oi-grid-2,.oi-grid-2.is-even{grid-template-columns:minmax(0,1fr)}}.oi-insights ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.oi-insight{border-radius:var(--radius-sm);border:1px solid var(--color-border);border-left-width:3px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.oi-insight.is-critical{border-left-color:var(--color-danger)}.oi-insight.is-warning{border-left-color:var(--color-warning)}.oi-insight.is-info{border-left-color:var(--color-info)}.oi-insight.is-good{border-left-color:var(--color-success)}.oi-insight-icon{margin-top:1px}.oi-insight.is-critical .oi-insight-icon,.oi-insight.is-critical .oi-sev{color:var(--color-danger)}.oi-insight.is-warning .oi-insight-icon,.oi-insight.is-warning .oi-sev{color:var(--color-warning)}.oi-insight.is-info .oi-insight-icon,.oi-insight.is-info .oi-sev{color:var(--color-info)}.oi-insight.is-good .oi-insight-icon,.oi-insight.is-good .oi-sev{color:var(--color-success)}.oi-insight-body{flex:1;min-width:0}.oi-insight-title{font-size:13.5px;font-weight:600}.oi-sev{text-transform:uppercase;letter-spacing:.05em;margin-right:6px;font-size:10.5px;font-weight:700}.oi-insight-detail{color:var(--color-text-muted);margin-top:2px;font-size:12.5px}.oi-insight-action{white-space:nowrap;flex-shrink:0}.oi-score{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.oi-score-value{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.oi-score-unit{color:var(--color-text-muted);font-size:14px;font-weight:600}.oi-score-note{flex-basis:100%}.oi-meter{border-top:1px solid var(--color-border);color:var(--color-text);padding:8px 0;text-decoration:none;display:block}.oi-meter:hover .oi-meter-top span{color:var(--color-primary)}.oi-meter-top{justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.oi-meter-track{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:4px;height:8px;overflow:hidden}.oi-meter-fill{background:var(--chart-cat-1);border-radius:4px;height:100%}.oi-meter-detail{color:var(--color-text-faint);margin-top:4px;font-size:11.5px}.oi-uncovered{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px 8px;padding-top:8px;font-size:12px;display:flex}.oi-legend{color:var(--color-text-muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.oi-legend>span{align-items:center;gap:5px;display:inline-flex}.oi-legend b{color:var(--color-text)}.oi-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.oi-breach-icon{color:var(--color-danger)}.oi-tooltip{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:150px;padding:8px 10px;font-size:12px}.oi-tooltip-title{margin-bottom:4px;font-weight:600}.oi-tooltip-row{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.oi-tooltip-row b{color:var(--color-text);font-variant-numeric:tabular-nums;margin-left:auto}.oi-table-wrap{overflow-x:auto}.oi-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.oi-wf-name{color:var(--color-text);align-items:center;gap:5px;font-weight:600;display:inline-flex}.oi-state{color:var(--color-text-faint);margin-left:18px;font-size:11px;display:block}.oi-state.is-live{color:var(--color-success)}.oi-stuck{border-radius:var(--radius-full);background:var(--color-warning-soft);color:var(--color-warning);margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.oi-sla{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.oi-sla-bar{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:3px;width:56px;height:6px;overflow:hidden}.oi-sla-bar span{background:var(--color-text-muted);height:100%;display:block}.oi-sla.is-good .oi-sla-bar span{background:var(--color-success)}.oi-sla.is-warn .oi-sla-bar span{background:var(--color-warning)}.oi-sla.is-bad .oi-sla-bar span{background:var(--color-danger)}.oi-sla.is-bad{color:var(--color-danger)}.oi-bneck{flex-direction:column;font-size:12.5px;display:flex}.oi-bneck .oi-muted{font-size:11.5px}.oi-ok{color:var(--color-success);align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.oi-gaps{color:var(--color-warning);align-items:center;gap:4px;max-width:260px;font-size:12px;display:inline-flex}.oi-bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.oi-bars li{grid-template-columns:minmax(120px,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;display:grid}.oi-bar-label{flex-direction:column;min-width:0;display:flex}.oi-bar-label a{color:var(--color-text);font-size:13px;font-weight:600}.oi-bar-label .oi-muted{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.oi-bar-track{height:12px;position:relative}.oi-bar-fill{background:var(--chart-cat-1);border-radius:0 4px 4px 0;min-width:2px;height:100%}.oi-bar-target{background:var(--color-text);width:2px;box-shadow:0 0 0 2px var(--color-surface);position:absolute;top:-3px;bottom:-3px}.oi-target-key{background:var(--color-text);width:2px;height:12px;display:inline-block}.oi-bar-value{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:12.5px;font-weight:600;display:flex}.oi-bar-value span{color:var(--color-text-faint);align-items:center;gap:3px;font-size:11px;font-weight:500;display:inline-flex}.oi-bar-value.is-over span{color:var(--color-warning);font-weight:600}@media (width<=640px){.oi-bars li{grid-template-columns:1fr auto}.oi-bar-track{grid-area:2/1/auto/-1}.oi-insight{flex-wrap:wrap}.oi-insight-body{flex:calc(100% - 30px)}.oi-insight-action{margin-left:25px}}@media (width<=480px){.topbar-signout-label{display:none}}.run-state{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.run-state.is-info{background:var(--color-info-soft);color:var(--color-info)}.run-state.is-warning{background:var(--color-warning-soft);color:var(--color-warning)}.run-state.is-danger{background:var(--color-danger-soft);color:var(--color-danger)}.run-state.is-success{background:var(--color-success-soft);color:var(--color-success)}.run-state.is-neutral{background:var(--color-surface-alt);color:var(--color-text-muted)}.cell-sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.cell-stamp{white-space:nowrap;font-variant-numeric:tabular-nums}.oi-kpi-label a{color:inherit;text-decoration:none}.oi-kpi-label a:hover{color:var(--color-primary);text-decoration:underline}.oi-kpi.is-alert{border-color:rgba(var(--color-danger-rgb), .45)}.oi-fail-link{color:var(--color-danger);font-weight:700}.role-rows{flex-direction:column;gap:8px;display:flex}.role-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}@media (width<=560px){.role-row{grid-template-columns:minmax(0,1fr) auto}.role-row>:nth-child(2){grid-column:1}}@media (width<=720px){table.data-table.rp-table,.rp-table tbody,.rp-table tr,.rp-table td{width:100%;display:block}.rp-table thead{display:none}.rp-table tbody tr{border-bottom:1px solid var(--color-border);padding:12px 14px}.rp-table tbody tr:last-child{border-bottom:0}.rp-table td,.rp-table tr:last-child td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex;white-space:normal!important}.rp-table td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;flex-shrink:0;font-size:12px;font-weight:600}.rp-table td[data-label=""]:before{display:none}.rp-table td.rp-uptime{flex-direction:column;align-items:stretch;gap:6px}.rp-table td.rp-uptime>*{align-self:flex-start;max-width:100%}.rp-table td.rp-actions{flex-wrap:wrap;justify-content:flex-start;padding-top:8px}.rp-toolbar select,.rp-toolbar input{width:100%;max-width:100%!important}.rp-filter{width:100%}.modal{max-height:calc(100dvh - 16px);padding:var(--space-4);max-width:calc(100vw - 16px)!important}.modal-backdrop{padding:8px}.page-header{flex-wrap:wrap;gap:12px}}@media (width<=900px){.ticket-layout>:last-child{order:-1}}