.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)}}.map-page{max-width:100%}.map-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:flex-start;display:flex}.map-header-left h1{font-size:var(--fs-xl);margin-bottom:var(--sp-1);font-weight:700}.map-header-left p{color:var(--clr-text-secondary);font-size:var(--fs-sm)}.map-logout-btn{color:var(--clr-text-secondary);flex-shrink:0}.map-logout-btn:hover{color:var(--clr-danger)}.map-stats{margin-bottom:var(--sp-4)}.map-globe-card{position:relative}.map-globe-container{width:100%;min-height:500px;position:relative}.map-globe-overlay{z-index:10;pointer-events:none;background:#0a0e1ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-globe-overlay .loading-state{color:#e0e0e0}.map-globe-empty{z-index:10;pointer-events:none;background:#0a0e1aeb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-globe-empty .empty-state{color:#e0e0e0}.map-globe-empty .empty-state h3{color:#fff}.map-globe-fallback{justify-content:center;align-items:center;min-height:300px;display:flex}.map-spinner{width:40px;height:40px;margin:0 auto var(--sp-3);border:3px solid #3a86ff33;border-top-color:#3a86ff;border-radius:50%;animation:.8s linear infinite map-spin}@keyframes map-spin{to{transform:rotate(360deg)}}.globe-tooltip{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border:1px solid #ffffff26;border-radius:6px;padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.4}.globe-tooltip b{font-weight:600}.map-legend{bottom:var(--sp-4);left:var(--sp-4);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);pointer-events:auto;background:#0a0e1ad9;border:1px solid #ffffff1a;max-width:220px;position:absolute}.map-legend-title{font-size:var(--fs-xs);color:#e0e0e0;margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.map-legend-grid{gap:var(--sp-1) var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.map-legend-item{align-items:center;gap:var(--sp-1);color:#ccc;white-space:nowrap;font-size:11px;display:flex}.map-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.map-legend-dot-ring{background:0 0;border:2px solid #3a86ff;width:10px;height:10px;animation:2s ease-out infinite map-legend-pulse}@keyframes map-legend-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.map-legend-line{vertical-align:middle;width:16px;height:2px;margin-right:var(--sp-1);background:linear-gradient(90deg,#3a86ff,#0000);display:inline-block}.map-legend-note{margin-top:var(--sp-2);padding-top:var(--sp-2);color:#999;border-top:1px solid #ffffff1a;font-size:10px;line-height:1.5}.map-cards-grid{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.map-cards-list{margin:var(--sp-2) 0 0;padding:0;list-style:none}.map-cards-list li{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;font-size:var(--fs-sm);color:var(--clr-text);border-bottom:1px solid var(--clr-border);display:flex}.map-cards-list li:last-child{border-bottom:none}.map-card-count{background:var(--clr-accent-light);min-width:28px;height:22px;color:var(--clr-accent);border-radius:var(--radius-sm);font-size:var(--fs-xs);padding:0 var(--sp-1);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.map-card-link{color:var(--clr-accent);word-break:break-all;font-family:var(--font-mono);font-size:var(--fs-xs)}.map-card-link:hover{text-decoration:underline}.map-sidepanel-overlay{z-index:var(--z-modal);background:#0006;justify-content:flex-end;animation:.15s ease-out map-panel-fadein;display:flex;position:fixed;inset:0}@keyframes map-panel-fadein{0%{opacity:0}to{opacity:1}}.map-sidepanel{background:var(--clr-surface);border-left:1px solid var(--clr-border);flex-direction:column;width:400px;max-width:95vw;height:100%;animation:.2s ease-out map-panel-slidein;display:flex;overflow:hidden;box-shadow:-4px 0 20px #00000026}@keyframes map-panel-slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.map-sidepanel-header{padding:var(--sp-5);border-bottom:1px solid var(--clr-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.map-sidepanel-header h3{font-size:var(--fs-lg);margin:0;font-weight:600}.map-sidepanel-body{padding:var(--sp-4);flex:1;overflow-y:auto}.map-sidepanel-body .data-table td{padding:var(--sp-2) var(--sp-3);vertical-align:top}.detail-label{white-space:nowrap;color:var(--clr-text-secondary);width:120px;font-weight:500}.detail-table td:first-child{white-space:nowrap;width:120px;color:var(--clr-text-secondary);font-weight:500}.map-sidepanel-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--clr-border);flex-shrink:0}@media (width<=640px){.map-cards-grid{grid-template-columns:1fr}.map-sidepanel{width:100vw;max-width:100vw}.map-legend{display:none}}*,: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%}