:root{--brand-50: #f0f8f4;--brand-100: #d9ede3;--brand-200: #b4dbc7;--brand-300: #85c3a5;--brand-400: #4fa47f;--brand-500: #23845f;--brand-600: #0f6b4f;--brand-700: #0b563f;--brand-800: #084430;--brand-900: #06301f;--gray-50: #f7faf8;--gray-100: #eef4f0;--gray-200: #e3ece7;--gray-300: #cddbd3;--gray-400: #9db3a7;--gray-500: #6f8a7c;--gray-600: #4f6a5c;--gray-700: #375246;--gray-800: #22392f;--gray-900: #10241c;--gray-950: #071410;--danger: #b91c1c;--danger-bg: #fdf2f2;--danger-border: #f4cfcf;--warning: #a16207;--warning-bg: #fdf8ec;--warning-border: #ecdcb4;--success: #0f6b4f;--success-bg: #f0f8f4;--success-border: #b4dbc7;--info: #0e7490;--info-bg: #eef8fa;--info-border: #bfe0e8;--neutral: #6f8a7c;--neutral-bg: #eef4f0;--neutral-border: #e3ece7;--mape-monitor: #0891b2;--mape-analyze: #0f766e;--mape-plan: #15803d;--mape-execute: #a16207;--mape-orchestration: #0f6b4f;--mape-governance: #134e4a;--bg-app: #f6faf8;--bg-surface: #ffffff;--bg-surface-2: #f7faf8;--bg-surface-3: #eef4f0;--bg-inverse: #10241c;--bg-overlay: rgba(6, 48, 31, .42);--text-primary: #10241c;--text-secondary: #375246;--text-tertiary: #5f7a6d;--text-disabled: #9db3a7;--text-inverse: #f7faf8;--text-link: #0f6b4f;--border: #e3ece7;--border-strong: #cddbd3;--border-subtle: #eef4f0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 14px;--r-full: 999px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 34px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--shadow-sm: 0 1px 2px rgba(6, 48, 31, .05);--shadow-md: 0 2px 8px rgba(6, 48, 31, .07);--shadow-lg: 0 8px 24px rgba(6, 48, 31, .1);--shadow-xl: 0 20px 48px rgba(6, 48, 31, .16);--header-h: 56px;--sidebar-w: 232px;--sidebar-w-collapsed: 60px;--content-max: 1600px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}:root[data-theme=dark]{--bg-app: #07140f;--bg-surface: #0d1f18;--bg-surface-2: #122a21;--bg-surface-3: #17352a;--bg-inverse: #f7faf8;--bg-overlay: rgba(3, 10, 7, .72);--text-primary: #e6f2ec;--text-secondary: #a8c4b6;--text-tertiary: #85a698;--text-disabled: #5b7a6c;--text-inverse: #10241c;--text-link: #4fa47f;--border: #1f4234;--border-strong: #2d5947;--border-subtle: #17352a;--danger: #f0736f;--danger-bg: #2a1414;--danger-border: #5c2624;--warning: #e0b048;--warning-bg: #2a2110;--warning-border: #5c4519;--success: #4fa47f;--success-bg: #0f2a20;--success-border: #1d5742;--info: #4bb8d0;--info-bg: #0e2a31;--info-border: #1d5462;--neutral: #85a698;--neutral-bg: #17352a;--neutral-border: #24483a;--mape-monitor: #38bdd8;--mape-analyze: #2dd4bf;--mape-plan: #4ade80;--mape-execute: #e0b048;--mape-orchestration: #4fa47f;--mape-governance: #5eead4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 2px 10px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .58);--shadow-xl: 0 20px 52px rgba(0, 0, 0, .68)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-base);line-height:1.6;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:1.35}code,pre,.mono{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,Courier New,monospace;font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled);background-clip:content-box}:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-radius:var(--r-sm)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.grow{flex:1}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-info{color:var(--info)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.break{overflow-wrap:anywhere;word-break:break-word}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes caret{0%,to{opacity:1}50%{opacity:0}}.animate-fade{animation:fade-in var(--dur-base) var(--ease)}.animate-slide-up{animation:slide-up var(--dur-slow) var(--ease)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.md{font-size:var(--fs-base);line-height:1.75}.md p{margin:0 0 var(--sp-3)}.md p:last-child{margin-bottom:0}.md strong{font-weight:var(--fw-semibold);color:var(--text-primary)}.md em{color:var(--text-tertiary);font-style:normal;font-size:var(--fs-sm)}.md ul,.md ol{margin:0 0 var(--sp-3);padding-left:var(--sp-5)}.md li{list-style:disc;margin-bottom:var(--sp-1)}.md table{width:100%;border-collapse:collapse;margin:0 0 var(--sp-3);font-size:var(--fs-sm)}.md th,.md td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);text-align:left}.md th{background:var(--bg-surface-3);font-weight:var(--fw-semibold)}.md-scroll{overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-base);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid transparent;transition:all var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:26px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn-lg{height:38px;padding:0 var(--sp-5);font-size:var(--fs-md)}.btn-block{width:100%}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-default{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-default:hover:not(:disabled){border-color:var(--brand-600);color:var(--brand-600)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-3);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-ai{background:linear-gradient(135deg,var(--mape-orchestration),var(--mape-analyze));color:#fff;box-shadow:var(--shadow-sm)}.btn-ai:hover:not(:disabled){filter:brightness(1.08)}.btn-assist{height:24px;padding:0 var(--sp-2);font-size:var(--fs-xs);border-radius:var(--r-full);background:var(--bg-surface);border:1px dashed var(--mape-orchestration);color:var(--mape-orchestration);font-weight:var(--fw-medium)}.btn-assist:hover:not(:disabled){background:var(--mape-orchestration);color:#fff;border-style:solid}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.card-subtitle{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:2px}.card-body{padding:var(--sp-5)}.card-body-flush{padding:0}.tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid transparent;line-height:1}.tag-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.tag-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.tag-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.tag-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.tag-neutral{background:var(--neutral-bg);color:var(--neutral);border-color:var(--neutral-border)}.tag-solid{color:#fff;border-color:transparent}.tag-lg{height:24px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.tag-dot-pulse{animation:pulse-dot 1.6s ease-in-out infinite}.table-wrap{overflow-x:auto;border-radius:var(--r-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.table th{position:sticky;top:0;z-index:1;padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-surface-3);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--bg-surface-2)}.table tbody tr:last-child td{border-bottom:none}.table-clickable tbody tr{cursor:pointer}.table-compact th,.table-compact td{padding:var(--sp-2) var(--sp-3)}.table-num{text-align:right;font-variant-numeric:tabular-nums}.table tbody tr.row-flagged{background:var(--danger-bg)}.table tbody tr.row-flagged:hover{background:var(--danger-bg);filter:brightness(.98)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-tertiary);flex-wrap:wrap}.pager-buttons{display:flex;gap:var(--sp-1)}.pager-btn{min-width:28px;height:28px;padding:0 var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--fs-sm)}.pager-btn:hover:not(:disabled){border-color:var(--brand-600);color:var(--brand-600)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-btn-active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:var(--z-modal);animation:fade-in var(--dur-fast) var(--ease)}.modal{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;animation:slide-up var(--dur-base) var(--ease)}.modal-lg{max-width:840px}.modal-xl{max-width:1100px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal-body{padding:var(--sp-6);overflow-y:auto;flex:1}.modal-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle)}.icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--text-tertiary);font-size:var(--fs-lg);line-height:1;flex-shrink:0}.icon-btn:hover{background:var(--bg-surface-3);color:var(--text-primary)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--bg-surface);box-shadow:var(--shadow-xl);z-index:var(--z-drawer);display:flex;flex-direction:column;animation:slide-in-right var(--dur-base) var(--ease)}.drawer-wide{width:min(760px,100vw)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--border-subtle)}.drawer-body{padding:var(--sp-5);overflow-y:auto;flex:1}.drawer-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-tertiary);border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--dur-fast) var(--ease);display:inline-flex;align-items:center;gap:var(--sp-2)}.tab:hover{color:var(--text-primary)}.tab-active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--bg-surface-3);font-size:var(--fs-xs);color:var(--text-tertiary)}.tab-active .tab-count{background:var(--brand-100);color:var(--brand-700)}.segmented{display:inline-flex;padding:2px;background:var(--bg-surface-3);border-radius:var(--r-md);gap:2px}.segmented-item{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease)}.segmented-item-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:var(--fw-medium)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-2)}.field-required:after{content:"*";color:var(--danger)}.field-hint{font-size:var(--fs-xs);color:var(--text-tertiary)}.field-error{font-size:var(--fs-xs);color:var(--danger)}.input,.select,.textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease)}.input{height:32px}.select{height:32px;cursor:pointer}.textarea{min-height:88px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}:root[data-theme=dark] .input:focus,:root[data-theme=dark] .select:focus,:root[data-theme=dark] .textarea:focus{box-shadow:0 0 0 3px #4fa47f47}.input::placeholder,.textarea::placeholder{color:var(--text-disabled)}.input-invalid{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-surface-3);color:var(--text-disabled);cursor:not-allowed}.input-ai-filled{border-color:var(--mape-orchestration);background:color-mix(in srgb,var(--mape-orchestration) 6%,var(--bg-surface))}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--text-tertiary)}.empty-icon{font-size:40px;opacity:.4;line-height:1}.empty-title{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-secondary)}.empty-desc{font-size:var(--fs-sm);max-width:420px}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--brand-600);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:28px;height:28px;border-width:3px}.loading-block{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-12);color:var(--text-tertiary);font-size:var(--fs-sm)}.skeleton{background:linear-gradient(90deg,var(--bg-surface-3) 25%,var(--bg-surface-2) 37%,var(--bg-surface-3) 63%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm);height:14px}.progress{height:6px;background:var(--bg-surface-3);border-radius:var(--r-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.progress-lg{height:10px}.toast-host{position:fixed;top:var(--sp-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);min-width:260px;max-width:520px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--fs-base);animation:slide-up var(--dur-base) var(--ease);pointer-events:auto}.toast-icon{font-size:var(--fs-lg);line-height:1;flex-shrink:0}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}.toast-warning{border-left:3px solid var(--warning)}.stat{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.stat-accent{position:absolute;left:0;top:0;bottom:0;width:3px}.stat-label{font-size:var(--fs-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--sp-2)}.stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:1.15;font-variant-numeric:tabular-nums}.stat-value-sm{font-size:var(--fs-xl)}.stat-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-tertiary);flex-wrap:wrap}.tip{position:relative;display:inline-flex}.tip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--sp-2) var(--sp-3);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--fs-xs);line-height:1.5;border-radius:var(--r-md);white-space:normal;width:max-content;max-width:280px;box-shadow:var(--shadow-lg);z-index:var(--z-sticky);animation:fade-in var(--dur-fast) var(--ease);pointer-events:none}.dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-3) var(--sp-5);font-size:var(--fs-base);align-items:start}.dl dt{color:var(--text-tertiary);white-space:nowrap}.dl dd{margin:0;color:var(--text-primary)}.dl-stack{grid-template-columns:1fr;gap:var(--sp-1)}@media (max-width: 640px){.dl{grid-template-columns:1fr;gap:var(--sp-1) 0}.dl dd{margin-bottom:var(--sp-3)}}.section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);text-transform:none;letter-spacing:.02em;margin-bottom:var(--sp-3)}.section-title:before{content:"";width:3px;height:12px;border-radius:var(--r-full);background:var(--brand-600)}.callout{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.65;border:1px solid}.callout-icon{flex-shrink:0;line-height:1.5}.callout-info{background:var(--info-bg);border-color:var(--info-border);color:var(--text-primary)}.callout-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--text-primary)}.callout-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text-primary)}.callout-success{background:var(--success-bg);border-color:var(--success-border);color:var(--text-primary)}.app{display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header" "sidebar content";height:100vh;overflow:hidden}.header{grid-area:header;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:var(--z-sticky)}.header-brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.header-logo{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-600),var(--brand-800));color:#fff;display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);flex-shrink:0;letter-spacing:-.5px}.header-logo-img{width:auto;max-width:168px;object-fit:contain;flex-shrink:0;display:block}:root[data-theme=dark] .header-logo-img{background:#fff;border-radius:var(--r-md);padding:3px 6px;box-sizing:content-box}.lang-toggle{display:inline-flex;align-items:center;gap:var(--sp-1);height:28px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease);white-space:nowrap}.lang-toggle:hover{border-color:var(--brand-600);color:var(--brand-600)}.header-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:1.2}.header-sub{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.2}.header-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}.header-user{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1);border-radius:var(--r-full);border:1px solid var(--border);cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.header-user:hover{border-color:var(--brand-600)}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex-shrink:0}.avatar-lg{width:34px;height:34px;font-size:var(--fs-sm)}.avatar-sm{width:20px;height:20px;font-size:9px}.demo-badge{padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap}.sidebar{grid-area:sidebar;width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);overflow:hidden;transition:width var(--dur-base) var(--ease);display:flex;flex-direction:column;min-height:0}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) 0 var(--sp-2)}.sidebar-collapsed{width:var(--sidebar-w-collapsed)}.nav-group{margin-bottom:var(--sp-4)}.nav-group-title{padding:var(--sp-2) var(--sp-5) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-disabled);letter-spacing:.06em;white-space:nowrap}.sidebar-collapsed .nav-group-title{padding-left:0;text-align:center;overflow:hidden}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);color:var(--text-secondary);font-size:var(--fs-base);border-left:2px solid transparent;transition:all var(--dur-fast) var(--ease);white-space:nowrap;position:relative}.nav-item:hover{background:var(--bg-surface-3);color:var(--text-primary);text-decoration:none}.nav-item-active{color:var(--brand-700);background:var(--brand-50);border-left-color:var(--brand-600);font-weight:var(--fw-medium)}:root[data-theme=dark] .nav-item-active{background:#4fa47f24;color:var(--brand-400)}.nav-icon{width:18px;text-align:center;flex-shrink:0;font-size:var(--fs-md);line-height:1}.sidebar-collapsed .nav-item{padding:var(--sp-2);justify-content:center}.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge{display:none}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--danger);color:#fff;font-size:var(--fs-xs);display:inline-grid;place-items:center;font-weight:var(--fw-semibold)}.nav-badge-neutral{background:var(--bg-surface-3);color:var(--text-tertiary)}.sidebar-ai{flex-shrink:0;margin:0 var(--sp-3) var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);background:linear-gradient(135deg,#0f6b4f14,#0f766e14);border:1px solid rgba(15,107,79,.22);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.sidebar-ai:hover{border-color:var(--mape-orchestration)}.sidebar-collapsed .sidebar-ai{padding:var(--sp-2);text-align:center}.sidebar-collapsed .sidebar-ai-text{display:none}.content{grid-area:content;overflow-y:auto;padding:var(--sp-5) var(--sp-6) var(--sp-12)}.content-inner{max-width:var(--content-max);margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1.3;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.page-desc{font-size:var(--fs-base);color:var(--text-tertiary);margin-top:var(--sp-1);max-width:900px}.page-actions{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-2);flex-wrap:wrap}.breadcrumb a{color:var(--text-tertiary)}.breadcrumb a:hover{color:var(--brand-600)}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width: 1280px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.grid-3,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:var(--sp-4)}}@media (max-width: 720px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.app{grid-template-columns:0 1fr}.sidebar{position:fixed;left:0;top:var(--header-h);bottom:0;width:var(--sidebar-w);z-index:var(--z-sticky);box-shadow:var(--shadow-lg);transform:translate(0);transition:transform var(--dur-base) var(--ease)}.sidebar-collapsed{width:var(--sidebar-w);transform:translate(-100%);box-shadow:none}.sidebar-collapsed .nav-item{padding:var(--sp-2) var(--sp-5);justify-content:flex-start}.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .sidebar-ai-text{display:initial}.header-sub,.demo-badge,.header-user .col,.header-user .tag{display:none}.header{padding:0 var(--sp-3);gap:var(--sp-2)}.header-user{border:none;padding:0}.content{padding:var(--sp-4) var(--sp-3) var(--sp-10)}}.login{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6);background:radial-gradient(1000px 500px at 15% -10%,rgba(15,107,79,.16),transparent 60%),radial-gradient(900px 460px at 85% 110%,rgba(15,118,110,.13),transparent 60%),var(--bg-app)}.login-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--sp-8);animation:slide-up var(--dur-slow) var(--ease)}.login-persona{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);text-align:left;transition:all var(--dur-fast) var(--ease)}.login-persona:hover{border-color:var(--brand-600);background:var(--bg-surface-2)}.login-persona-active{border-color:var(--brand-600);background:var(--brand-50)}:root[data-theme=dark] .login-persona-active{background:#4fa47f1f}.thinking{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.85}.thinking-line{display:flex;gap:var(--sp-2);animation:slide-up var(--dur-base) var(--ease)}.thinking-line:before{content:"›";color:var(--text-disabled);flex-shrink:0}.caret{display:inline-block;width:6px;height:13px;background:var(--mape-orchestration);vertical-align:text-bottom;animation:caret 1s step-end infinite;margin-left:2px}.timeline{display:flex;flex-direction:column}.tl-step{display:grid;grid-template-columns:28px 1fr;gap:var(--sp-3);position:relative;padding-bottom:var(--sp-4)}.tl-step:last-child{padding-bottom:0}.tl-step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:2px;background:var(--border)}.tl-node{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff;z-index:1;flex-shrink:0;transition:all var(--dur-base) var(--ease)}.tl-node-queued{background:var(--bg-surface-3);color:var(--text-disabled);border:2px solid var(--border)}.tl-node-running{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}.tl-node-vetoed{background:var(--danger)!important}.tl-body{min-width:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);transition:border-color var(--dur-base) var(--ease)}.tl-body-active{border-color:var(--mape-orchestration);box-shadow:var(--shadow-md)}.tl-body-vetoed{border-color:var(--danger);background:var(--danger-bg)}.tl-body-queued{opacity:.55}.tl-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}.tl-question{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-2)}.tl-output{font-size:var(--fs-base);line-height:1.7;padding-top:var(--sp-2);border-top:1px dashed var(--border);margin-top:var(--sp-2)}.tl-guard{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--warning-bg);border:1px solid var(--warning-border);font-size:var(--fs-xs);line-height:1.6}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-log{flex:1;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);min-height:0}.chat-msg-user{align-self:flex-end;max-width:78%;background:var(--brand-600);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg);font-size:var(--fs-base);line-height:1.6;box-shadow:var(--shadow-sm)}.chat-msg-ai{align-self:stretch;max-width:100%}.chat-flow{height:auto}.chat-flow .chat-log{flex:none;overflow:visible;padding:var(--sp-5)}.chat-flow .chat-input-bar{position:sticky;bottom:var(--sp-4);margin:0 var(--sp-4) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.chat-input-bar{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);display:flex;flex-direction:column;gap:var(--sp-2)}.chat-input-row{display:flex;gap:var(--sp-2);align-items:flex-end}.chat-textarea{flex:1;min-height:40px;max-height:140px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-base);resize:none;line-height:1.6}.chat-textarea:focus{outline:none;border-color:var(--mape-orchestration)}.chip{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-surface);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--dur-fast) var(--ease);text-align:left;line-height:1.5}.chip:hover{border-color:var(--mape-orchestration);color:var(--mape-orchestration)}.result-actions{display:flex;align-items:center;gap:var(--sp-1);padding-top:var(--sp-3);margin-top:var(--sp-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.act-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 var(--sp-2);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease)}.act-btn:hover{background:var(--bg-surface-3);color:var(--text-primary)}.act-btn-on{color:var(--brand-600);background:var(--brand-50)}.act-btn-off{color:var(--danger);background:var(--danger-bg)}:root[data-theme=dark] .act-btn-on{background:#4fa47f29}.assist-panel{border:1px solid var(--mape-orchestration);border-radius:var(--r-lg);background:color-mix(in srgb,var(--mape-orchestration) 4%,var(--bg-surface));overflow:hidden;animation:slide-up var(--dur-base) var(--ease)}.assist-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:color-mix(in srgb,var(--mape-orchestration) 9%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mape-orchestration) 22%,transparent);font-size:var(--fs-sm);font-weight:var(--fw-medium);flex-wrap:wrap}.assist-body{padding:var(--sp-3)}.insight{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);border-left:3px solid var(--mape-orchestration);transition:box-shadow var(--dur-fast) var(--ease)}.insight:hover{box-shadow:var(--shadow-md)}.insight-anomaly{border-left-color:var(--danger)}.insight-risk{border-left-color:var(--warning)}.insight-opportunity{border-left-color:var(--success)}.insight-trend{border-left-color:var(--info)}.agent-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--dur-fast) var(--ease);position:relative;overflow:hidden;height:100%}.agent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);text-decoration:none}.agent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, var(--brand-600))}.agent-card-ref{opacity:.72;border-style:dashed}.mape-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3)}@media (max-width: 1100px){.mape-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.mape-flow{grid-template-columns:1fr}}.mape-col{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-lg);background:var(--bg-surface-2);border:1px solid var(--border);min-width:0}.mape-col-head{display:flex;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:2px solid var(--accent, var(--border));font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.mape-agent{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:var(--fs-sm);transition:all var(--dur-fast) var(--ease);min-width:0}.mape-agent:hover{border-color:var(--accent);text-decoration:none}.chain{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:var(--sp-2)}.chain-step{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-4);background:var(--bg-surface-2);border:1px solid var(--border);font-size:var(--fs-sm);white-space:nowrap;position:relative;flex-shrink:0}.chain-step:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.chain-step:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.chain-step+.chain-step{border-left:none}.chain-step-flagged{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);font-weight:var(--fw-medium)}.chain-num{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--bg-surface-3);font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.chain-step-flagged .chain-num{background:var(--danger);color:#fff}