.landing{color:#111;background:#fff;min-height:100vh}.nav{z-index:10;background:#fffffff2;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo{letter-spacing:.03em;font-size:1.2rem;font-weight:700}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:#555;font-size:.9rem;text-decoration:none}.nav-links a:hover{color:#111}.hero{max-width:1100px;margin:0 auto;padding:6rem 1.5rem 4rem}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.15}.hero-sub{color:#555;max-width:600px;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.hero-cta{gap:1rem;display:flex}.section{padding:4rem 1.5rem}.section.alt{background:#f9fafb}.section-inner{max-width:1100px;margin:0 auto}.section h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.section-sub{color:#555;margin-bottom:2rem;font-size:1.05rem}.steps{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.step{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.step-num{color:#2563eb;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.step h3{margin-bottom:.5rem;font-size:1.1rem}.step p{color:#555;font-size:.9rem;line-height:1.5}.compare{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.compare-card{border-radius:8px;padding:2rem}.compare-card.other{background:#fff;border:1px solid #e5e7eb}.compare-card.ours{color:#fff;background:#111}.compare-card h3{margin-bottom:1rem;font-size:1.1rem}.compare-card ul{padding:0;list-style:none}.compare-card li{padding:.4rem 0;font-size:.9rem}.compare-card li:before{content:"—";opacity:.5;margin-right:.5rem}.stats{flex-wrap:wrap;gap:3rem;display:flex}.stat{flex-direction:column;display:flex}.stat-num{color:#2563eb;font-size:2.5rem;font-weight:700}.stat-lbl{color:#555;margin-top:.25rem;font-size:.85rem}.workflow{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.wf-step{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;min-width:120px;padding:1.5rem;font-weight:600;display:flex}.wf-icon{font-size:1.5rem}.wf-desc{color:#555;font-size:.8rem;font-weight:400}.wf-arrow{color:#2563eb;font-size:1.5rem}.cta-section{text-align:center;padding:5rem 1.5rem}.cta-section h2{margin-bottom:1.5rem}.btn-primary,.btn-outline{border-radius:6px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.btn-primary{color:#fff;background:#111;border:1px solid #111}.btn-outline{color:#333;border:1px solid #d1d5db}.btn-outline:hover{background:#f3f4f6}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.footer-landing{background:#f9fafb;border-top:1px solid #e5e7eb;padding:3rem 1.5rem 1.5rem}.footer-inner{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.footer-col{flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.footer-col a{color:#555;text-decoration:none}.footer-col a:hover{color:#111}.footer-label{color:#333;margin-bottom:.25rem;font-weight:600}.logo-small{font-size:1rem;font-weight:700}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:.4rem;display:inline-block}.footer-bottom{text-align:center;color:#999;border-top:1px solid #e5e7eb;max-width:1100px;margin:2rem auto 0;padding-top:1.5rem;font-size:.8rem}@media (width<=640px){.hero-title{font-size:2.2rem}.compare{grid-template-columns:1fr}.workflow{flex-direction:column}.wf-arrow{transform:rotate(90deg)}.stats{gap:1.5rem}.nav-links a:not(.btn-outline){display:none}}.login-page{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:400px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{letter-spacing:.03em;color:#111;margin-bottom:1rem;font-size:1rem;font-weight:700;display:block}.login-header h1{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.login-sub{color:#666;font-size:.9rem}.login-form{flex-direction:column;gap:.35rem;display:flex}.login-form label{color:#333;margin-top:.5rem;font-size:.85rem;font-weight:500}.login-form input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:.65rem .75rem;font-size:.95rem;transition:all .15s}.login-form input:focus{border-color:#111;box-shadow:0 0 0 2px #0000001a}.btn-full{text-align:center;cursor:pointer;border:none;width:100%;margin-top:1rem}.btn-full:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:.5rem;padding:.6rem .75rem;font-size:.85rem}.login-footer{text-align:center;margin-top:1.5rem;font-size:.85rem}.login-footer a{color:#555;text-decoration:none}.login-footer a:hover{color:#111}@media (width<=480px){.login-card{padding:1.5rem}}:root{--clr-bg:#f8f9fa;--clr-surface:#fff;--clr-border:#dee2e6;--clr-text:#212529;--clr-text-secondary:#6c757d;--clr-text-muted:#adb5bd;--clr-accent:#2563eb;--clr-accent-hover:#1d4ed8;--clr-accent-light:#dbeafe;--clr-positive:#16a34a;--clr-positive-light:#dcfce7;--clr-warning:#d97706;--clr-warning-light:#fef3c7;--clr-danger:#dc2626;--clr-danger-light:#fef2f2;--clr-info:#6c757d;--clr-info-light:#f8f9fa;--clr-severity-critical:#dc2626;--clr-severity-high:#ea580c;--clr-severity-medium:#d97706;--clr-severity-low:#16a34a;--clr-severity-info:#6c757d;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--fs-xs:.75rem;--fs-sm:.825rem;--fs-base:.925rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--fs-2xl:2rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 6px #00000012, 0 2px 4px #0000000a;--z-sidebar:100;--z-topbar:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--sidebar-w:240px;--topbar-h:56px}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-family);font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-bg);line-height:1.5}a{color:var(--clr-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--clr-surface);border-right:1px solid var(--clr-border);z-index:var(--z-sidebar);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{padding:var(--sp-5) var(--sp-4);font-weight:700;font-size:var(--fs-lg);border-bottom:1px solid var(--clr-border)}.sidebar-nav{padding:var(--sp-2) 0;flex:1}.sidebar-link{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--clr-text-secondary);text-decoration:none;transition:all .1s;display:flex}.sidebar-link:hover{background:var(--clr-accent-light);color:var(--clr-accent);text-decoration:none}.sidebar-link.active{background:var(--clr-accent-light);color:var(--clr-accent);font-weight:500}.sidebar-link.na{opacity:.5;cursor:not-allowed}.sidebar-section{padding:var(--sp-3) var(--sp-4) var(--sp-1);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-user{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--clr-border);font-size:var(--fs-sm);color:var(--clr-text-secondary)}.topbar{top:0;left:var(--sidebar-w);height:var(--topbar-h);background:var(--clr-surface);border-bottom:1px solid var(--clr-border);z-index:var(--z-topbar);padding:0 var(--sp-6);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topbar-title{font-size:var(--fs-base);font-weight:600}.topbar-right{align-items:center;gap:var(--sp-3);display:flex}.topbar-user{font-size:var(--fs-sm);color:var(--clr-text-secondary)}.main-content{margin-left:var(--sidebar-w);padding-top:var(--topbar-h);flex:1}.page{padding:var(--sp-6);max-width:1100px}.page-header{margin-bottom:var(--sp-6)}.page-header h1{font-size:var(--fs-xl);margin-bottom:var(--sp-1);font-weight:700}.page-header p{color:var(--clr-text-secondary);font-size:var(--fs-sm)}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card-title{font-size:var(--fs-base);margin-bottom:var(--sp-1);font-weight:600}.card-desc{font-size:var(--fs-sm);color:var(--clr-text-secondary);margin-bottom:var(--sp-4)}.stats-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{padding:var(--sp-4)}.stat-value{font-size:var(--fs-2xl);font-weight:700;line-height:1}.stat-label{font-size:var(--fs-sm);color:var(--clr-text-secondary);margin-top:var(--sp-1)}.stat-value.accent{color:var(--clr-accent)}.stat-value.positive{color:var(--clr-positive)}.stat-value.warning{color:var(--clr-warning)}.stat-value.danger{color:var(--clr-danger)}.badge{align-items:center;gap:var(--sp-1);border-radius:var(--radius-sm);font-size:var(--fs-xs);padding:.15rem .5rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--clr-accent-light);color:var(--clr-accent)}.badge-positive{background:var(--clr-positive-light);color:var(--clr-positive)}.badge-warning{background:var(--clr-warning-light);color:var(--clr-warning)}.badge-danger{background:var(--clr-danger-light);color:var(--clr-danger)}.badge-muted{background:var(--clr-info-light);color:var(--clr-info)}.severity-critical{background:var(--clr-danger-light);color:var(--clr-severity-critical)}.severity-high{color:var(--clr-severity-high);background:#fff7ed}.severity-medium{background:var(--clr-warning-light);color:var(--clr-severity-medium)}.severity-low{background:var(--clr-positive-light);color:var(--clr-severity-low)}.severity-info{background:var(--clr-info-light);color:var(--clr-severity-info)}.status-dot{width:8px;height:8px;margin-right:var(--sp-2);border-radius:50%;display:inline-block}.status-dot.completed{background:var(--clr-positive)}.status-dot.running{background:var(--clr-accent);animation:1.5s infinite pulse}.status-dot.degraded{background:var(--clr-warning)}.status-dot.failed{background:var(--clr-danger)}.status-dot.pending{background:var(--clr-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);font-size:var(--fs-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;padding:.45rem 1rem;font-weight:500;transition:all .1s;display:inline-flex}.btn:hover{background:var(--clr-bg)}.btn-primary{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.btn-primary:hover{background:var(--clr-accent-hover)}.btn-sm{font-size:var(--fs-xs);padding:.25rem .65rem}.btn-ghost{background:0 0;border-color:#0000}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.data-table th{text-align:left;border-bottom:1px solid var(--clr-border);color:var(--clr-text-secondary);white-space:nowrap;padding:.6rem .75rem;font-weight:500}.data-table td{border-bottom:1px solid var(--clr-border);padding:.6rem .75rem}.data-table tr:hover td{background:#f8f9fa}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--clr-text-secondary)}.empty-state h3{color:var(--clr-text);margin-bottom:var(--sp-2);font-weight:600}.error-state{text-align:center;padding:var(--sp-10) var(--sp-4);color:var(--clr-danger)}.error-state h3{color:var(--clr-danger);margin-bottom:var(--sp-2)}.loading-state{text-align:center;padding:var(--sp-10);color:var(--clr-text-muted)}.not-available{text-align:center;padding:var(--sp-8);color:var(--clr-text-muted);font-style:italic}.hash-cell{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted)}.freshness{font-size:var(--fs-xs);color:var(--clr-text-muted);margin-top:var(--sp-1)}.mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.controls-grid-v2{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.ctrl-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--sp-3);cursor:default;transition:all .1s}.ctrl-card:hover{box-shadow:var(--shadow-md)}.ctrl-card.ctrl-completed{border-left:3px solid var(--clr-positive)}.ctrl-card.ctrl-degraded{border-left:3px solid var(--clr-warning)}.ctrl-card.ctrl-failed{border-left:3px solid var(--clr-danger)}.ctrl-card.ctrl-pending{border-left:3px solid var(--clr-text-muted)}.ctrl-num{font-size:var(--fs-xs);color:var(--clr-text-muted);font-weight:700}.ctrl-name{font-size:var(--fs-sm);margin:var(--sp-1) 0;font-weight:500}.ctrl-status{font-size:var(--fs-xs);color:var(--clr-text-secondary);align-items:center;gap:var(--sp-1);display:flex}.sidebar-toggle{top:var(--sp-3);left:var(--sp-3);z-index:250;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .65rem;font-size:1.2rem;line-height:1;display:none;position:fixed}@media (width<=768px){.sidebar-toggle{display:block}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{left:0}.main-content{margin-left:0}.page{padding:var(--sp-4)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}img{max-width:100%}