:root{color-scheme:light;font-family:Open Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg-accent: radial-gradient(circle at top left, rgba(78, 177, 255, .22), transparent 26%), linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);--surface-primary: #ffffff;--surface-secondary: #f5f8fc;--text-primary: #18324a;--text-secondary: #5b6f82;--brand-strong: #005b9e;--brand-bright: #4eb1ff;--border-subtle: #d8e4ef;--success-soft: #e8f7ef;--success-strong: #1a7f4b;--warning-soft: #fff4db;--warning-strong: #a86b00;--danger-soft: #ffe5e5;--danger-strong: #b63d3d;--info-soft: #e9f2ff;--info-strong: #2d6cdf;--shadow-soft: 0 18px 40px rgba(8, 35, 64, .08);--radius-card: 18px;--radius-input: 12px;--content-width: 1240px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-accent);color:var(--text-primary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:#071f34f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:width .22s ease;z-index:20;overflow:hidden}.sidebar--collapsed{width:72px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:20px 14px;border-bottom:1px solid rgba(255,255,255,.08);gap:10px;min-height:78px}.sidebar__brand{display:flex;align-items:center;gap:12px;overflow:hidden;min-width:0}.sidebar__brand-text{overflow:hidden;white-space:nowrap}.sidebar__toggle{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff9;display:grid;place-items:center;cursor:pointer;transition:.16s ease}.sidebar__toggle:hover,.sidebar__toggle:focus-visible{background:#ffffff14;color:#fff;outline:none}.brand-mark{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-bright),var(--brand-strong));color:#fff;font-weight:700;font-size:.88rem;letter-spacing:.06em;box-shadow:0 8px 18px #005b9e47}.brand-overline{margin:0 0 1px;color:#fff9;font-size:.68rem;text-transform:uppercase;letter-spacing:.18em}.brand-name{color:#fff;font-size:.95rem;white-space:nowrap}.sidebar__nav{flex:1;padding:10px 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}.sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#ffffffb8;transition:.16s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.sidebar__nav-item:hover,.sidebar__nav-item:focus-visible{background:#ffffff14;color:#fff;outline:none}.sidebar__nav-item--active{background:#4eb1ff24;color:var(--brand-bright);font-weight:700}.sidebar__nav-icon{flex-shrink:0;display:flex;align-items:center}.sidebar__nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar__footer{padding:14px 10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.session-chip__status{border-radius:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);color:#ffffffb8;background:#ffffff0a;font-size:.8rem;font-weight:700;text-align:center}.session-chip__status--on{color:#dff8e8;background:#228b542e;border-color:#60d49247}.sidebar__action-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffbf;font-size:.88rem;font-weight:600;cursor:pointer;transition:.16s ease;text-decoration:none;white-space:nowrap;overflow:hidden}.sidebar__action-btn:hover,.sidebar__action-btn:focus-visible{background:#ffffff14;color:#fff;outline:none}.content-shell{flex:1;margin-left:240px;transition:margin-left .22s ease;padding:32px 32px 56px;max-width:calc(var(--content-width) + 64px);min-height:100vh}.app-shell--sidebar-collapsed .content-shell{margin-left:72px}.page-stack{display:grid;gap:24px}.page-header{display:grid;gap:12px}.page-header__main{display:flex;justify-content:space-between;align-items:end;gap:16px}.page-header h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.1}.page-header p{margin:10px 0 0;max-width:760px;color:var(--text-secondary)}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--text-secondary)}.breadcrumbs__item{display:inline-flex;align-items:center;gap:8px}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:var(--brand-strong);outline:none}.breadcrumbs__separator{color:#8fa4b8}.stats-grid,.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:16px}.stack-column{display:grid;gap:16px}.card{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:24px}.card__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.card__header h2{margin:0;font-size:1.15rem}.card__header p{margin:8px 0 0;color:var(--text-secondary)}.eyebrow,.metric-panel__label,.empty-state__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-strong);font-weight:700}.eyebrow:before,.empty-state__eyebrow:before{content:"";width:22px;height:2px;background:var(--brand-bright);border-radius:999px}.stat-card,.metric-panel{display:grid;gap:8px;min-height:140px;align-content:start}.stat-card strong,.metric-panel strong{font-size:2rem;line-height:1;color:var(--brand-strong)}.stat-card p,.metric-panel p{margin:0;color:var(--text-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;border:1px solid transparent;padding:0 18px;cursor:pointer;transition:.16s ease;font-weight:700}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:linear-gradient(135deg,var(--brand-strong),#0b77c6);color:#fff;box-shadow:0 14px 24px #005b9e3d}.button--secondary{background:var(--surface-secondary);border-color:var(--border-subtle);color:var(--brand-strong)}.button--ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.topbar .button--ghost{border-color:#ffffff29;color:#fff}.topbar .button--secondary{background:#fff}.button:hover:not(:disabled),.button:focus-visible:not(:disabled){transform:translateY(-1px);outline:none}.toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between}.toolbar__feedback{display:flex;align-items:center;gap:12px}.toolbar__pill{border-radius:999px;background:var(--surface-secondary);padding:10px 14px;color:var(--text-secondary);border:1px solid var(--border-subtle)}.field,.checkbox-field{display:grid;gap:8px}.field>span,.checkbox-field span{font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-input);background:#fff;min-height:48px;padding:0 14px;color:var(--text-primary);transition:.16s ease}.field textarea{min-height:160px;padding-top:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-bright);outline:3px solid rgba(78,177,255,.18)}.field small,.checkbox-field small{color:var(--text-secondary)}.field__error{color:var(--danger-strong)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field--full,.form-actions,.inline-feedback{grid-column:1 / -1}.checkbox-field{grid-template-columns:auto 1fr;align-items:start;padding:16px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-secondary)}.checkbox-field input{margin-top:4px}.form-actions{display:flex;gap:12px;align-items:center}.inline-feedback{padding:14px 16px;border-radius:16px;font-weight:600}.inline-feedback--success{background:var(--success-soft);color:var(--success-strong)}.inline-feedback--info{background:var(--info-soft);color:var(--info-strong)}.inline-feedback--error{background:var(--danger-soft);color:var(--danger-strong)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:16px 12px;border-bottom:1px solid #ebf0f5;vertical-align:middle}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary)}.data-table tbody tr:hover,.data-table__row--active{background:#f8fbff}.data-table--compact th,.data-table--compact td{padding:12px 8px;font-size:.82rem}.data-table--compact th{font-size:.72rem;letter-spacing:.1em}.table-link{border:none;background:transparent;color:var(--brand-strong);font-weight:700;cursor:pointer;padding:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700}.badge--success{background:var(--success-soft);color:var(--success-strong)}.badge--warning{background:var(--warning-soft);color:var(--warning-strong)}.badge--danger{background:var(--danger-soft);color:var(--danger-strong)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.pagination__status{color:var(--text-secondary);text-align:center}.empty-state{display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed var(--border-subtle);border-radius:18px;background:var(--surface-secondary)}.empty-state h3{margin:10px 0 8px}.empty-state p{margin:0;max-width:500px;color:var(--text-secondary)}.empty-state__action{margin-top:18px}.quick-clone,.feature-flag-detail{display:grid;gap:16px}.feature-flag-detail__row{display:grid;gap:6px}.feature-flag-search{flex:1}.notes-list{margin:0;padding-left:18px;color:var(--text-secondary)}.notes-list li+li{margin-top:8px}.status-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.resource-grid{display:grid;gap:12px}.resource-row-react{border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-secondary);padding:12px 14px;display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,auto) minmax(0,1.8fr);align-items:center;gap:12px}.resource-row-react__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.resource-number-input{border:1px solid var(--border-subtle);border-radius:10px;background:#fff;min-height:40px;padding:0 10px;width:88px}.redis-panel{border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.redis-panel__header{width:100%;border:0;border-bottom:1px solid var(--border-subtle);background:#f8fbff;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer}.redis-panel .form-grid{padding:16px}.esocial-result pre{max-height:420px;overflow:auto;border:1px solid var(--border-subtle);background:#f6f9fc;border-radius:12px;padding:14px;margin:0;white-space:pre-wrap;word-break:break-word}.flowhub-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flowhub-metric-tile{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:14px;padding:14px;display:grid;gap:8px}.flowhub-metric-tile>span{font-size:.85rem;color:var(--text-secondary)}.flowhub-metric-tile strong{font-size:1.25rem;color:var(--brand-strong)}.flowhub-metric-tile--full{grid-column:span 2}.flowhub-case-list{display:grid;gap:8px}.flowhub-case-list p{margin:0;display:flex;justify-content:space-between;gap:12px}.flowhub-case-list p strong{color:var(--text-primary);font-size:.95rem}.flowhub-case-list p span{color:var(--brand-strong);font-weight:700}.flowhub-checkpoint-list,.flowhub-audit-list{display:grid;gap:12px}.flowhub-checkpoint-card,.flowhub-audit-row{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:14px;padding:14px}.flowhub-checkpoint-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.flowhub-checkpoint-head span{color:var(--text-secondary);font-size:.84rem}.flowhub-checkpoint-trigger{margin:10px 0 6px;font-weight:700}.flowhub-checkpoint-context{margin:0 0 12px;color:var(--text-secondary)}.flowhub-checkpoint-card .field textarea{min-height:92px}.flowhub-audit-row p{margin:0}.flowhub-audit-row__title{font-weight:700}.flowhub-audit-row__question,.flowhub-audit-row__justification,.flowhub-audit-row__meta{margin-top:6px;color:var(--text-secondary)}.flowhub-audit-row__decision{margin-top:8px}.flowhub-audit-row__meta{font-size:.84rem}.agent-kpi-tile{display:grid;gap:8px}.agent-kpi-tile span{color:var(--text-secondary);font-size:.86rem}.agent-kpi-tile strong{color:var(--brand-strong);font-size:1.35rem;line-height:1.1}.agents-dashboard-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agents-dashboard-stack{display:grid;gap:14px}.agents-dashboard-stack__bar{display:flex;width:100%;height:28px;border-radius:999px;overflow:hidden;background:var(--surface-secondary);border:1px solid var(--border-subtle)}.agents-dashboard-stack__bar span{height:100%}.agents-dashboard-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-secondary);font-size:.84rem}.agents-dashboard-legend span{display:inline-flex;align-items:center;gap:8px}.agents-dashboard-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.agents-dashboard-bars{display:grid;gap:10px}.agents-dashboard-bars__row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,2fr) auto;gap:10px;align-items:center}.agents-dashboard-bars__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.agents-dashboard-bars__track{height:12px;border-radius:999px;background:var(--surface-secondary);border:1px solid var(--border-subtle);overflow:hidden}.agents-dashboard-bars__track span{display:block;height:100%;background:linear-gradient(135deg,var(--brand-bright),var(--brand-strong))}.table-subtext{color:var(--text-secondary);font-size:.82rem}.agent-incident-list,.agent-trace-list{display:grid;gap:12px}.agent-incident-card,.agent-trace-item{border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-secondary);padding:14px}.agent-incident-card__head,.agent-trace-item__head{display:flex;justify-content:space-between;align-items:start;gap:10px}.agent-incident-card__head p{margin:6px 0 0;color:var(--text-secondary);font-size:.85rem}.agent-incident-card__description,.agent-incident-card__meta,.agent-trace-item__meta,.agent-trace-item__notes,.agent-trace-item__handoff{margin:8px 0 0;color:var(--text-secondary)}.agent-trace-item__notes{color:var(--text-primary)}.agent-trace-item__handoff{font-weight:700}@media (max-width: 980px){.sidebar{width:72px}.sidebar .sidebar__brand-text,.sidebar .sidebar__nav-label,.sidebar .sidebar__footer .session-chip__status{display:none}.content-shell{margin-left:72px;padding-inline:20px}.app-shell--sidebar-collapsed .content-shell{margin-left:72px}.page-header__main,.toolbar,.pagination{flex-direction:column;align-items:stretch}.stats-grid,.module-grid,.module-grid--4,.two-column-grid,.form-grid,.resource-row-react{grid-template-columns:1fr}.resource-row-react__actions{justify-content:flex-start}.flowhub-metrics-grid,.agents-dashboard-filters{grid-template-columns:1fr 1fr}.flowhub-metric-tile--full{grid-column:span 2}.agent-incident-card__head,.agent-trace-item__head{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.content-shell{padding-inline:14px}.card{padding:20px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{padding:14px 0}.data-table td{padding:10px 0;border-bottom:none}.data-table td:before{content:attr(data-label);display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:4px}.flowhub-metrics-grid{grid-template-columns:1fr}.flowhub-metric-tile--full{grid-column:span 1}.agents-dashboard-filters{grid-template-columns:1fr}.agents-dashboard-bars__row{grid-template-columns:1fr;gap:6px}}