:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-muted: #f8f9fb;--color-border: #e2e5eb;--color-border-strong: #c9ced8;--color-text: #1a1d24;--color-text-secondary: #475467;--color-text-muted: #667085;--color-primary: #3d4f66;--color-primary-hover: #324258;--color-primary-active: #2a384c;--color-primary-subtle: #eef1f5;--color-danger: #b42318;--color-danger-hover: #912018;--color-danger-subtle: #fef3f2;--color-success: #067647;--color-success-subtle: #ecfdf3;--color-warning: #b54708;--color-warning-subtle: #fffaeb;--color-info: #175cd3;--color-info-subtle: #eff8ff;--color-sidebar-bg: #1e293b;--color-sidebar-text: #cbd5e1;--color-sidebar-muted: #94a3b8;--color-sidebar-text-active: #ffffff;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: rgba(255, 255, 255, .1);--color-overlay: rgba(15, 23, 42, .4);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--control-h-sm: 28px;--control-h-md: 34px;--control-h-lg: 40px;--sidebar-width: 220px;--sidebar-collapsed: 0px;--header-h: 0;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 2px 6px rgba(16, 24, 40, .06);--focus-ring: 0 0 0 3px rgba(61, 79, 102, .25)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}p{margin:0}code{font-family:var(--font-mono);font-size:.92em;background:var(--color-surface-muted);padding:.1em .35em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.app-shell{display:flex;min-height:100%}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;z-index:40;transition:transform .2s ease}.app-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.app-sidebar__logo{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:grid;place-items:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0}.app-sidebar__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-sidebar-text-active);line-height:1.2}.app-sidebar__subtitle{font-size:var(--text-xs);color:var(--color-sidebar-muted);margin-top:2px}.app-sidebar__nav{flex:1;padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.app-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:.55rem .75rem;border-radius:var(--radius-md);color:var(--color-sidebar-text);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none;transition:background .12s ease,color .12s ease}.app-sidebar__link:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active);text-decoration:none}.app-sidebar__link.is-active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active)}.app-sidebar__link-icon{width:1.25rem;text-align:center;opacity:.85;font-size:var(--text-sm)}.app-sidebar__footer{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xs);color:var(--color-sidebar-muted)}.app-main{flex:1;margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;min-height:100%}.app-topbar{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.app-topbar__menu{width:var(--control-h-md);height:var(--control-h-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-lg);color:var(--color-text)}.app-topbar__title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.app-content{flex:1;padding:var(--space-6) var(--space-6) var(--space-10);max-width:1280px;width:100%;margin:0 auto}.app-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:35}@media(max-width:900px){.app-sidebar{transform:translate(-100%)}.app-shell.nav-open .app-sidebar{transform:translate(0)}.app-shell.nav-open .app-backdrop{display:block}.app-main{margin-left:0}.app-topbar{display:flex}.app-content{padding:var(--space-4)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-header__text{min-width:0;flex:1}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.01em}.page-header__desc{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-base);max-width:52rem}.page-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.toolbar__group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);flex:1;min-width:0}.toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input,.select,.textarea{height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--text-base);min-width:0}.textarea{height:auto;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical;width:100%}.input:focus,.select:focus,.textarea:focus,.btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input--sm,.select--sm{height:var(--control-h-sm);font-size:var(--text-sm)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);height:var(--control-h-md);padding-top:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease;background:var(--color-primary);color:#fff}.btn:hover{background:var(--color-primary-hover);text-decoration:none;color:#fff}.btn:active{background:var(--color-primary-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-muted);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover{background:var(--color-primary-subtle);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:var(--color-danger-hover);color:#fff}.btn--danger-outline{background:var(--color-surface);color:var(--color-danger);border-color:#fecdca}.btn--danger-outline:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-5)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);flex-wrap:wrap}.panel__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.panel__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.panel__body{padding:var(--space-4)}.panel__body--flush{padding:0}.panel+.panel{margin-top:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table th,.data-table td{padding:.55rem .85rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:none;letter-spacing:.01em;background:var(--color-surface-muted);white-space:nowrap;position:sticky;top:0}.data-table tbody tr:hover{background:#fafbfc}.data-table tbody tr.is-selected{background:var(--color-primary-subtle)}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .cell-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.data-table .mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;border:1px solid transparent}.pill--neutral{background:#f2f4f7;color:#344054;border-color:#e4e7ec}.pill--success{background:var(--color-success-subtle);color:var(--color-success);border-color:#abefc6}.pill--warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:#fedf89}.pill--danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:#fecdca}.pill--info{background:var(--color-info-subtle);color:var(--color-info);border-color:#b2ddff}.pill--primary{background:var(--color-primary-subtle);color:var(--color-primary);border-color:#d0d5dd}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);margin-bottom:var(--space-4);white-space:pre-wrap;word-break:break-word}.alert--success{background:var(--color-success-subtle);border-color:#abefc6;color:var(--color-success)}.alert--error{background:var(--color-danger-subtle);border-color:#fecdca;color:var(--color-danger)}.alert--info{background:var(--color-info-subtle);border-color:#b2ddff;color:var(--color-info)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-secondary);gap:var(--space-2)}.state-block__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.state-block__desc{font-size:var(--text-sm);max-width:28rem;color:var(--color-text-secondary)}.state-block__icon{font-size:1.75rem;opacity:.72;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.spinner{width:28px;height:28px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--color-text-muted)}.secondary-text{color:var(--color-text-secondary)}.stat-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.stat{min-width:7rem}.stat__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:2px}.stat__value{font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.flow-steps li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.flow-steps__num{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0}.flow-steps__body strong{display:block;font-size:var(--text-base);margin-bottom:2px}.flow-steps__body span{font-size:var(--text-sm);color:var(--color-text-secondary)}.user-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.file-picker{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-md)}.file-picker__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap}.file-picker__btn:hover{background:var(--color-surface-muted)}.file-picker__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker__name{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel--compact .panel__body{padding:var(--space-3) var(--space-4)}