:root{--c-bg: hsl(40 14% 96%);--c-surface: hsl(0 0% 100%);--c-surface-2: hsl(40 18% 97%);--c-line: hsl(40 10% 88%);--c-line-strong: hsl(40 8% 76%);--c-ink: hsl(30 12% 13%);--c-ink-2: hsl(30 7% 34%);--c-ink-3: hsl(30 5% 41%);--c-accent: hsl(205 100% 33%);--c-accent-hover: hsl(205 100% 27%);--c-accent-soft: hsl(205 70% 95%);--c-accent-line: hsl(205 50% 80%);--c-on-accent: hsl(0 0% 100%);--c-ok: hsl(132 40% 28%);--c-ok-soft: hsl(132 32% 93%);--c-ok-line: hsl(132 25% 75%);--c-ok-solid: hsl(132 30% 40%);--c-warn: hsl(33 95% 27%);--c-warn-soft: hsl(41 90% 92%);--c-warn-line: hsl(41 70% 65%);--c-warn-solid: hsl(36 95% 36%);--c-danger: hsl(0 62% 38%);--c-danger-soft: hsl(0 70% 95%);--c-danger-line: hsl(0 50% 78%);--c-danger-solid: hsl(0 62% 47%);--c-live: hsl(181 70% 27%);--c-live-solid: hsl(181 65% 33%);--c-nav-bg: hsl(196 38% 10%);--c-nav-line: hsl(196 25% 19%);--c-nav-ink: hsl(200 18% 78%);--c-nav-ink-strong: hsl(0 0% 100%);--c-nav-active: hsl(196 32% 16%);--c-nav-accent: hsl(199 75% 58%);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--fs-0: 12px;--fs-1: 13px;--fs-2: 16px;--fs-3: 22px;--fw-regular: 400;--fw-strong: 600;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-1: 6px;--r-2: 10px;--shadow-1: 0 1px 2px hsl(30 12% 13% / .05);--shadow-2: 0 4px 16px hsl(30 12% 13% / .1), 0 1px 3px hsl(30 12% 13% / .06);--topbar-h: 56px;--sidebar-w: 236px;--sidebar-w-collapsed: 64px}:root[data-theme=dark]{--c-bg: hsl(200 20% 8%);--c-surface: hsl(200 17% 11%);--c-surface-2: hsl(200 15% 14%);--c-line: hsl(200 12% 21%);--c-line-strong: hsl(200 10% 32%);--c-ink: hsl(40 14% 92%);--c-ink-2: hsl(40 8% 72%);--c-ink-3: hsl(40 6% 64%);--c-accent: hsl(205 75% 62%);--c-accent-hover: hsl(205 80% 70%);--c-accent-soft: hsl(205 60% 18%);--c-accent-line: hsl(205 45% 35%);--c-on-accent: hsl(200 30% 8%);--c-ok: hsl(132 38% 66%);--c-ok-soft: hsl(132 28% 15%);--c-ok-line: hsl(132 24% 32%);--c-ok-solid: hsl(132 30% 45%);--c-warn: hsl(40 85% 64%);--c-warn-soft: hsl(38 50% 15%);--c-warn-line: hsl(40 55% 35%);--c-warn-solid: hsl(38 90% 50%);--c-danger: hsl(0 75% 70%);--c-danger-soft: hsl(0 45% 16%);--c-danger-line: hsl(0 40% 38%);--c-danger-solid: hsl(0 62% 52%);--c-live: hsl(181 55% 60%);--c-live-solid: hsl(181 55% 45%);--c-nav-bg: hsl(200 24% 6%);--c-nav-line: hsl(200 18% 15%);--c-nav-ink: hsl(200 14% 74%);--c-nav-ink-strong: hsl(0 0% 100%);--c-nav-active: hsl(200 22% 13%);--c-nav-accent: hsl(199 75% 58%);--shadow-1: 0 1px 2px hsl(0 0% 0% / .3);--shadow-2: 0 4px 16px hsl(0 0% 0% / .45), 0 1px 3px hsl(0 0% 0% / .3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--c-bg);color:var(--c-ink);font-size:var(--fs-1);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--c-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--c-accent-hover)}h1,h2,h3{font-weight:var(--fw-strong);margin:0 0 var(--sp-3);line-height:1.25}h1{font-size:var(--fs-3);letter-spacing:-.01em}h2{font-size:var(--fs-2)}h3{font-size:var(--fs-1)}p{margin:0 0 var(--sp-3)}p:last-child{margin-bottom:0}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:2px}::selection{background:var(--c-accent-soft)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;left:0;width:var(--sidebar-w);background:var(--c-nav-bg);color:var(--c-nav-ink);display:flex;flex-direction:column;z-index:30;transition:transform .2s ease,width .15s ease}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--c-nav-line);min-height:var(--topbar-h)}.brand-mark{font-size:19px;font-weight:var(--fw-strong);letter-spacing:.01em;color:var(--c-nav-ink-strong);white-space:nowrap}.brand-mark .brand-dot{color:var(--c-nav-accent)}.brand-sub{display:block;font-size:var(--fs-0);color:var(--c-nav-ink);white-space:nowrap}.sidebar-nav{padding:var(--sp-2) 0 var(--sp-3);display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.nav-group-label{padding:var(--sp-4) var(--sp-4) var(--sp-1);font-size:10px;font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.09em;color:var(--c-nav-ink);opacity:.6;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:9px var(--sp-4) 9px 13px;color:var(--c-nav-ink);text-decoration:none;border-left:3px solid transparent;font-size:var(--fs-1);font-weight:var(--fw-regular);font-family:inherit;background:none;border-top:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;white-space:nowrap}.nav-item svg{flex-shrink:0;opacity:.8}.nav-item:hover{color:var(--c-nav-ink-strong);background:var(--c-nav-active)}.nav-item.active{color:var(--c-nav-ink-strong);border-left-color:var(--c-nav-accent);background:var(--c-nav-active);font-weight:var(--fw-strong)}.nav-item.active svg{opacity:1;color:var(--c-nav-accent)}.nav-item:focus-visible{outline-offset:-2px}.nav-group-bottom{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--c-nav-line)}.sidebar-footer{padding:var(--sp-3) var(--sp-4);font-size:11px;line-height:1.5;color:var(--c-nav-ink);opacity:.65;border-top:1px solid var(--c-nav-line);white-space:nowrap;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .brand-sub,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .nav-group-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-inline:0}.sidebar.collapsed .sidebar-brand{justify-content:center;padding-inline:var(--sp-2)}.sidebar.collapsed+.sidebar-scrim+.main-area,.sidebar.collapsed~.main-area{margin-left:var(--sidebar-w-collapsed)}.sidebar-collapse{margin:var(--sp-2) var(--sp-3);display:inline-flex;align-items:center;gap:var(--sp-2);border:0;background:none;color:var(--c-nav-ink);font-family:inherit;font-size:var(--fs-0);padding:6px 8px;border-radius:var(--r-1);cursor:pointer;white-space:nowrap}.sidebar-collapse:hover{background:var(--c-nav-active);color:var(--c-nav-ink-strong)}.main-area{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0;transition:margin-left .15s ease}.topbar{height:var(--topbar-h);background:var(--c-surface);border-bottom:1px solid var(--c-line);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);position:sticky;top:0;z-index:20}.topbar-title{font-size:var(--fs-1);font-weight:var(--fw-strong);margin:0;color:var(--c-ink-2)}.topbar-spacer{flex:1}.menu-button{display:none;align-items:center;gap:6px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-1);padding:6px 10px;font-family:inherit;font-size:var(--fs-1);cursor:pointer}.content{padding:var(--sp-5);max-width:1360px;width:100%}.sidebar-scrim{display:none}.setup-banner{background:var(--c-accent);color:var(--c-on-accent);padding:var(--sp-2) var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-1)}.setup-banner a{color:var(--c-on-accent);font-weight:var(--fw-strong)}.setup-banner-close{background:transparent;border:0;color:var(--c-on-accent);cursor:pointer;padding:var(--sp-1);border-radius:var(--r-1);display:inline-flex}.setup-banner-close:hover{background:#ffffff26}.page-header{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-header h1{margin:0}.page-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.page-sub{font-size:var(--fs-1);color:var(--c-ink-3);margin:0}.page-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-0);color:var(--c-ink-3);margin-bottom:var(--sp-2)}.breadcrumb a{color:var(--c-ink-3);text-decoration:none}.breadcrumb a:hover{color:var(--c-accent);text-decoration:underline}.breadcrumb svg{opacity:.5}.section-title{font-size:var(--fs-0);font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.07em;color:var(--c-ink-3);margin:var(--sp-5) 0 var(--sp-3)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-2);padding:var(--sp-4) var(--sp-4) var(--sp-4);margin-bottom:var(--sp-4);box-shadow:var(--shadow-1)}.card-title{font-size:var(--fs-0);font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.07em;color:var(--c-ink-3);margin:0 0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.card-title svg{flex-shrink:0}.card-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.card-header .card-title{margin-bottom:0}.card-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.card-locked{border-color:var(--c-warn-line);background:repeating-linear-gradient(-45deg,transparent 0 14px,var(--c-warn-soft) 14px 16px),var(--c-surface)}.locked-banner{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--c-warn-soft);border:1px solid var(--c-warn-line);color:var(--c-warn);font-size:var(--fs-0);font-weight:var(--fw-strong);border-radius:var(--r-1);padding:var(--sp-1) 10px;margin-bottom:var(--sp-3)}.table-wrap{overflow:auto;max-height:70vh;border-radius:var(--r-1)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:var(--fs-0);font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-3);padding:var(--sp-2) 10px;border-bottom:1px solid var(--c-line-strong);background:var(--c-surface);position:sticky;top:0;z-index:1;white-space:nowrap}.data-table td{padding:10px;border-bottom:1px solid var(--c-line);vertical-align:top;font-size:var(--fs-1)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--c-surface-2)}.data-table .num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .cell-prose{max-width:48ch}.cell-truncate{max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cell-sub{display:block;font-size:var(--fs-0);color:var(--c-ink-3);margin-top:1px}.row-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.th-sort{display:inline-flex;align-items:center;gap:3px;background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.th-sort:hover{color:var(--c-ink)}.th-sort svg{opacity:.55}.th-sort[data-active=true]{color:var(--c-accent)}.th-sort[data-active=true] svg{opacity:1}.mono{font-family:var(--font-mono);font-size:var(--fs-0);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:1px 9px;border-radius:999px;font-size:var(--fs-0);font-weight:var(--fw-strong);border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-ink-2);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.badge-plain:before{display:none}.badge-ok{background:var(--c-ok-soft);border-color:var(--c-ok-line);color:var(--c-ok)}.badge-warn{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.badge-danger{background:var(--c-danger-soft);border-color:var(--c-danger-line);color:var(--c-danger)}.badge-accent{background:var(--c-accent-soft);border-color:var(--c-accent-line);color:var(--c-accent)}.risk-chip{display:inline-flex;align-items:center;gap:6px;padding:1px 9px;border-radius:999px;font-size:var(--fs-0);font-weight:var(--fw-strong);border:1px solid;white-space:nowrap}.risk-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.risk-chip.risk-green{background:var(--c-ok-soft);border-color:var(--c-ok-line);color:var(--c-ok)}.risk-chip.risk-yellow{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.risk-chip.risk-red{background:var(--c-danger-soft);border-color:var(--c-danger-line);color:var(--c-danger)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:1px 9px;border-radius:var(--r-1);font-size:var(--fs-0);font-weight:var(--fw-strong);letter-spacing:.03em;border:1px solid;white-space:nowrap}.status-badge.status-draft{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn);border-style:dashed;text-transform:uppercase}.status-badge.status-reviewed{background:var(--c-ok-soft);border-color:var(--c-ok-line);color:var(--c-ok)}.pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-ink-2);border-radius:999px;padding:1px 9px;font-size:var(--fs-0);margin:0 6px 6px 0;white-space:nowrap}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-live-solid);box-shadow:0 0 0 0 var(--c-live-solid);animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #1d898b73}70%{box-shadow:0 0 0 7px #1d898b00}to{box-shadow:0 0 #1d898b00}}.conn-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-0);padding:2px 10px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink-2)}.conn-badge.conn-error{border-color:var(--c-danger-line);background:var(--c-danger-soft);color:var(--c-danger)}.dev-badge{font-size:11px;font-weight:var(--fw-strong);letter-spacing:.05em;padding:1px 8px;border-radius:var(--r-1);background:var(--c-warn-soft);border:1px solid var(--c-warn-line);color:var(--c-warn)}.mandant-badge{font-size:var(--fs-0);padding:2px 10px;border-radius:999px;background:var(--c-accent-soft);border:1px solid var(--c-accent-line);color:var(--c-accent);font-weight:var(--fw-strong)}.ampel-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid var(--c-line-strong);background:var(--c-line);vertical-align:middle}.ampel-dot.ampel-ok{background:var(--c-ok-solid);border-color:var(--c-ok-solid)}.ampel-dot.ampel-error{background:var(--c-danger-solid);border-color:var(--c-danger-solid)}.latency-badge{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;font-size:var(--fs-0);font-weight:var(--fw-strong);font-variant-numeric:tabular-nums;border:1px solid}.latency-badge.latency-green{background:var(--c-ok-soft);color:var(--c-ok);border-color:var(--c-ok-line)}.latency-badge.latency-yellow{background:var(--c-warn-soft);color:var(--c-warn);border-color:var(--c-warn-line)}.latency-badge.latency-red{background:var(--c-danger-soft);color:var(--c-danger);border-color:var(--c-danger-line)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.kpi-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);min-width:0;box-shadow:var(--shadow-1)}.kpi-label{font-size:var(--fs-0);font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:var(--fs-3);font-weight:var(--fw-strong);line-height:1.25;font-variant-numeric:tabular-nums;margin-top:2px}.kpi-value.kpi-ok{color:var(--c-ok)}.kpi-value.kpi-warn{color:var(--c-warn)}.kpi-value.kpi-danger{color:var(--c-danger)}.kpi-meta{font-size:var(--fs-0);color:var(--c-ink-3);margin-top:2px;line-height:1.4}.tab-bar{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-4)}.tab-button{font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-strong);padding:var(--sp-2) var(--sp-4);border:0;background:none;color:var(--c-ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-button:hover{color:var(--c-ink)}.tab-button.active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.field label{font-size:var(--fs-0);font-weight:var(--fw-strong);color:var(--c-ink-2)}.field input,.field select,.field textarea{font-family:inherit;font-size:var(--fs-1);padding:7px 10px;border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink)}.field textarea{resize:vertical;line-height:1.5}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--c-accent);outline-offset:-1px;border-color:var(--c-accent)}.field input::placeholder,.field textarea::placeholder{color:var(--c-ink-3);opacity:.8}.field-hint{font-size:var(--fs-0);color:var(--c-ink-3);margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--sp-4)}.inline-form{display:flex;gap:var(--sp-2);align-items:flex-end;flex-wrap:wrap}.inline-form .field{margin-bottom:0;min-width:240px}.checkbox-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:var(--fs-1)}.checkbox-row input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--c-accent);width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-strong);padding:7px 14px;border-radius:var(--r-1);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--c-accent);color:var(--c-on-accent)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn-secondary{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-line-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--c-ink-3);background:var(--c-surface-2)}.btn-ghost{background:transparent;color:var(--c-accent)}.btn-ghost:hover:not(:disabled){background:var(--c-accent-soft)}.btn-danger{background:var(--c-surface);color:var(--c-danger);border-color:var(--c-danger-line)}.btn-danger:hover:not(:disabled){background:var(--c-danger-soft)}.btn-sm{font-size:var(--fs-0);padding:4px 10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--c-line);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink-2);cursor:pointer;padding:0}.icon-button:hover{background:var(--c-surface-2);color:var(--c-ink)}.empty-state{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--c-ink-3);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.empty-state-icon{width:40px;height:40px;border-radius:50%;background:var(--c-surface-2);border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;color:var(--c-ink-3);margin-bottom:var(--sp-1)}.empty-state-title{font-size:var(--fs-1);font-weight:var(--fw-strong);color:var(--c-ink-2);margin:0}.empty-state p{margin:0;font-size:var(--fs-1);max-width:44ch}.empty-state .btn{margin-top:var(--sp-2)}.error-banner{display:flex;align-items:flex-start;gap:var(--sp-2);background:var(--c-danger-soft);border:1px solid var(--c-danger-line);color:var(--c-danger);border-radius:var(--r-1);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-1);margin-bottom:var(--sp-3)}.error-banner svg{flex-shrink:0;margin-top:2px}.error-banner .btn{margin-left:auto}.error-text{color:var(--c-danger);font-size:var(--fs-1);font-weight:var(--fw-strong);margin:6px 0}.hint-text{font-size:var(--fs-0);color:var(--c-ink-3)}.success-text{color:var(--c-ok);font-size:var(--fs-1);font-weight:var(--fw-strong);margin:6px 0}.skeleton{display:grid;gap:10px;padding:var(--sp-2) 0}.skel-line{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--c-line) 25%,var(--c-surface-2) 45%,var(--c-line) 65%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}.skel-line.skel-w40{width:40%}.skel-line.skel-w60{width:60%}.skel-line.skel-w80{width:80%}.skel-block{height:64px;border-radius:var(--r-1);background:linear-gradient(90deg,var(--c-line) 25%,var(--c-surface-2) 45%,var(--c-line) 65%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kv-list{display:grid;grid-template-columns:minmax(160px,max-content) 1fr;gap:6px var(--sp-4);margin:0}.kv-list dt{font-size:var(--fs-0);font-weight:var(--fw-strong);color:var(--c-ink-3);padding-top:1px}.kv-list dd{margin:0;font-size:var(--fs-1);min-width:0;overflow-wrap:break-word}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-4)}.turn-block{display:flex;flex-direction:column;gap:var(--sp-2)}.turn-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-0);color:var(--c-ink-3);align-items:center}.turn-seq{font-weight:var(--fw-strong);color:var(--c-ink-2);font-variant-numeric:tabular-nums}.turn-bubble{display:flex;gap:10px;align-items:flex-start;max-width:72ch}.turn-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.turn-user .turn-avatar{background:var(--c-surface-2);border:1px solid var(--c-line-strong);color:var(--c-ink-2)}.turn-agent .turn-avatar{background:var(--c-accent-soft);border:1px solid var(--c-accent-line);color:var(--c-accent)}.turn-content{min-width:0;flex:1}.turn-speaker{display:block;font-size:var(--fs-0);font-weight:var(--fw-strong);color:var(--c-ink-3);margin-bottom:3px}.turn-text{border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-1);line-height:1.55}.turn-user .turn-text{background:var(--c-surface-2);border:1px solid var(--c-line);border-top-left-radius:var(--r-1)}.turn-agent .turn-text{background:var(--c-accent-soft);border:1px solid var(--c-accent-line);border-top-left-radius:var(--r-1)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-4);align-items:start}.detail-side{position:sticky;top:calc(var(--topbar-h) + var(--sp-4));display:flex;flex-direction:column;min-width:0}@media (max-width: 1100px){.detail-layout{grid-template-columns:1fr}.detail-side{position:static}}.wizard-shell{max-width:860px}.wizard-progress{display:flex;gap:0;margin-bottom:var(--sp-4);overflow-x:auto}.wizard-step{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-0);color:var(--c-ink-3);position:relative;white-space:nowrap;flex:0 1 auto}.wizard-step:after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:0;height:3px;border-radius:2px;background:var(--c-line)}.wizard-step.done:after{background:var(--c-ok-solid)}.wizard-step.active:after{background:var(--c-accent)}.wizard-step-num{width:20px;height:20px;border-radius:50%;border:1px solid var(--c-line-strong);background:var(--c-surface);color:var(--c-ink-3);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-strong);flex-shrink:0}.wizard-step.done .wizard-step-num{background:var(--c-ok-soft);border-color:var(--c-ok-line);color:var(--c-ok)}.wizard-step.active .wizard-step-num{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.wizard-step.active{color:var(--c-ink);font-weight:var(--fw-strong)}.wizard-step-label{overflow:hidden;text-overflow:ellipsis}.wizard-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-5)}.wizard-note{background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-1);padding:var(--sp-3);font-size:var(--fs-1);margin-bottom:var(--sp-4)}.check-list{list-style:none;padding:0;margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-2)}.check-list li{display:flex;gap:10px;align-items:flex-start}.check-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.check-icon.check-done{background:var(--c-ok-soft);color:var(--c-ok)}.check-icon.check-open{background:var(--c-warn-soft);color:var(--c-warn)}.action-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-3);margin:var(--sp-4) 0}.action-card{display:block;padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-2);text-decoration:none;color:inherit;box-shadow:var(--shadow-1);transition:border-color .12s ease,box-shadow .12s ease}.action-card:hover{border-color:var(--c-accent-line);box-shadow:var(--shadow-2);color:inherit}.action-card strong{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-accent)}.suggestion-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.suggestion-chip{font-family:inherit;font-size:var(--fs-0);border:1px solid var(--c-line-strong);background:var(--c-surface);color:var(--c-ink-2);border-radius:999px;padding:4px 12px;cursor:pointer}.suggestion-chip:hover{border-color:var(--c-accent);color:var(--c-accent)}.policy-check-result{display:flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);border-radius:var(--r-1);border:1px solid var(--c-line);margin-top:var(--sp-1);flex-wrap:wrap}.policy-check-result.policy-allow{background:var(--c-ok-soft);border-color:var(--c-ok-line)}.policy-check-result.policy-deny{background:var(--c-danger-soft);border-color:var(--c-danger-line)}.policy-decision{font-weight:var(--fw-strong);font-size:var(--fs-1);letter-spacing:.03em}.policy-check-result.policy-allow .policy-decision{color:var(--c-ok)}.policy-check-result.policy-deny .policy-decision{color:var(--c-danger)}.chart-svg{width:100%;height:auto;display:block}.chart-bar{fill:var(--c-accent);opacity:.32}.chart-bar-secondary{fill:var(--c-accent)}.chart-axis-label{font-size:10px;fill:var(--c-ink-3);font-family:var(--font-ui)}.chart-value-label{font-size:10px;font-weight:var(--fw-strong);fill:var(--c-ink-2);font-family:var(--font-ui);font-variant-numeric:tabular-nums}.chart-gridline{stroke:var(--c-line);stroke-width:1}.chart-baseline{stroke:var(--c-line-strong);stroke-width:1}.chart-legend{display:flex;gap:var(--sp-4);font-size:var(--fs-0);color:var(--c-ink-3);margin-top:var(--sp-2);flex-wrap:wrap}.chart-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.intent-bar-row{display:grid;grid-template-columns:minmax(140px,240px) 1fr 56px;gap:10px;align-items:center;padding:5px 0;min-width:0}.intent-bar-label{font-size:var(--fs-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intent-bar-track{background:var(--c-surface-2);border-radius:3px;height:10px;overflow:hidden}.intent-bar-fill{background:var(--c-accent);height:100%;border-radius:3px;min-width:2px}.intent-bar-count{font-size:var(--fs-0);font-weight:var(--fw-strong);text-align:right;font-variant-numeric:tabular-nums}.wf-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-3);flex-wrap:wrap}.wf-toolbar label{font-size:var(--fs-0);font-weight:var(--fw-strong);color:var(--c-ink-2)}.wf-toolbar select{background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line-strong);border-radius:var(--r-1);padding:6px 8px;font-size:var(--fs-1);font-family:inherit}.wf-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-4);align-items:start}@media (max-width: 1100px){.wf-layout{grid-template-columns:1fr}}.wf-canvas{background:radial-gradient(var(--c-line) 1px,transparent 1px) 0 0 / 22px 22px,var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-2);overflow:hidden}.wf-node{cursor:pointer}.wf-node-box{fill:var(--c-surface);stroke:var(--c-line-strong);stroke-width:1;filter:drop-shadow(0 1px 2px hsl(30 12% 13% / .08))}.wf-node.selected .wf-node-box{stroke:var(--c-accent);stroke-width:2}.wf-node-stripe-startCall{fill:var(--c-live-solid)}.wf-node-stripe-agentNode{fill:var(--c-accent)}.wf-node-stripe-endCall{fill:var(--c-ink-3)}.wf-node-stripe-emergency{fill:var(--c-warn-solid)}.wf-node.wf-locked .wf-node-box{fill:var(--c-warn-soft);stroke:var(--c-warn-line)}.wf-node-label{font-size:12px;font-weight:var(--fw-strong);fill:var(--c-ink);pointer-events:none;font-family:var(--font-ui)}.wf-node-type{font-size:9px;letter-spacing:.06em;text-transform:uppercase;fill:var(--c-ink-3);pointer-events:none;font-family:var(--font-ui)}.wf-node-lock{color:var(--c-warn);pointer-events:none}.wf-edge{stroke:var(--c-ink-3);stroke-opacity:.55;stroke-width:1.5;fill:none}.wf-edge-label{font-size:10px;fill:var(--c-ink-2);font-family:var(--font-ui);paint-order:stroke;stroke:var(--c-surface-2);stroke-width:3px;stroke-linejoin:round}.wf-edge-row{border-top:1px solid var(--c-line);padding:10px 0;display:grid;gap:var(--sp-2)}.wf-edge-row:first-of-type{border-top:none;padding-top:0}.flex-row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.stack-sm>*+*{margin-top:var(--sp-2)}.text-ok{color:var(--c-ok);font-weight:var(--fw-strong)}.text-warn{color:var(--c-warn);font-weight:var(--fw-strong)}.text-danger{color:var(--c-danger);font-weight:var(--fw-strong)}@media (max-width: 900px){.sidebar{transform:translate(-100%);box-shadow:none;width:var(--sidebar-w)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-2)}.sidebar.collapsed{width:var(--sidebar-w)}.sidebar.collapsed .nav-label,.sidebar.collapsed .brand-sub,.sidebar.collapsed .nav-group-label{display:block}.sidebar.collapsed .nav-item{justify-content:flex-start;padding-inline:var(--sp-4) 13px}.main-area,.sidebar.collapsed~.main-area{margin-left:0}.menu-button{display:inline-flex}.sidebar-collapse{display:none}.sidebar-scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25;border:0;padding:0}.content{padding:var(--sp-4)}.topbar{padding:0 var(--sp-4)}.kv-list{grid-template-columns:1fr;gap:2px}.kv-list dd{margin-bottom:var(--sp-2)}.page-actions{width:100%;margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.demo-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fb;color:#1a1f2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-topbar{display:flex;align-items:center;gap:24px;padding:0 40px;height:60px;background:#fff;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:50}.demo-brand{display:flex;align-items:baseline;gap:2px;text-decoration:none;color:inherit}.demo-brand-name{font-size:20px;font-weight:800;letter-spacing:-.3px;color:#1a1f2e}.demo-brand-dot{font-size:20px;font-weight:800;color:#e85d04}.demo-brand-sub{font-size:13px;color:#6b7280;margin-left:6px}.demo-nav{display:flex;gap:4px;margin-left:auto}.demo-nav-link{font-size:14px;font-weight:500;color:#4b5563;text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .15s,color .15s}.demo-nav-link:hover{background:#f3f4f6;color:#1a1f2e}.demo-main{flex:1;max-width:1120px;width:100%;margin:0 auto;padding:48px 40px 80px}.demo-hero{padding:56px 0 64px;max-width:640px}.demo-hero-eyebrow{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#e85d04;margin-bottom:16px}.demo-hero-headline{font-size:42px;font-weight:800;line-height:1.12;letter-spacing:-.5px;color:#1a1f2e;margin:0 0 20px}.demo-hero-accent{color:#e85d04}.demo-hero-sub{font-size:17px;line-height:1.6;color:#4b5563;margin:0;max-width:520px}.demo-cards-section{margin-bottom:56px}.demo-section-title{font-size:18px;font-weight:700;color:#1a1f2e;margin:0 0 20px}.demo-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.demo-card{background:#fff;border:1px solid #e4e7ed;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000a}.demo-card-icon{font-size:28px;margin-bottom:12px;line-height:1}.demo-card-title{font-size:15px;font-weight:700;color:#1a1f2e;margin:0 0 8px}.demo-card-body{font-size:14px;line-height:1.55;color:#6b7280;margin:0}.demo-contact-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.demo-contact-card{background:#fff;border:1px solid #e4e7ed;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000a}.demo-contact-list{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px}.demo-contact-list dt{font-weight:600;color:#6b7280}.demo-contact-list dd{margin:0;color:#1a1f2e}.demo-contact-list a{color:#e85d04;text-decoration:none}.demo-product-list{padding:0;margin:0;list-style:none;font-size:14px;display:flex;flex-direction:column;gap:8px}.demo-product-list li{padding-left:16px;position:relative;color:#1a1f2e}.demo-product-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#e85d04}.demo-footer{padding:20px 40px;border-top:1px solid #e4e7ed;background:#fff;font-size:13px;color:#9ca3af;display:flex;gap:10px;align-items:center}.demo-footer-sep{opacity:.5}@keyframes cw-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}@keyframes cw-pulse{0%{transform:scale(1);box-shadow:0 0 #e85d048c,0 0 #ffa53259}60%{transform:scale(1.12);box-shadow:0 0 0 10px #e85d0400,0 0 0 18px #ffa53200}to{transform:scale(1);box-shadow:0 0 #e85d0400,0 0 #ffa53200}}@keyframes cw-typing-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.cw-root{position:fixed;bottom:28px;right:28px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.cw-root>*{pointer-events:auto}.cw-poweredby{font-size:11px;color:#9ca3af;text-align:right;letter-spacing:.1px;-webkit-user-select:none;user-select:none}.cw-poweredby-card{padding:8px 16px;border-top:1px solid #f0f1f3;color:#b0b7c3;background:#fafbfc;border-radius:0 0 16px 16px;text-align:center}.cw-pill{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:10px 14px 10px 10px;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014;border:1px solid rgba(0,0,0,.06);min-width:0;transition:box-shadow .2s}.cw-pill:hover{box-shadow:0 6px 28px #00000029,0 2px 6px #0000001a}.cw-pill-call{padding:10px 16px 10px 10px}.cw-orb{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(circle at 38% 35%,#fff,#ffb347 18%,#e85d04 46%,#b34200 72%,#6b2800);animation:cw-breathe 3.2s ease-in-out infinite}.cw-orb-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 62% 30%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.1) 40%,transparent 70%)}.cw-orb-sm{width:28px;height:28px}.cw-orb-speaking{animation:cw-pulse .9s ease-out infinite}.cw-pill-label{font-size:14px;font-weight:600;color:#1a1f2e;white-space:nowrap}.cw-pill-actions{display:flex;gap:6px;margin-left:4px}.cw-btn-call,.cw-btn-chat{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;border:none;border-radius:999px;padding:7px 14px;cursor:pointer;line-height:1;transition:opacity .15s,transform .1s;white-space:nowrap}.cw-btn-call:active,.cw-btn-chat:active{transform:scale(.96)}.cw-btn-call{background:#1a1f2e;color:#fff}.cw-btn-call:hover{background:#2c3347}.cw-btn-chat{background:#f3f4f6;color:#374151}.cw-btn-chat:hover{background:#e5e7eb}.cw-call-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cw-call-timer{font-size:16px;font-weight:700;color:#1a1f2e;font-variant-numeric:tabular-nums;letter-spacing:.5px}.cw-call-status{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.cw-call-actions{display:flex;gap:8px;margin-left:8px}.cw-btn-mute{width:38px;height:38px;border-radius:50%;border:1.5px solid #e4e7ed;background:#fff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.cw-btn-mute:hover{background:#f3f4f6;border-color:#d1d5db}.cw-btn-mute.cw-muted{background:#fef3c7;border-color:#f59e0b;color:#d97706}.cw-btn-end{width:38px;height:38px;border-radius:50%;border:none;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.cw-btn-end:hover{background:#dc2626}.cw-btn-end:active{transform:scale(.93)}.cw-card{width:360px;max-height:540px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000024,0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden}.cw-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #f0f1f3;background:#fff;flex-shrink:0}.cw-card-title{font-size:14px;font-weight:700;color:#1a1f2e;flex:1}.cw-card-close{width:28px;height:28px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:background .15s}.cw-card-close:hover{background:#e5e7eb;color:#1a1f2e}.cw-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.cw-msg{display:flex;flex-direction:column;gap:3px}.cw-msg-agent{align-items:flex-start}.cw-msg-user{align-items:flex-end}.cw-bubble{max-width:280px;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.5;word-break:break-word}.cw-msg-agent .cw-bubble{background:#f3f4f6;color:#1a1f2e;border-bottom-left-radius:4px}.cw-msg-user .cw-bubble{background:#1a1f2e;color:#fff;border-bottom-right-radius:4px}.cw-msg-error .cw-bubble{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.cw-msg-meta{font-size:11px;color:#9ca3af;padding:0 4px}.cw-typing-indicator{display:flex;gap:4px;align-items:center;padding:10px 16px}.cw-typing-indicator span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:cw-typing-dot 1.2s infinite ease-in-out}.cw-typing-indicator span:nth-child(2){animation-delay:.2s}.cw-typing-indicator span:nth-child(3){animation-delay:.4s}.cw-input-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #f0f1f3;flex-shrink:0}.cw-input{flex:1;font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid #e4e7ed;border-radius:999px;background:#f8f9fb;color:#1a1f2e;outline:none;transition:border-color .15s;min-width:0}.cw-input:focus{border-color:#e85d04;background:#fff}.cw-input::placeholder{color:#9ca3af}.cw-btn-send{width:34px;height:34px;border-radius:50%;border:none;background:#1a1f2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;flex-shrink:0;transition:background .15s}.cw-btn-send:hover:not(:disabled){background:#e85d04}.cw-btn-send:disabled{background:#e4e7ed;color:#9ca3af;cursor:not-allowed}@media (max-width: 680px){.demo-topbar{padding:0 16px}.demo-nav{display:none}.demo-main{padding:24px 16px 80px}.demo-hero-headline{font-size:28px}.cw-card{width:calc(100vw - 32px);max-height:480px}.cw-root{right:12px;bottom:16px}.cw-pill-label{display:none}}