.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;height:60px;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-shrink:0}.main-header--home{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:none;box-shadow:none;z-index:10}.main-header--home .user-info{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-header--home .user-label{color:#ffffffb3}.main-header--home .user-name{color:#fff}.main-header--home .btn-secondary{background:#ffffff26;border-color:#ffffff4d;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-header--home .btn-secondary:hover{background:#ffffff40;border-color:#ffffff80}.header-left{flex-shrink:0}.header-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s}.header-logo:hover{opacity:.8}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-tertiary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.logo-text h1{font-size:16px;font-weight:600;margin:0}.logo-text p{font-size:11px;color:var(--text-muted);margin:0}.header-center{flex:1;display:flex;align-items:center;gap:24px;min-width:0}.header-breadcrumb{display:flex;align-items:center;gap:12px;flex-shrink:0}.back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--bg-card);color:var(--accent-primary);border-color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-muted);font-size:14px}.breadcrumb-current{font-size:15px;font-weight:600;color:var(--text-primary)}.breadcrumb-badge{padding:2px 8px;background:var(--accent-primary);color:#fff;font-size:12px;font-weight:500;border-radius:10px}.header-search-form{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.header-search-form .search-input-wrapper{position:relative;flex:1;min-width:150px;display:flex}.header-search-form .search-input{flex:1;padding:6px 28px 6px 12px;font-size:13px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.header-search-form .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0969da1a}.header-search-form .search-history-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:4px}.header-search-form .search-history-toggle:hover{color:var(--text-primary)}.header-search-form .search-history-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.header-search-form .search-history-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.header-search-form .search-history-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.header-search-form .search-history-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;transition:background .15s}.header-search-form .search-history-list li:hover{background:var(--bg-secondary)}.header-search-form .history-id{font-size:13px;font-family:var(--font-mono);color:var(--text-primary)}.header-search-form .history-action{font-size:11px;color:var(--accent-primary)}.header-search-form .search-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.header-search-form .search-checkbox input{accent-color:var(--accent-primary)}.header-search-form .search-btn{padding:6px 16px;font-size:13px;white-space:nowrap}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-info{padding:6px 14px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:13px}.user-label{color:var(--text-muted)}.user-name{color:var(--accent-primary);font-weight:500;margin-left:4px}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}@media (max-width: 1024px){.main-header{padding:0 16px}}@media (max-width: 768px){.logo-text,.user-info,.breadcrumb-separator,.breadcrumb-current,.header-search-form .search-checkbox{display:none}.header-search-form{max-width:300px}}:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-card: #ffffff;--bg-card-hover: #f6f8fa;--bg-input: #f6f8fa;--bg-emphasis: #eaeef2;--text-primary: #1f2328;--text-secondary: #59636e;--text-muted: #8b949e;--border-color: #d1d9e0;--border-muted: #e4e8ec;--primary: #0969da;--accent-primary: #0969da;--accent-secondary: #0860ca;--accent-tertiary: #0550ae;--success: #1a7f37;--success-bg: #dafbe1;--error: #cf222e;--error-bg: #ffebe9;--warning: #9a6700;--warning-bg: #fff8c5;--info: #0969da;--info-bg: #ddf4ff;--sa-color: #0969da;--sa-bg: #ddf4ff;--ta-color: #1a7f37;--ta-bg: #dafbe1;--fa-color: #9a6700;--fa-bg: #fff8c5;--tool-color: #8250df;--tool-bg: #fbefff;--role-user-color: #0969da;--role-user-bg: #ddf4ff;--role-assistant-color: #8250df;--role-assistant-bg: #fbefff;--role-tool-color: #1a7f37;--role-tool-bg: #dafbe1;--role-system-color: #9a6700;--role-system-bg: #fff8c5;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(31, 35, 40, .04);--shadow-md: 0 3px 6px rgba(31, 35, 40, .08);--shadow-lg: 0 8px 24px rgba(31, 35, 40, .12);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-toast: 1100}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input,.form-select{width:100%;padding:10px 12px;font-family:var(--font-sans);font-size:14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0969da1a}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-family:var(--font-sans);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary)}.btn-primary:active{background:var(--accent-tertiary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-emphasis)}.btn:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #0969da26}.form-input:focus-visible,.form-select:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0969da26}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.result-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.result-box.success{border-color:var(--success);background:var(--success-bg)}.result-box.error{border-color:var(--error);background:var(--error-bg)}.tabs{display:flex;gap:2px;background:var(--bg-emphasis);padding:4px;border-radius:var(--radius-md);margin-bottom:24px}.tab{flex:1;padding:10px 16px;font-size:14px;font-weight:500;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:16px}.status-badge.success{background:var(--success-bg);color:var(--success)}.status-badge.error{background:var(--error-bg);color:var(--error)}.status-badge.warning{background:var(--warning-bg);color:var(--warning)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.success{background:var(--success)}.status-dot.error{background:var(--error)}.status-dot.warning{background:var(--warning)}.agent-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.agent-tag.sa{background:var(--sa-bg);color:var(--sa-color)}.agent-tag.ta{background:var(--ta-bg);color:var(--ta-color)}.agent-tag.fa{background:var(--fa-bg);color:var(--fa-color)}.loading{display:inline-block;width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;font-size:12px;background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.tooltip:hover:after{opacity:1;visibility:visible}.divider{height:1px;background:var(--border-color);margin:24px 0}.data-list{list-style:none}.data-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-muted)}.data-list li:last-child{border-bottom:none}.data-list .label{color:var(--text-secondary)}.data-list .value{font-family:var(--font-mono);color:var(--text-primary)}.form-input.error,.form-select.error{border-color:var(--error);background:var(--error-bg)}.form-input.error:focus,.form-select.error:focus{border-color:var(--error);box-shadow:0 0 0 3px #cf222e1a}.error-hint{display:block;margin-top:6px;font-size:12px;color:var(--error);line-height:1.4}.form-group.has-error .form-label{color:var(--error)}.btn.loading{position:relative;pointer-events:none}.btn.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;opacity:.7;border-radius:inherit}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .3s ease-out forwards}.unsaved-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-sm);font-size:12px;color:var(--warning);font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-danger:active{background:#991b1b}@media (max-width: 1024px){.grid-2{grid-template-columns:1fr}}