:root{--color-primary: #00897b;--color-primary-hover: #00695c;--color-primary-light: #b2dfdb;--color-primary-bg: #e0f2f1;--color-accent: #1565c0;--color-accent-hover: #0d47a1;--color-danger: #d32f2f;--color-danger-hover: #b71c1c;--color-danger-bg: #ffebee;--color-warning: #f57c00;--color-warning-bg: #fff3e0;--color-success: #2e7d32;--color-success-bg: #e8f5e9;--color-neutral: #546e7a;--color-neutral-bg: #eceff1;--bg-app: #f4f6f8;--bg-surface: #ffffff;--bg-sidebar: #1a1f2e;--bg-sidebar-hover: #252b3d;--bg-sidebar-active: #2d354a;--bg-input: #f0f2f5;--bg-hover: #f0f2f5;--text-primary: #1a1f2e;--text-secondary: #546e7a;--text-tertiary: #90a4ae;--text-inverse: #ffffff;--text-sidebar: #b0bec5;--text-sidebar-active: #ffffff;--border-color: #e0e4e8;--border-light: #eef1f4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);line-height:1.5;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;display:block}h1{font-size:1.5rem;font-weight:700;line-height:1.3}h2{font-size:1.125rem;font-weight:600;line-height:1.4}h3{font-size:1rem;font-weight:600}p{color:var(--text-secondary)}small{font-size:.857rem}input,select,textarea,button{font-family:inherit;font-size:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:.571rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00897b26}textarea{resize:vertical;min-height:80px}label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.857rem;font-weight:500;color:var(--text-secondary)}select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.571rem 1rem;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}button:active{transform:scale(.98)}button:not(.secondary):not(.danger):not(.ghost){background:var(--color-primary);color:#fff}button:not(.secondary):not(.danger):not(.ghost):hover{background:var(--color-primary-hover)}button.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}button.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}button.danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}button.danger:hover{background:var(--color-danger-bg)}button.ghost{background:transparent;color:var(--text-secondary);padding:.429rem .571rem}button.ghost:hover{background:var(--bg-hover);color:var(--text-primary)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.customer-forget-button{border-color:color-mix(in srgb,var(--color-warning) 45%,var(--border-color))!important;color:var(--color-warning)!important}.customer-forget-button:hover{background:var(--color-warning-bg)!important;color:var(--color-warning)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.text-sm{font-size:.857rem}.text-secondary{color:var(--text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease forwards}.animate-slideIn{animation:slideIn var(--transition-base) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.ai-studio-view{max-width:1540px}.ai-eyebrow{color:var(--text-tertiary);font-size:.714rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ai-studio-commandbar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);padding:12px 16px}.ai-studio-commandbar>div:first-child{display:flex;flex-direction:column;gap:4px}.ai-studio-commandbar select{background:transparent;border:0;box-shadow:none;color:var(--text-primary);font-size:1rem;font-weight:650;padding:0;width:max-content;max-width:100%}.ai-command-status{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:10px;padding-left:var(--space-lg)}.ai-command-status div{display:flex;flex-direction:column}.ai-command-status small{color:var(--text-tertiary)}.ai-status-dot{background:var(--color-success);border:3px solid var(--color-success-bg);border-radius:50%;height:12px;width:12px}.ai-command-actions{display:flex;gap:var(--space-sm)}.ai-studio-shell{display:grid;grid-template-columns:228px minmax(0,1fr);gap:var(--space-md);min-height:650px}.ai-studio-nav{align-self:start;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;padding:6px;position:sticky;top:var(--space-md)}.ai-studio-nav button{background:transparent!important;border:0;border-radius:6px;color:var(--text-secondary)!important;display:grid;grid-template-columns:26px 1fr;padding:10px 9px;text-align:left;transform:none;width:100%}.ai-studio-nav button:hover{background:var(--bg-hover)!important}.ai-studio-nav button.active{background:var(--color-primary-bg)!important;color:var(--color-primary-hover)!important}.ai-studio-nav button>span{font-family:var(--font-mono);font-size:1rem;padding-top:1px;text-align:center}.ai-studio-nav button div{display:flex;flex-direction:column;min-width:0}.ai-studio-nav button strong{font-size:.857rem}.ai-studio-nav button small{color:var(--text-tertiary);font-size:.714rem;font-weight:400;overflow:hidden;text-overflow:ellipsis}.ai-studio-content{min-width:0}.ai-studio-content .panel{animation:fadeIn var(--transition-base) ease}.ai-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:var(--space-md)}.ai-readiness-card{grid-row:span 2}.ai-readiness-card .panel-header h2{font-size:1.286rem;margin-top:2px}.ai-readiness-score{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.ai-readiness-score strong{font-size:1.35rem}.ai-readiness-score span{color:var(--text-tertiary);font-size:.786rem}.ai-progress{background:var(--border-light);border-radius:var(--radius-full);height:7px;overflow:hidden}.ai-progress i{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));display:block;height:100%}.ai-checklist{display:grid;gap:0;margin-top:var(--space-lg)}.ai-checklist>div{align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:12px;grid-template-columns:30px 1fr;padding:12px 0}.ai-checklist>div>span{align-items:center;background:var(--color-neutral-bg);border-radius:50%;color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.714rem;height:26px;justify-content:center;width:26px}.ai-checklist>div.done>span{background:var(--color-success-bg);color:var(--color-success)}.ai-checklist p{display:flex;flex-direction:column;margin:0}.ai-checklist small{color:var(--text-tertiary);font-weight:400}.ai-autonomy-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:11px 0}.ai-governance-card p{margin-bottom:var(--space-md)}.ai-gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:var(--space-md)}.ai-gate-grid span{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.786rem;padding:8px}.ai-section-grid,.ai-lab-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:var(--space-md)}.ai-config-card .panel-header>div p{font-size:.786rem;margin-top:2px}.ai-automatic-start-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:10px;padding:12px}.ai-automatic-start-heading{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}.ai-automatic-start-heading>div{display:flex;flex-direction:column}.ai-automatic-start-heading small{color:var(--text-tertiary);font-weight:400}.ai-variable-help{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ai-variable-help>span{color:var(--text-tertiary);font-size:.714rem;margin-right:2px}.ai-variable-help code{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--color-primary-hover);font-family:var(--font-mono);font-size:.714rem;padding:3px 6px}.ai-automatic-start-preview{background:var(--bg-input);border-radius:var(--radius-sm);padding:11px 12px}.ai-automatic-start-preview p{color:var(--text-primary);font-size:.857rem;margin-top:5px;white-space:pre-wrap;text-wrap:pretty}.ai-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.ai-rule-list{display:grid}.ai-rule-row{align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:9px;grid-template-columns:18px 1fr auto;padding:12px 0}.ai-rule-row>span:first-child{color:var(--text-tertiary);font-family:var(--font-mono)}.ai-toolbar{align-items:center;display:flex;gap:8px;margin-bottom:var(--space-md)}.ai-toolbar input{flex:1}.ai-empty-configuration{align-items:center;background:var(--bg-app);border:1px dashed var(--border-color);border-radius:var(--radius-md);display:grid;gap:var(--space-md);grid-template-columns:40px 1fr auto;min-height:150px;padding:var(--space-lg)}.ai-empty-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;color:var(--text-tertiary);display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.ai-empty-configuration p{margin-top:3px}.ai-readiness-strip{align-items:center;background:var(--bg-input);border-radius:var(--radius-sm);display:grid;gap:var(--space-md);grid-template-columns:auto 1fr auto;margin-bottom:var(--space-md);padding:10px 12px}.ai-readiness-strip>span:first-child{color:var(--text-tertiary);font-size:.786rem}.ai-flow-list{display:grid;gap:7px}.ai-flow-item{align-items:center;background:var(--bg-surface)!important;border:1px solid var(--border-color);color:var(--text-primary)!important;display:grid;grid-template-columns:38px 1fr auto;opacity:1;padding:11px;text-align:left;width:100%}.ai-flow-item>span:nth-child(2){display:flex;flex-direction:column}.ai-flow-item small{color:var(--text-tertiary);font-weight:400}.ai-flow-index{color:var(--color-primary);font-family:var(--font-mono)}.ai-step{align-items:flex-start;display:grid;gap:12px;grid-template-columns:28px 1fr;padding-bottom:18px;position:relative}.ai-step:not(:last-child):after{background:var(--border-color);content:"";height:18px;left:13px;position:absolute;top:28px;width:1px}.ai-step>span{align-items:center;background:var(--color-primary-bg);border-radius:50%;color:var(--color-primary-hover);display:flex;font-family:var(--font-mono);font-size:.714rem;height:28px;justify-content:center;width:28px}.ai-step div{display:flex;flex-direction:column}.ai-step small{color:var(--text-tertiary)}.ai-operation-table{overflow-x:auto}.ai-operation-head,.ai-operation-row{align-items:center;display:grid;gap:var(--space-md);grid-template-columns:minmax(260px,1.5fr) 140px 160px 100px;padding:12px var(--space-md)}.ai-operation-head{background:var(--bg-input);color:var(--text-tertiary);font-size:.714rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ai-operation-row{border-top:1px solid var(--border-light)}.ai-memory-stack{display:grid;gap:8px}.ai-memory-card{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:12px;grid-template-columns:10px 1fr auto;padding:12px}.ai-memory-mark{background:var(--color-primary);border-radius:var(--radius-full);height:36px;width:4px}.ai-memory-card p,.ai-memory-card small{font-size:.786rem}.ai-memory-card small{color:var(--text-tertiary)}.ai-trace-placeholder{align-items:center;display:grid;gap:10px;grid-template-columns:30px 1fr}.ai-trace-placeholder span{color:var(--color-primary);font-family:var(--font-mono)}.ai-trace-placeholder p{border-bottom:1px solid var(--border-light);padding:10px 0}.ai-validation-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:5px;margin-bottom:var(--space-md);padding:12px}.ai-validation-box.valid{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.ai-validation-box.invalid{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--text-primary)}.ai-validation-box small{color:inherit}.ai-editor-card{align-self:start;position:sticky;top:var(--space-md)}.ai-record-stack{display:grid;gap:10px;max-height:690px;overflow-y:auto}.ai-record-card,.ai-plan-card{align-items:flex-start;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;padding:14px}.ai-record-card h3,.ai-plan-card h3{font-size:1rem;margin:3px 0 6px}.ai-record-card p,.ai-plan-card p{color:var(--text-secondary);font-size:.857rem;line-height:1.55;margin-bottom:6px;white-space:pre-wrap}.ai-record-card small,.ai-plan-card small{color:var(--text-tertiary)}.ai-plan-card>div:first-child>strong{color:var(--color-primary);display:block;font-size:1.2rem;margin-bottom:7px}.ai-record-actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.ai-record-actions button{font-size:.714rem;min-width:72px;padding:6px 9px}.ai-flow-functional{align-self:start}.ai-flow-functional .panel-header{align-items:flex-start}.ai-step-list{margin-top:var(--space-md)}.ai-required-fields{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding-top:var(--space-md)}.ai-required-fields>strong{font-size:.786rem;margin-right:4px}.ai-flow-builder{align-items:start;display:grid;gap:var(--space-md);grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr)}.ai-flow-library{align-self:start;position:sticky;top:var(--space-md)}.ai-flow-library .panel-header{align-items:flex-start}.ai-flow-library-tools{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px}.ai-flow-builder-list{display:grid;gap:6px;max-height:610px;overflow-y:auto}.ai-flow-builder-list>button{background:var(--bg-surface)!important;border:1px solid var(--border-color);color:var(--text-primary)!important;display:grid;gap:10px;grid-template-columns:26px minmax(0,1fr) 8px;padding:11px;text-align:left;width:100%}.ai-flow-builder-list>button:hover{background:var(--bg-hover)!important}.ai-flow-builder-list>button.active{background:var(--color-primary-bg)!important;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--border-color))}.ai-flow-builder-list>button>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.ai-flow-builder-list>button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-flow-builder-list>button small{color:var(--text-tertiary);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-flow-builder-list>button i{align-self:center;background:var(--border-color);border-radius:50%;height:7px;width:7px}.ai-flow-builder-list>button i.active{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.ai-flow-builder-empty{align-items:flex-start;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:5px;padding:var(--space-md)}.ai-flow-builder-empty small{color:var(--text-tertiary)}.ai-flow-builder-empty button{margin-top:6px}.ai-flow-editor-v0 .panel-header{align-items:flex-start}.ai-flow-editor-body{display:grid;gap:var(--space-md)}.ai-flow-editor-actions{align-items:center;display:flex;justify-content:space-between}.ai-flow-editor-actions>div{align-items:center;display:flex;gap:6px}.ai-flow-active-control{align-items:center;color:var(--text-primary);display:flex;flex-direction:row;font-weight:600;gap:8px}.ai-flow-errors{background:var(--color-danger-bg);border:1px solid color-mix(in srgb,var(--color-danger) 42%,transparent);border-radius:var(--radius-sm);color:var(--color-danger);display:flex;flex-direction:column;gap:3px;padding:11px 12px}.ai-flow-errors strong{margin-bottom:3px}.ai-flow-errors span{font-size:.786rem}.ai-flow-editor-section{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.ai-flow-section-heading{align-items:center;background:var(--bg-input);display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) auto;padding:11px 12px}.ai-flow-section-heading>span{color:var(--color-primary);font-family:var(--font-mono);font-size:.714rem}.ai-flow-section-heading>div{display:flex;flex-direction:column}.ai-flow-section-heading small{color:var(--text-tertiary);font-weight:400}.ai-flow-section-heading button{font-size:.714rem;padding:6px 9px}.ai-flow-fields{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px}.ai-flow-wide-field{grid-column:1 / -1}.ai-flow-field-preview{display:grid}.ai-flow-field-preview>div{align-items:center;border-top:1px solid var(--border-light);display:grid;gap:10px;grid-template-columns:22px minmax(0,1fr) auto;padding:10px 12px}.ai-flow-field-preview>div:first-child{border-top:0}.ai-flow-field-preview>div>div{display:flex;flex-direction:column}.ai-flow-field-preview small{color:var(--text-tertiary);font-family:var(--font-mono);font-size:.714rem}.ai-flow-drag{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:-3px}.ai-flow-field-editor,.ai-flow-step-editor{display:grid}.ai-flow-field-editor>article,.ai-flow-step-editor>article{align-items:start;border-top:1px solid var(--border-light);display:grid;gap:10px;padding:12px}.ai-flow-field-editor>article:first-child,.ai-flow-step-editor>article:first-child{border-top:0}.ai-flow-field-editor>article{grid-template-columns:20px minmax(0,1fr) auto}.ai-flow-record-fields{align-items:end;display:grid;gap:9px;grid-template-columns:minmax(140px,1fr) minmax(120px,.8fr) minmax(130px,.75fr) auto}.ai-flow-sensitive{min-height:34px;white-space:nowrap}.ai-flow-order-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.ai-flow-order-actions button{font-size:.714rem;min-width:31px;padding:6px 8px}.ai-flow-step-editor>article{grid-template-columns:30px minmax(0,1fr) auto}.ai-flow-step-number{color:var(--color-primary);font-family:var(--font-mono);font-size:.714rem;padding-top:8px}.ai-flow-step-fields{display:grid;gap:9px}.ai-flow-step-fields>div{display:grid;gap:9px;grid-template-columns:1fr 1fr}.ai-flow-fallback-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px}.ai-flow-step-preview{display:grid;padding:0 12px}.ai-flow-step-preview article{align-items:flex-start;border-top:1px solid var(--border-light);display:grid;gap:12px;grid-template-columns:30px minmax(0,1fr) auto;padding:13px 0}.ai-flow-step-preview article:first-child{border-top:0}.ai-flow-step-preview article>span:first-child{color:var(--color-primary);font-family:var(--font-mono);font-size:.714rem;padding-top:2px}.ai-flow-step-preview article p{font-size:.786rem;line-height:1.5;margin-top:2px;text-wrap:pretty}.ai-flow-inline-empty{color:var(--text-tertiary);font-size:.786rem;padding:14px 12px!important}.ai-flow-editor-footer{align-items:center;background:var(--bg-input);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:11px 12px}.ai-flow-editor-footer>div{display:flex;flex-direction:column}.ai-flow-editor-footer small{color:var(--text-tertiary)}.ai-switch{display:inline-flex;margin:0}.ai-switch input{height:0;opacity:0;position:absolute;width:0}.ai-switch span{background:var(--border-color);border-radius:999px;cursor:pointer;display:block;height:22px;position:relative;transition:background var(--transition-fast);width:40px}.ai-switch span:after{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform var(--transition-fast);width:16px}.ai-switch input:checked+span{background:var(--color-primary)}.ai-switch input:checked+span:after{transform:translate(18px)}.ai-operation-functional .ai-operation-row>div:first-child{display:flex;flex-direction:column}.ai-operation-functional .ai-operation-row small{color:var(--text-tertiary);font-family:var(--font-mono);font-size:.643rem}.ai-operation-functional select{min-width:150px;padding:7px}.ai-trace-row{align-items:center;display:contents}.ai-lab-screen{display:grid;gap:var(--space-md)}.ai-lab-response .panel-header{align-items:center}.ai-response-bubble{background:var(--color-primary-bg);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent);border-radius:4px 16px 16px;line-height:1.65;max-width:760px;padding:18px;white-space:pre-wrap}.ai-lab-evidence{border-top:1px solid var(--border-light);display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:var(--space-lg);padding-top:var(--space-md)}.ai-lab-evidence>div{background:var(--bg-input);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:10px}.ai-lab-evidence strong{color:var(--text-tertiary);font-size:.714rem;letter-spacing:.04em;text-transform:uppercase}.ai-lab-evidence span{font-size:.786rem}.ai-plans-screen{display:grid;gap:var(--space-md)}.ai-plan-sync-card .panel-header{align-items:center}.ai-sync-summary{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(90px,1fr))}.ai-sync-summary>div{background:var(--bg-input);border-radius:var(--radius-sm);display:flex;flex-direction:column;padding:10px 12px}.ai-sync-summary strong{font-family:var(--font-mono);font-size:1.15rem}.ai-sync-summary small{color:var(--text-tertiary)}.ai-sync-meta{align-items:center;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.714rem;gap:10px;margin:12px 0}.ai-sync-table{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.ai-sync-head,.ai-sync-row{align-items:center;display:grid;gap:12px;grid-template-columns:110px minmax(190px,1fr) minmax(170px,.8fr) minmax(170px,.8fr) 160px;min-width:890px;padding:11px 12px}.ai-sync-head{background:var(--bg-input);color:var(--text-tertiary);font-size:.714rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ai-sync-row{border-top:1px solid var(--border-light)}.ai-sync-row>div{display:flex;flex-direction:column;min-width:0}.ai-sync-row small{color:var(--text-tertiary);display:-webkit-box;font-size:.714rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-sync-row button{font-size:.714rem;white-space:normal}.ai-sync-row.recommended{background:color-mix(in srgb,var(--color-primary-bg) 55%,transparent)}.ai-recommended-label{color:var(--color-primary);font-size:.643rem;font-weight:700;margin-top:3px;text-transform:uppercase}.ai-sync-check{align-items:center;display:flex;flex-direction:row;gap:7px;margin:0}.ai-sync-check input{width:auto}.ai-sync-check span{font-size:.786rem}.ai-sync-footer{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-top:10px;padding:10px 12px}.ai-sync-footer>div{display:flex;flex-direction:column}.ai-sync-footer small{color:var(--text-tertiary)}.checkbox-row{align-items:center;display:flex!important;flex-direction:row!important;gap:8px}.checkbox-row input{width:auto}@media(max-width:1100px){.ai-studio-commandbar{grid-template-columns:1fr auto}.ai-command-status{display:none}.ai-overview-grid,.ai-section-grid,.ai-lab-layout{grid-template-columns:1fr}.ai-flow-builder{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr)}.ai-readiness-card{grid-row:auto}}@media(max-width:760px){.ai-studio-commandbar{grid-template-columns:1fr}.ai-command-actions{justify-content:stretch}.ai-command-actions button{flex:1}.ai-studio-shell{grid-template-columns:1fr}.ai-studio-nav{display:grid;grid-template-columns:1fr 1fr;position:static}.ai-form-row,.ai-flow-builder{grid-template-columns:1fr}.ai-flow-library{position:static}.ai-flow-builder-list{max-height:330px}.ai-flow-fields{grid-template-columns:1fr}.ai-flow-wide-field{grid-column:auto}.ai-flow-field-editor>article,.ai-flow-step-editor>article{grid-template-columns:1fr}.ai-flow-field-editor .ai-flow-drag,.ai-flow-step-number{display:none}.ai-flow-record-fields,.ai-flow-step-fields>div,.ai-flow-fallback-grid{grid-template-columns:1fr}.ai-flow-order-actions{justify-content:flex-start}.ai-flow-section-heading{grid-template-columns:28px minmax(0,1fr)}.ai-flow-section-heading button{grid-column:2;justify-self:start}.ai-flow-step-preview article{grid-template-columns:26px minmax(0,1fr)}.ai-flow-step-preview article>.pill{grid-column:2;justify-self:start}.ai-flow-editor-actions,.ai-flow-editor-footer{align-items:stretch;flex-direction:column;gap:10px}.ai-empty-configuration{grid-template-columns:40px 1fr}.ai-empty-configuration button{grid-column:1 / -1}.ai-editor-card{position:static}.ai-record-card,.ai-plan-card{grid-template-columns:1fr}.ai-record-actions{align-items:center;flex-direction:row;flex-wrap:wrap}.ai-lab-evidence{grid-template-columns:1fr}.ai-sync-summary{grid-template-columns:1fr 1fr}}.attachment-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.attachment-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:var(--radius-sm);flex-shrink:0}.message-bubble.inbound .attachment-icon{background:var(--border-color)}.attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.attachment-name{font-weight:500;font-size:.857rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{font-size:.786rem;opacity:.7}.attach-actions{display:flex;gap:2px;align-items:center}.attach-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);padding:0;flex-shrink:0}.attach-btn:hover{background:var(--bg-hover);color:var(--color-primary);border-color:var(--color-primary)}.attach-btn:active{transform:scale(.95)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideInUp .2s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light)}.modal-header h2{font-size:1.125rem}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);padding:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.143rem .571rem;border-radius:var(--radius-full);font-size:.786rem;font-weight:500;line-height:1.4}.pill.primary{background:var(--color-primary-bg);color:var(--color-primary)}.pill.success{background:var(--color-success-bg);color:var(--color-success)}.pill.warning{background:var(--color-warning-bg);color:var(--color-warning)}.pill.danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill.neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.green{background:var(--color-success)}.dot.yellow{background:var(--color-warning)}.dot.red{background:var(--color-danger)}.dot.gray{background:var(--text-tertiary)}.dot.teal{background:var(--color-primary)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{display:flex;min-height:100vh;background:var(--bg-app)}.login-visual{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-sidebar) 0%,#0d1117 100%);color:var(--text-inverse);gap:var(--space-xl)}.login-visual .brand{display:flex;align-items:center;gap:var(--space-md)}.login-visual .brand-mark{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.login-visual h1{font-size:2rem;color:var(--text-inverse);max-width:480px;margin-bottom:var(--space-md)}.login-visual p{color:var(--text-sidebar);max-width:480px;font-size:1rem;line-height:1.7}.login-highlights{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.login-highlights span{padding:.429rem .857rem;background:#ffffff14;border-radius:var(--radius-full);font-size:.857rem;color:var(--text-sidebar)}.login-card{width:420px;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl);background:var(--bg-surface);gap:var(--space-md)}.login-card h2{font-size:1.25rem}.login-card label{margin-top:var(--space-sm)}.login-card button[type=submit]{margin-top:var(--space-sm);padding:.75rem;font-size:1rem}.login-card small{color:var(--color-danger);min-height:1.25rem}.shell{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:var(--bg-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:10}.sidebar-header{padding:var(--space-md) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--space-sm)}.sidebar-brand-mark{width:36px;height:36px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.sidebar-brand-text strong{color:var(--text-inverse);font-size:.929rem}.sidebar-brand-text span{font-size:.714rem;display:block}.sidebar-nav{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.nav-section{padding:var(--space-md) var(--space-sm) var(--space-xs);font-size:.714rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:.571rem .75rem;border-radius:var(--radius-sm);color:var(--text-sidebar);background:transparent;border:none;font-size:.929rem;font-weight:400;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);width:100%;text-align:left}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active)}.nav-item.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active);font-weight:500}.nav-item .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:.7}.sidebar-footer{padding:var(--space-md);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--space-sm)}.sidebar-footer .avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.857rem}.sidebar-footer .info{flex:1;min-width:0}.sidebar-footer .info strong{color:var(--text-inverse);font-size:.857rem;display:block}.sidebar-footer .info span{font-size:.714rem;display:block}.workspace{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:5}.topbar-left h1{font-size:1.25rem}.topbar-left p{font-size:.857rem;margin-top:2px}.topbar-right{display:flex;align-items:center;gap:var(--space-sm)}.view-container{flex:1;padding:var(--space-lg);overflow-y:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:default}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card .label{font-size:.857rem;color:var(--text-secondary);font-weight:500}.metric-card .value{font-size:2rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.metric-card .subtitle{font-size:.786rem;color:var(--text-tertiary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light)}.panel-header h2{font-size:1rem}.panel-body{padding:var(--space-md) var(--space-lg)}.inbox-layout{display:grid;grid-template-columns:340px 1fr 320px;gap:var(--space-md);height:calc(100vh - 80px - var(--space-lg) * 2)}.queue-panel{display:flex;flex-direction:column;overflow:hidden}.queue-tabs{display:flex;gap:2px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);overflow-x:auto}.queue-tab{padding:.429rem .75rem;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);font-size:.786rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.queue-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.queue-tab.active{background:var(--color-primary-bg);color:var(--color-primary)}.queue-filter{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light)}.queue-filter select{font-size:.857rem;padding:.357rem .571rem}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast)}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--color-primary-bg)}.conversation-item .avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.857rem;color:#fff;flex-shrink:0}.conversation-item .content{flex:1;min-width:0}.conversation-item .name-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.conversation-item .name{font-weight:500;font-size:.929rem;color:var(--text-primary)}.conversation-item .time{font-size:.714rem;color:var(--text-tertiary);white-space:nowrap}.conversation-item .preview{font-size:.857rem;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-item .badges{display:flex;gap:4px;margin-top:4px}.chat-panel{display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.chat-header .customer-name{font-weight:600;font-size:1rem}.chat-header .channel-badge{font-size:.786rem;color:var(--text-secondary)}.message-list{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.message-bubble{max-width:75%;padding:.571rem .857rem;border-radius:var(--radius-md);font-size:.929rem;line-height:1.5;animation:fadeIn var(--transition-base) ease}.message-bubble.inbound{align-self:flex-start;background:var(--bg-input);border-bottom-left-radius:var(--radius-sm)}.message-bubble.outbound{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.system{align-self:center;background:var(--color-neutral-bg);color:var(--color-neutral);font-size:.786rem;font-style:italic;max-width:90%}.message-bubble .time{font-size:.714rem;opacity:.6;margin-top:4px;display:block}.message-bubble .sender-name{font-size:.714rem;font-weight:600;margin-bottom:2px;opacity:.7}.message-bubble.inbound .sender-name{color:var(--color-primary)}.reply-box{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-surface)}.reply-box input{flex:1;border-radius:var(--radius-full);padding:.571rem 1rem}.reply-box button{border-radius:var(--radius-full);width:38px;height:38px;padding:0;flex-shrink:0}.lead-application-card{margin:0 var(--space-md) var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 7%,var(--surface));display:grid;gap:var(--space-sm)}.lead-application-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.lead-application-heading>div{display:grid;gap:3px}.lead-application-card p{margin:0;color:var(--text-secondary);font-size:.786rem;line-height:1.45}.lead-application-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);color:var(--text-secondary);font-size:.714rem}.lead-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.lead-form-grid label{display:grid;gap:var(--space-xs)}.lead-form-grid .span-2{grid-column:span 2}.lead-review-warning{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--warning-bg, #fff8e1);color:var(--text-secondary);font-size:.786rem}.sgp-lead-send-box{display:grid;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary, #f7f9fb)}.sgp-lead-send-box p{margin:4px 0 0;color:var(--text-secondary);font-size:.786rem}@media(max-width:720px){.lead-form-grid{grid-template-columns:1fr}.lead-form-grid .span-2{grid-column:auto}}.customer-panel{display:flex;flex-direction:column;overflow-y:auto}.customer-panel .panel-header{border-bottom:1px solid var(--border-light)}.customer-details{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;font-size:.857rem}.detail-row .label{color:var(--text-secondary);font-weight:500}.detail-row .value{color:var(--text-primary);text-align:right;max-width:60%}.action-stack{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);border-top:1px solid var(--border-light)}.action-stack button{width:100%;padding:.571rem;font-size:.857rem}.operation-box{padding:var(--space-sm);background:var(--bg-input);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.operation-title{font-size:.786rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.571rem var(--space-md);font-size:.786rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--bg-app)}.data-table td{padding:.571rem var(--space-md);border-bottom:1px solid var(--border-light);font-size:.929rem}.data-table tr:hover td{background:var(--bg-hover)}.data-table tr{cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;gap:var(--space-sm);color:var(--text-tertiary)}.empty-state .icon{font-size:2.5rem;opacity:.3}.empty-state p{font-size:.929rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.records-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.data-list{display:flex;flex-direction:column}.data-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast)}.data-list-item:hover{background:var(--bg-hover)}.data-list-item .item-name{font-weight:500}.data-list-item .item-detail{font-size:.857rem;color:var(--text-secondary)}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);margin-top:4px}.delivery-status{font-size:.786rem;transition:color var(--transition-fast)}.delivery-status.pending{color:var(--text-tertiary)}.delivery-status.delivered{color:var(--color-success)}.delivery-status.error{color:var(--color-danger)}.media-preview{margin:var(--space-xs) 0;border-radius:var(--radius-sm);overflow:hidden}.media-thumb-link{display:block}.media-thumb{max-height:240px;width:auto;max-width:100%;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-base);object-fit:cover}.media-thumb:hover{transform:scale(1.02)}.media-audio{width:100%;height:40px;border-radius:var(--radius-sm)}.media-video{max-height:300px;width:100%;border-radius:var(--radius-sm)}.typing-indicator{display:flex;align-items:center;gap:4px;align-self:flex-start;padding:var(--space-xs) var(--space-sm);background:var(--bg-input);border-radius:var(--radius-md);border-bottom-left-radius:var(--radius-sm);animation:fadeIn var(--transition-base) ease}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.typing-label{font-size:.714rem;color:var(--text-tertiary);margin-left:4px}.upload-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:var(--color-primary-bg);font-size:.786rem;color:var(--color-primary);border-top:1px solid var(--border-light)}.upload-progress{flex:1;height:4px;background:var(--color-primary-light);border-radius:var(--radius-full);overflow:hidden;position:relative}.upload-progress:after{content:"";position:absolute;left:-30%;width:30%;height:100%;background:var(--color-primary);border-radius:var(--radius-full);animation:uploadProgress 1.5s ease-in-out infinite}@keyframes uploadProgress{0%{left:-30%}to{left:100%}}.avatar{position:relative}.avatar-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface);background:var(--color-danger)}.avatar-dot.pulse{animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 #d32f2f66}50%{box-shadow:0 0 0 6px #d32f2f00}}.avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.857rem;color:#fff;flex-shrink:0}.detail-section{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.detail-section:last-child{border-bottom:none}.detail-section-title{display:block;font-size:.714rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-xs);padding:0 var(--space-md)}.notes-section{border-top:1px solid var(--border-light)}.notes-list{padding:0 var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);max-height:200px;overflow-y:auto}.note-item{padding:var(--space-xs) var(--space-sm);background:var(--bg-app);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.note-header{display:flex;align-items:center;justify-content:space-between;font-size:.714rem;margin-bottom:2px}.note-header strong{color:var(--color-primary)}.note-time{color:var(--text-tertiary);font-size:.643rem}.note-content{font-size:.786rem;color:var(--text-primary);margin:0;white-space:pre-wrap}.action-row{display:flex;gap:var(--space-sm)}.modal-wide{width:700px;max-width:calc(100vw - 32px)}.sgp-section{margin-bottom:var(--space-lg)}.sgp-section h3{font-size:.929rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.sgp-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media(max-width:600px){.sgp-cards{grid-template-columns:1fr}}.sgp-card{background:var(--bg-app);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);border:1px solid var(--border-light);transition:box-shadow var(--transition-fast)}.sgp-card:hover{box-shadow:var(--shadow-sm)}.sgp-card-title{font-weight:600;font-size:.857rem;color:var(--text-primary);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-xs)}.sgp-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.786rem}.sgp-card-row span:first-child{color:var(--text-secondary)}.sgp-card-row strong{color:var(--text-primary)}.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);font-size:.643rem;font-weight:600;margin-left:4px}.queue-tab.active .queue-count{background:var(--color-primary);color:#fff}.sgp-ops-tabs{display:flex;gap:2px;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-light)}.sgp-ops-tab{padding:.429rem 1rem;background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;font-size:.857rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.sgp-ops-tab:hover{color:var(--text-primary)}.sgp-ops-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sgp-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.sgp-ops-card{background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:box-shadow var(--transition-fast)}.sgp-ops-card:hover{box-shadow:var(--shadow-sm)}.sgp-ops-card-wide{grid-column:1 / -1}.sgp-ops-card h3{font-size:.929rem;margin:0}.sgp-ops-card label{font-size:.786rem}.sgp-ops-card button{font-size:.857rem;padding:.5rem;margin-top:4px}.sgp-ops-desc{font-size:.786rem;color:var(--text-tertiary);margin:0}@media(max-width:768px){.sgp-ops-grid{grid-template-columns:1fr}}.sgp-doc-badge{padding:var(--space-sm) var(--space-md);background:var(--color-primary-bg);border-radius:var(--radius-sm);font-size:.786rem;color:var(--color-primary);margin-bottom:var(--space-md)}.operation-result{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-md)}.operation-result.success{border-color:var(--color-success)}.operation-result.error{border-color:var(--color-danger)}.result-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-app);font-size:.857rem}.operation-result.success .result-header{background:var(--color-success-bg)}.operation-result.error .result-header{background:var(--color-danger-bg)}.result-body{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);font-size:.857rem}.pix-code-box{background:var(--color-primary-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center;cursor:pointer;transition:background var(--transition-fast)}.pix-code-box:hover{background:var(--color-primary-light)}.pix-label{font-size:.714rem;color:var(--text-secondary);display:block;margin-bottom:var(--space-xs)}.pix-code{display:block;font-size:.786rem;word-break:break-all;line-height:1.5;color:var(--color-primary);font-family:var(--font-mono)}.pix-hint{display:block;font-size:.643rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.alert-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.857rem;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.alert-banner.warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.data-list-item.active{background:var(--color-primary-bg)}.payload-preview{background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.714rem;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre-wrap;line-height:1.6}.mono{font-family:var(--font-mono);font-size:.786rem}.error-text{color:var(--color-danger);font-size:.857rem}.radius-result{margin-top:var(--space-lg)}.radius-result h3{margin-bottom:var(--space-sm)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.857rem;box-shadow:var(--shadow-md);animation:slideInRight .25s ease;pointer-events:auto;cursor:pointer;transition:transform var(--transition-fast);border:1px solid transparent}.toast:hover{transform:translate(-4px)}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.toast-error{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.toast-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.toast-info{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{background:transparent;border:none;color:inherit;opacity:.5;cursor:pointer;padding:2px 4px;font-size:1rem;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);flex-shrink:0}.toast-close:hover{opacity:1;background:#0000000d}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.text-center{text-align:center}@media(max-width:1024px){.inbox-layout{grid-template-columns:300px 1fr}.customer-panel{display:none}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{width:200px;min-width:200px}.login-screen{flex-direction:column}.login-visual{display:none}.login-card{width:100%}.inbox-layout{grid-template-columns:1fr}.queue-panel{display:none}.settings-grid,.records-layout{grid-template-columns:1fr}}