.landing{--ix-navy: #0C3050;--ix-navy-2: #12406A;--ix-navy-3: #1F5686;--ix-teal: #0597A4;--ix-teal-soft: #E5F6F8;--ix-orange: #FF6E14;--ix-orange-2: #E85F00;--ix-orange-soft: #FFE9DA;--ix-ink: #12213A;--ix-ink-muted: #4F6178;--ix-ink-subtle: #8898AC;--ix-line: #E4EAF2;--ix-surface: #FFFFFF;--ix-surface-2: #F7F9FC;--ix-surface-3: #EEF3F8;--ix-radius-sm: 8px;--ix-radius-md: 14px;--ix-radius-lg: 20px;--ix-shadow-sm: 0 1px 2px rgba(12, 48, 80, .06), 0 1px 3px rgba(12, 48, 80, .04);--ix-shadow-md: 0 6px 20px -8px rgba(12, 48, 80, .18), 0 2px 6px rgba(12, 48, 80, .06);--ix-shadow-lg: 0 24px 48px -18px rgba(12, 48, 80, .3), 0 10px 24px -12px rgba(12, 48, 80, .18);min-height:100vh;color:var(--ix-ink);background:var(--ix-surface);font-feature-settings:"kern","ss01"}.landing h1,.landing h2,.landing h3,.landing h4{color:var(--ix-navy);letter-spacing:-.015em;margin:0}.landing p{margin:0;color:var(--ix-ink-muted);line-height:1.6}.landing code{font-family:SF Mono,JetBrains Mono,Consolas,monospace;background:var(--ix-teal-soft);color:var(--ix-navy);padding:2px 6px;border-radius:4px;font-size:.9em}.landing em{font-style:italic;color:var(--ix-orange);font-weight:500}.landing-nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:#ffffffe6;border-bottom:1px solid var(--ix-line)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand{display:inline-flex;align-items:center;text-decoration:none}.landing-brand img{display:block}.landing-nav-links{display:flex;align-items:center;gap:22px}.landing-nav-links a{color:var(--ix-ink-muted);font-size:14px;font-weight:500;text-decoration:none}.landing-nav-links a:hover{color:var(--ix-navy)}.landing-cta-primary,.landing-cta-outline,.landing-cta-ghost{border:1.5px solid transparent;border-radius:var(--ix-radius-sm);padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.landing-cta-primary{background:var(--ix-orange);color:#fff;box-shadow:0 1px 2px #ff6e1459}.landing-cta-primary:hover{background:var(--ix-orange-2);transform:translateY(-1px);box-shadow:0 6px 14px -4px #ff6e1473}.landing-cta-outline{background:transparent;color:var(--ix-navy);border-color:var(--ix-navy)}.landing-cta-outline:hover{background:var(--ix-navy);color:#fff}.landing-cta-outline.landing-cta--on-dark{color:#fff;border-color:#ffffffa6}.landing-cta-outline.landing-cta--on-dark:hover{background:#fff;color:var(--ix-navy);border-color:#fff}.landing-cta-ghost{background:transparent;color:var(--ix-ink-muted);padding:9px 14px}.landing-cta-ghost:hover{color:var(--ix-navy);background:var(--ix-surface-2)}.landing-cta--large{padding:13px 26px;font-size:15px}.landing-hero{max-width:1200px;margin:0 auto;padding:72px 24px 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.landing-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ix-teal);background:var(--ix-teal-soft);padding:6px 12px;border-radius:999px;margin-bottom:20px}.landing-hero-copy h1{font-size:54px;line-height:1.05;margin-bottom:22px;font-weight:700}.landing-hero-copy h1 em{font-style:normal;color:var(--ix-orange);font-weight:700;position:relative}.landing-hero-copy h1 em:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:8px;background:var(--ix-orange-soft);z-index:-1;border-radius:4px}.landing-hero-copy p{font-size:18px;line-height:1.6;color:var(--ix-ink-muted);max-width:540px;margin-bottom:30px}.landing-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.landing-hero-demo-hint{font-size:13px;color:var(--ix-ink-subtle);margin-top:18px}.landing-hero-demo-hint.muted{color:var(--ix-ink-subtle)}.landing-hero-mock{position:relative}.landing-hero-mock:before{content:"";position:absolute;inset:-30px -20px 20px 20px;background:radial-gradient(60% 60% at 20% 20%,rgba(5,151,164,.18),transparent 70%),radial-gradient(60% 60% at 90% 80%,rgba(255,110,20,.18),transparent 70%);z-index:0;filter:blur(10px)}.landing-mock-window{position:relative;z-index:1;border-radius:var(--ix-radius-md);background:#fff;box-shadow:var(--ix-shadow-lg);overflow:hidden;border:1px solid var(--ix-line)}.landing-mock-titlebar{padding:12px 16px;background:var(--ix-surface-2);border-bottom:1px solid var(--ix-line);display:flex;align-items:center;gap:6px}.landing-mock-dot{width:10px;height:10px;border-radius:50%;background:#dcdfe4}.landing-mock-dot:nth-child(1){background:#ff5f57}.landing-mock-dot:nth-child(2){background:#febc2e}.landing-mock-dot:nth-child(3){background:#28c840}.landing-mock-address{margin-left:12px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--ix-ink-subtle)}.landing-mock-body{padding:22px;display:grid;gap:22px}.landing-mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.landing-mock-kpi{padding:12px 14px;border-radius:var(--ix-radius-sm);border:1px solid var(--ix-line);background:var(--ix-surface)}.landing-mock-kpi--teal{border-left:3px solid var(--ix-teal)}.landing-mock-kpi--navy{border-left:3px solid var(--ix-navy)}.landing-mock-kpi--orange{border-left:3px solid var(--ix-orange)}.landing-mock-kpi-label{font-size:11px;color:var(--ix-ink-subtle);text-transform:uppercase;letter-spacing:.05em}.landing-mock-kpi-value{font-size:18px;font-weight:700;color:var(--ix-navy);margin-top:4px}.landing-mock-chart-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--ix-navy);margin-bottom:14px}.landing-mock-chart-badge{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--ix-teal-soft);color:var(--ix-teal);letter-spacing:.02em}.landing-mock-bar{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px}.landing-mock-bar-label{color:var(--ix-ink);font-weight:500}.landing-mock-bar-track{height:8px;background:var(--ix-surface-3);border-radius:4px;overflow:hidden}.landing-mock-bar-fill{height:100%;border-radius:4px}.landing-mock-bar-fill--teal{background:linear-gradient(90deg,var(--ix-teal),#06B3C1)}.landing-mock-bar-fill--navy{background:linear-gradient(90deg,var(--ix-navy),var(--ix-navy-3))}.landing-mock-bar-fill--orange{background:linear-gradient(90deg,var(--ix-orange),#FF8B3E)}.landing-mock-bar-nodes{color:var(--ix-ink-subtle);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.landing-audiences{border-top:1px solid var(--ix-line);border-bottom:1px solid var(--ix-line);background:var(--ix-surface-2)}.landing-audiences-inner{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px}.landing-audiences-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ix-ink-subtle)}.landing-audiences ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:0}.landing-audiences li{font-size:14px;color:var(--ix-navy);font-weight:500}.landing-problem{padding:80px 24px;background:var(--ix-surface)}.landing-problem-inner{max-width:780px;margin:0 auto;text-align:center}.landing-problem h2{font-size:36px;line-height:1.15;margin-bottom:20px}.landing-problem p{font-size:18px;line-height:1.6;color:var(--ix-ink-muted)}.landing-section-header{max-width:780px;margin:0 auto 40px;text-align:center}.landing-section-header h2{font-size:34px;margin-bottom:12px;line-height:1.15}.landing-section-header p{font-size:16px;color:var(--ix-ink-muted)}.landing-how{max-width:1200px;margin:0 auto;padding:80px 24px}.landing-how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:0}.landing-how-step{padding:24px;border-radius:var(--ix-radius-md);background:var(--ix-surface);border:1px solid var(--ix-line);box-shadow:var(--ix-shadow-sm);position:relative;overflow:hidden}.landing-how-step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ix-teal),var(--ix-navy),var(--ix-orange))}.landing-how-num{display:inline-block;font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:13px;font-weight:700;color:var(--ix-teal);letter-spacing:.05em;margin-bottom:14px}.landing-how-step h3{font-size:17px;margin-bottom:10px}.landing-how-step p{font-size:14px;color:var(--ix-ink-muted);line-height:1.55}.landing-compare{background:var(--ix-surface-2);padding:80px 24px}.landing-compare-table{max-width:900px;margin:0 auto;border-radius:var(--ix-radius-md);background:#fff;border:1px solid var(--ix-line);overflow:hidden;box-shadow:var(--ix-shadow-sm)}.landing-compare-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;padding:18px 24px;border-bottom:1px solid var(--ix-line);align-items:center}.landing-compare-row:last-child{border-bottom:none}.landing-compare-head{background:var(--ix-navy);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:14px 24px}.landing-compare-head>div{color:#fff}.landing-compare-label{font-weight:600;color:var(--ix-navy);font-size:14px}.landing-compare-before{color:var(--ix-ink-muted);font-size:14px}.landing-compare-after{color:var(--ix-navy);font-size:14px;font-weight:500;position:relative;padding-left:24px}.landing-compare-after:before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:50%;background:var(--ix-teal);box-shadow:0 0 0 4px var(--ix-teal-soft)}.landing-features{padding:80px 24px;max-width:1200px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.landing-feature{padding:28px;background:var(--ix-surface);border-radius:var(--ix-radius-md);border:1px solid var(--ix-line);box-shadow:var(--ix-shadow-sm);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.landing-feature:hover{transform:translateY(-2px);box-shadow:var(--ix-shadow-md)}.landing-feature:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.landing-feature--0:before{background:var(--ix-teal)}.landing-feature--1:before{background:var(--ix-orange)}.landing-feature--2:before{background:var(--ix-navy)}.landing-feature--3:before,.landing-feature--4:before{background:var(--ix-teal)}.landing-feature h3{font-size:18px;margin-bottom:10px}.landing-feature p{font-size:14.5px;line-height:1.6;color:var(--ix-ink-muted)}.landing-tenants{padding:80px 24px;background:var(--ix-surface-2)}.landing-tenants-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.landing-tenants h2{font-size:32px;margin-bottom:16px;line-height:1.2}.landing-tenants p{font-size:16px;margin-bottom:24px;line-height:1.6;color:var(--ix-ink-muted)}.landing-tenants-ctas{display:flex;gap:12px;flex-wrap:wrap}.landing-tenants-visual{display:grid;gap:12px;padding:8px}.landing-tenant-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-radius:var(--ix-radius-sm);border:1px solid var(--ix-line);box-shadow:var(--ix-shadow-sm);font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:15px;color:var(--ix-navy)}.landing-tenant-card--1{transform:translate(-14px) rotate(-1.5deg)}.landing-tenant-card--2{transform:translate(6px)}.landing-tenant-card--3{transform:translate(-8px) rotate(1deg)}.landing-tenant-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#fff;font-weight:700;font-size:15px;font-family:system-ui,sans-serif}.landing-tenant-mark--teal{background:var(--ix-teal)}.landing-tenant-mark--orange{background:var(--ix-orange)}.landing-tenant-mark--navy{background:var(--ix-navy)}.landing-security{background:var(--ix-navy);color:#fff;padding:80px 24px}.landing-security-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.landing-security h2{color:#fff;font-size:32px;margin-bottom:16px;line-height:1.2}.landing-security p{font-size:15px;color:#ffffffc7;line-height:1.65}.landing-security-checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.landing-security-checklist li{padding-left:32px;position:relative;font-size:15px;color:#ffffffe6;line-height:1.5}.landing-security-checklist li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--ix-teal);border:3px solid rgba(5,151,164,.35)}.landing-security-checklist li:after{content:"";position:absolute;left:6px;top:8px;width:6px;height:3px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}.landing-final-cta{background:radial-gradient(60% 100% at 20% 0%,rgba(5,151,164,.1),transparent 70%),radial-gradient(60% 100% at 80% 100%,rgba(255,110,20,.1),transparent 70%),var(--ix-navy);padding:80px 24px;color:#fff}.landing-final-cta-inner{max-width:780px;margin:0 auto;text-align:center}.landing-final-cta h2{color:#fff;font-size:36px;margin-bottom:14px;line-height:1.15}.landing-final-cta p{color:#ffffffc7;font-size:17px;margin-bottom:28px}.landing-final-cta .landing-hero-ctas{justify-content:center}.landing-footer{background:var(--ix-surface);border-top:1px solid var(--ix-line);padding:24px}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--ix-ink-subtle)}.landing-footer-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.landing-footer-brand img{display:block}.landing-footer-links{display:flex;gap:20px;flex-wrap:wrap}.landing-link{background:none;border:none;padding:0;color:var(--ix-teal);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.landing-link:hover{color:var(--ix-navy);text-decoration:underline}@media(max-width:960px){.landing-hero,.landing-tenants-inner,.landing-security-inner{grid-template-columns:1fr}.landing-how-steps{grid-template-columns:repeat(2,1fr)}.landing-features-grid{grid-template-columns:1fr}.landing-hero-copy h1{font-size:40px}.landing-nav-links a{display:none}.landing-mock-kpis{grid-template-columns:repeat(2,1fr)}.landing-compare-row{grid-template-columns:1fr;gap:8px;padding:16px 20px}.landing-compare-head{display:none}.landing-compare-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ix-ink-subtle)}.landing-compare-after{padding-left:24px}}@media(max-width:600px){.landing-how-steps{grid-template-columns:1fr}.landing-hero{padding:48px 20px 40px}.landing-hero-copy h1{font-size:34px}.landing-problem{padding:60px 20px}.landing-problem h2{font-size:28px}.landing-section-header h2{font-size:26px}.landing-mock-bar{grid-template-columns:100px 1fr 60px;font-size:11.5px}.landing-tenants h2,.landing-security h2,.landing-final-cta h2{font-size:26px}.landing-mock-kpis{grid-template-columns:1fr 1fr}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#eef2ff,#f8fafc)}.auth-shell.platform{background:linear-gradient(180deg,var(--color-navy) 0%,var(--color-navy-3) 100%)}.auth-card{width:100%;max-width:420px;padding:32px;background:#fff;border-radius:14px;box-shadow:0 20px 40px -12px #0c305033;border:1px solid var(--color-border)}.auth-card.wide{max-width:640px}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-wordmark{display:block;height:24px}.auth-platform-pill{margin-left:auto;background:var(--color-teal-soft);color:var(--color-teal-hover);padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.auth-workspace{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:24px;background:var(--color-primary-soft);border-radius:10px}.auth-workspace.loading{background:var(--color-surface-alt);color:var(--color-text-muted)}.auth-workspace-avatar{width:40px;height:40px;border-radius:10px;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px}.auth-workspace.loading .auth-workspace-avatar{background:var(--color-border-strong);color:#fff}.auth-workspace-name{font-weight:600;color:var(--color-navy);font-size:14px}.auth-workspace-slug{font-size:12px;color:var(--color-text-muted);font-family:SF Mono,Consolas,monospace}.auth-workspace code{background:#0000000d;padding:1px 4px;border-radius:3px;font-size:12px}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field>span{font-size:12.5px;font-weight:600;color:var(--color-navy)}.auth-field input{padding:10px 12px;border:1.5px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--color-text);background:#fff;transition:border-color .15s}.auth-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0c305026}.auth-field-hint{font-size:11.5px;color:var(--color-text-muted);margin-top:2px}.auth-field-hint code{background:var(--color-teal-soft);color:var(--color-navy);padding:0 4px;border-radius:3px}.auth-error{padding:10px 12px;border-radius:8px;background:var(--color-danger-soft);color:var(--color-danger);font-size:13px;border:1px solid rgba(220,38,38,.2)}.auth-submit{padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}.auth-submit:hover:not(:disabled){background:var(--color-primary-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-secondary-links{display:flex;justify-content:space-between;margin-top:8px;font-size:13px}.auth-secondary-links a{color:var(--color-primary)}.auth-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center;font-size:12.5px}@media(max-width:640px){.auth-grid{grid-template-columns:1fr}.auth-card{padding:24px}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{background:var(--color-navy);color:var(--color-navy-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--color-navy-3)}.sidebar-brand .brand-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;display:none}.sidebar-brand .brand-wordmark{height:22px;display:block}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:14px 8px}.sidebar-collapsed .sidebar-brand .brand-icon{display:block}.sidebar-collapsed .sidebar-brand .brand-wordmark{display:none}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);color:var(--color-navy-text);cursor:pointer;border:none;background:transparent;text-align:left;font-size:13px;transition:background .15s;white-space:nowrap}.sidebar-item:hover{background:var(--color-navy-3);color:#fff}.sidebar-item.active{background:var(--color-teal);color:#fff}.sidebar-item.active:hover{background:var(--color-teal-hover)}.sidebar-item .item-icon{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center}.sidebar-item .item-label{overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px 8px}.sidebar-collapsed .sidebar-item .item-label,.sidebar-collapsed .sidebar-brand .brand-label{display:none}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--color-navy-3);display:flex;align-items:center;gap:10px;color:var(--color-navy-text-muted);font-size:12px}.sidebar-footer .footer-btn{background:transparent;border:none;color:var(--color-navy-text);cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.sidebar-footer .footer-btn:hover{background:var(--color-navy-3);color:#fff}.app-main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 20px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand-icon{width:32px;height:32px;border-radius:8px;background:var(--color-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.topbar-config{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.topbar-config-label{font-size:11px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.topbar-config-input{border:1px solid transparent;padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text);background:transparent;min-width:240px}.topbar-config-input:hover,.topbar-config-input:focus{border-color:var(--color-border);background:var(--color-surface)}.topbar-saved{display:flex;align-items:center;gap:4px;color:var(--color-success);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-navy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.topbar-workspace-btn{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s;max-width:260px;min-width:0}.topbar-workspace-btn:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.topbar-workspace-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.topbar-workspace-dot.success{background:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-soft)}.topbar-workspace-dot.warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.topbar-workspace-dot.danger{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.topbar-workspace-dot.info{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.topbar-workspace-labels{display:flex;flex-direction:column;min-width:0;line-height:1.15;text-align:left}.topbar-workspace-org{font-size:10.5px;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-workspace-project{font-size:13px;font-weight:600;color:var(--color-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-workspace-chev{color:var(--color-text-subtle);font-size:18px;line-height:1;flex-shrink:0}.drawer-backdrop{position:fixed;inset:0;background:#0c305059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:900}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;background:var(--color-surface);box-shadow:-20px 0 40px -12px #0c305040;border-left:1px solid var(--color-border);transform:translate(100%);transition:transform .25s cubic-bezier(.32,.72,0,1);z-index:901;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--color-border);gap:16px;position:relative}.drawer-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-teal),var(--color-navy),var(--color-accent))}.drawer-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);margin-bottom:4px}.drawer-title{font-size:18px;font-weight:700;color:var(--color-navy);line-height:1.2}.drawer-close{background:transparent;border:none;font-size:24px;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.drawer-close:hover{background:var(--color-surface-alt);color:var(--color-navy)}.drawer-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.drawer-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:12px}.drawer-kv{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:6px 0;align-items:baseline}.drawer-kv-key{font-size:12px;color:var(--color-text-muted)}.drawer-kv-val{font-size:13.5px;color:var(--color-navy);font-weight:500;word-break:break-word}.drawer-kv-val.mono{font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:12.5px}.drawer-status-row{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:8px 0;align-items:start}.drawer-status-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;justify-self:center}.drawer-status-dot.success{background:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-soft)}.drawer-status-dot.warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.drawer-status-dot.danger{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.drawer-status-dot.muted{background:var(--color-text-subtle);box-shadow:0 0 0 3px var(--color-surface-alt)}.drawer-status-label{font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.drawer-status-value{font-size:13.5px;color:var(--color-navy);font-weight:500;margin-top:2px}.drawer-status-hint{font-size:11.5px;color:var(--color-text-subtle);margin-top:3px}.drawer-status-error{font-size:12px;color:var(--color-danger);margin-top:3px}.drawer-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--color-border)}.drawer-actions .btn{justify-content:space-between;padding:12px 14px;border-radius:var(--radius);font-weight:600}.drawer-action-hint{font-size:11.5px;font-weight:400;color:var(--color-text-subtle)}.drawer-actions .btn:hover .drawer-action-hint{color:var(--color-text-muted)}.page{padding:24px 32px 96px;max-width:1440px;width:100%;margin:0 auto}.page-header{margin-bottom:20px}.page-breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin-bottom:8px}.page-title{font-size:26px;font-weight:700;color:var(--color-text);margin-bottom:6px}.page-subtitle{color:var(--color-text-muted);font-size:14px;max-width:720px}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header-actions{display:flex;align-items:center;gap:8px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card--accent{position:relative;overflow:hidden}.card--accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-teal),var(--color-navy),var(--color-accent))}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.card-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.card-dark{background:var(--color-navy);color:#fff;border:1px solid var(--color-navy-3);border-radius:var(--radius-lg);padding:20px}.card-dark .card-title{color:#fff}.card-dark .card-subtitle{color:var(--color-navy-text-muted)}.grid{display:grid;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-main-side{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.field-hint{font-size:11px;color:var(--color-text-subtle)}.field-suffix{font-size:11px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;align-self:flex-end;margin-top:-22px;margin-right:12px;text-align:right}.input,.select,.textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;font-family:inherit;color:var(--color-text);background:var(--color-surface);width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input.is-invalid{border-color:var(--color-danger);background:var(--color-danger-soft)}.textarea{min-height:60px;resize:vertical}.checkbox{cursor:pointer}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border-strong);border-radius:20px;transition:.2s}.toggle .slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.slider{background:var(--color-primary)}.toggle input:checked+.slider:before{transform:translate(16px)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.btn:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 1px 2px #ff6e1459}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 4px 10px -2px #ff6e1473}.btn-dark{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.btn-dark:hover{background:var(--color-navy-2);border-color:var(--color-navy-2)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-soft)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-surface-alt)}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-text);border-color:transparent}.badge-success{background:var(--color-success-soft);color:var(--color-success);border-color:transparent}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:transparent}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:transparent}.badge-info{background:var(--color-info-soft);color:var(--color-info);border-color:transparent}.badge-dark{background:var(--color-navy);color:#fff;border-color:transparent}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-text-subtle)}.dot-success{background:var(--color-success)}.dot-warning{background:var(--color-warning)}.dot-danger{background:var(--color-danger)}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);white-space:nowrap}.table tbody td{padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:hover{background:var(--color-surface-alt)}.table tbody tr:last-child td{border-bottom:none}.table-compact tbody td{padding:6px 12px}.table-scroll{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-border)}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-mono{font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.kpi{padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-value{font-size:28px;font-weight:700;color:var(--color-text);line-height:1.1}.kpi-sub{font-size:12px;color:var(--color-text-muted)}.kpi.kpi-dark{background:var(--color-navy);border-color:var(--color-navy-3);color:#fff}.kpi.kpi-dark .kpi-label{color:var(--color-navy-text-muted)}.kpi.kpi-dark .kpi-value{color:#fff}.kpi.kpi-dark .kpi-sub{color:var(--color-navy-text-muted)}.progress{height:6px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--color-primary);border-radius:inherit;transition:width .3s}.progress-fill.progress-warning{background:var(--color-warning)}.progress-fill.progress-danger{background:var(--color-danger)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px;overflow-x:auto}.tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer}.pill:hover{background:var(--color-surface-alt)}.pill.active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:100;padding:16px}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px}.modal-footer{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:8px}.action-bar{position:sticky;bottom:20px;margin:24px auto 0;padding:12px 16px;background:var(--color-navy);border-radius:var(--radius-lg);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-lg);max-width:720px;z-index:10}.action-bar-status{display:flex;align-items:center;gap:8px;color:var(--color-navy-text);font-size:12px}.heatmap{display:grid;gap:3px;padding:8px;background:var(--color-surface-alt);border-radius:var(--radius)}.heatmap-cell{aspect-ratio:1;min-height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:11px;color:#ffffffe6;font-weight:600;cursor:help}.heatmap-header{padding:4px;text-align:center;font-size:10px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.heatmap-legend{display:flex;gap:12px;margin-top:10px;font-size:11px;color:var(--color-text-muted);flex-wrap:wrap}.heatmap-legend-item{display:flex;align-items:center;gap:4px}.heatmap-legend-swatch{width:12px;height:12px;border-radius:2px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;position:relative;transition:border-color .15s,box-shadow .15s}.product-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow)}.product-card.is-in-use{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.product-card.is-incompatible{opacity:.55}.product-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-surface-alt);display:grid;place-items:center;color:var(--color-text-muted);font-weight:700}.product-name{font-size:15px;font-weight:600}.product-desc{font-size:12px;color:var(--color-text-muted);min-height:32px}.product-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto}.product-actions{display:flex;gap:6px}.side-list{display:flex;flex-direction:column;gap:6px}.side-list-item{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s;background:var(--color-surface)}.side-list-item:hover{border-color:var(--color-border-strong)}.side-list-item.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.side-list-item .item-tag{font-size:10px;font-weight:600;color:var(--color-primary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.side-list-item .item-name{font-size:14px;font-weight:600;margin-bottom:4px}.side-list-item .item-meta{font-size:11px;color:var(--color-text-muted);display:flex;gap:8px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;margin-top:24px}.section-header:first-child{margin-top:0}.section-header h3{font-size:15px;font-weight:600;color:var(--color-text)}.divider{height:1px;background:var(--color-border);margin:16px 0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.px-3{padding-left:12px;padding-right:12px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.min-w-0{min-width:0}.no-shrink{flex-shrink:0}@media print{.sidebar,.topbar,.action-bar,.no-print{display:none!important}.app-shell{grid-template-columns:1fr}.page{padding:0;max-width:100%}.card,.card-dark{break-inside:avoid}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-main-side{grid-template-columns:1fr}.page{padding:16px}.topbar{padding:0 12px}.topbar-config-input{min-width:140px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;min-height:100vh}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{color-scheme:light;--color-bg: #f4f6fa;--color-surface: #ffffff;--color-surface-alt: #f7f9fc;--color-border: #e4eaf2;--color-border-strong: #cfd7e2;--color-text: #12213a;--color-text-muted: #4f6178;--color-text-subtle: #8898ac;--color-primary: #0c3050;--color-primary-hover: #12406a;--color-primary-soft: #e5ebf2;--color-primary-text: #0c3050;--color-navy: #0c3050;--color-navy-2: #12406a;--color-navy-3: #1f5686;--color-navy-text: #cbd5e1;--color-navy-text-muted: #8898ac;--color-teal: #0597a4;--color-teal-hover: #067b85;--color-teal-soft: #e5f6f8;--color-accent: #ff6e14;--color-accent-hover: #e85f00;--color-accent-soft: #ffe9da;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-warning: #d97706;--color-warning-soft: #fef3c7;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-info: #0284c7;--color-info-soft: #e0f2fe;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(12 48 80 / .06);--shadow: 0 1px 3px 0 rgb(12 48 80 / .1), 0 1px 2px -1px rgb(12 48 80 / .06);--shadow-lg: 0 4px 12px -2px rgb(12 48 80 / .14);--sidebar-width: 240px;--sidebar-width-collapsed: 60px;--topbar-height: 56px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:13px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}h1,h2,h3,h4,h5{margin:0;font-weight:600;color:var(--color-text)}p{margin:0}