:root{--sidebar-width: 280px;--font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-primary: #4f3422;--color-primary-light: #926247;--color-secondary: #9bb168;--color-violet: #a694f5;--color-violet-accent: #ddd1ff;--color-green-accent: #e5ead7;--color-bg: #ffffff;--color-surface: #f7f4f2;--color-border: #e1e1e0;--color-text: #4f3422;--color-muted: #736b66;--color-icon: #c9c7c5;--color-accent: #9bb168;--color-accent-hover: #8a9f5a;--color-user-bubble: #4f3422;--color-agent-bubble: #ffffff;--color-hover: #f0ebe7;--color-active: #e5ead7;--radius-pill: 999px;--radius-btn: 16px;--radius-card: 24px;--radius-bubble: 20px;--shadow-soft: 0 4px 24px rgba(79, 52, 34, .08);--shadow-card: 0 8px 40px rgba(79, 52, 34, .1);--shadow-composer: 0 4px 20px rgba(79, 52, 34, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);-webkit-font-smoothing:antialiased}.app-shell :where(button,input,select,textarea),.admin-shell :where(button,input,select,textarea){font-family:inherit;font-size:inherit;color:var(--color-text)}.app-shell :where(button,input,select,textarea):focus-visible,.admin-shell :where(button,input,select,textarea):focus-visible{outline:2px solid rgba(155,177,104,.55);outline-offset:2px}.app-shell :where(input:not([type=file]),select,textarea),.admin-shell :where(input:not([type=file]),select,textarea){border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-bg);padding:10px 14px;line-height:1.2}body.drawer-open{overflow:hidden}.app-shell{display:flex;width:100%;height:100dvh;background:var(--color-bg)}.sidebar-desktop{display:none;flex-shrink:0;width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface)}.sidebar-drawer{display:block}.sidebar-drawer .sidebar{position:fixed;top:0;left:0;z-index:200;width:min(var(--sidebar-width),85vw);height:100dvh;transform:translate(-100%);transition:transform .2s ease;background:var(--color-bg);box-shadow:4px 0 20px #0000001f}.sidebar-drawer.open .sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;border:none;background:#00000059;cursor:pointer}.main-pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.top-bar-mobile{display:block;flex-shrink:0}.top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--color-border);background:var(--color-bg)}.burger-btn{width:44px;height:44px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.burger-icon{display:block;width:18px;height:2px;background:var(--color-text);box-shadow:0 -6px 0 var(--color-text),0 6px 0 var(--color-text)}.top-bar-title{font-size:1rem;font-weight:700;color:var(--color-primary)}@media(min-width:768px){.sidebar-desktop{display:block}.sidebar-drawer,.top-bar-mobile{display:none}}.sidebar{display:flex;flex-direction:column;height:100%;padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));background:var(--color-surface)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.sidebar-brand-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-secondary) 100%);color:#fff;font-size:.85rem;font-weight:800;flex-shrink:0}.sidebar-close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-muted)}.sidebar-new-chat{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;margin-bottom:12px;border:none;border-radius:var(--radius-btn);background:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;color:#fff;box-shadow:var(--shadow-soft)}.sidebar-new-chat:hover{background:var(--color-primary-light)}.sidebar-new-chat-icon{font-size:1.1rem;font-weight:500}.sidebar-recents{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.sidebar-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);padding:0 10px 8px}.conversation-list{list-style:none;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.conversation-item{display:flex;align-items:center;gap:4px;border-radius:8px;margin-bottom:2px}.conversation-item.active{background:var(--color-active)}.conversation-select{flex:1;min-width:0;padding:10px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text);border-radius:var(--radius-btn)}.conversation-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title-input{flex:1;min-width:0;margin:6px 4px 6px 8px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;background:#fff;color:var(--color-text)}.conversation-edit,.conversation-delete{flex-shrink:0;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-muted);font-size:1.2rem;line-height:1;cursor:pointer;opacity:0}.conversation-item:hover .conversation-edit,.conversation-item:focus-within .conversation-edit,.conversation-item:hover .conversation-delete,.conversation-item:focus-within .conversation-delete{opacity:1}.conversation-edit:hover{background:#0000000f;color:var(--color-text)}.conversation-delete:hover{background:#0000000f;color:#c5221f}.sidebar-empty{font-size:.85rem;color:var(--color-muted);padding:8px 10px}.profile-footer{position:relative;flex-shrink:0;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.profile-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.profile-trigger:hover{background:var(--color-hover)}.profile-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-primary-light) 100%);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-email{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge{font-size:.65rem;color:var(--color-muted)}.profile-menu{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.profile-menu-item{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:.875rem;color:var(--color-text);cursor:pointer;text-decoration:none}.profile-menu-item:hover{background:var(--color-surface)}.chat-main{flex:1;display:flex;flex-direction:column;min-height:0;max-width:768px;width:100%;margin:0 auto;background:var(--color-bg);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.chat-main-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 0}.chat-main-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;color:var(--color-primary)}.chat-title-edit{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-btn);padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.chat-title-edit:hover{background:var(--color-green-accent);border-color:var(--color-secondary)}.chat-title-input{width:100%;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font-size:1rem;padding:8px 10px}.chat-window{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.messages{display:flex;flex-direction:column;gap:10px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--color-violet-accent) 0%,var(--color-green-accent) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:20px;box-shadow:var(--shadow-soft)}.empty-state-title{font-size:1.75rem;font-weight:800;margin-bottom:10px;color:var(--color-primary);letter-spacing:-.02em}.empty-state-subtitle{font-size:1rem;font-weight:500;color:var(--color-muted);max-width:420px;margin-bottom:28px;line-height:1.6}.starter-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:520px}.starter-chip{padding:12px 18px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.875rem;font-weight:600;cursor:pointer;color:var(--color-primary);transition:background .15s ease,border-color .15s ease,transform .15s ease}.starter-chip:hover{background:var(--color-green-accent);border-color:var(--color-secondary);transform:translateY(-1px)}.composer{flex-shrink:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.composer-form{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-composer)}.composer-input{flex:1;min-width:0;border:none;outline:none;font-size:16px;font-weight:500;padding:8px 4px;background:transparent;color:var(--color-text)}.composer-send{flex-shrink:0;width:40px;height:40px;min-width:40px;border:none;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.composer-send:hover:not(:disabled){background:var(--color-primary-light);transform:scale(1.04)}.composer-send:disabled{opacity:.35;cursor:not-allowed}.composer-status{padding:4px 20px 0;font-size:.8rem;color:var(--color-muted);min-height:20px}.message{max-width:min(85%,520px);padding:12px 16px;border-radius:var(--radius-bubble);line-height:1.55;font-size:.95rem;font-weight:500;display:flex;align-items:flex-end;gap:8px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-content{flex:1;min-width:0}.message-content p{margin:0;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:var(--color-user-bubble);color:#fff;border-bottom-right-radius:4px}.message.agent{align-self:flex-start;background:var(--color-agent-bubble);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:6px;box-shadow:var(--shadow-soft)}.bubble-audio-btn{flex-shrink:0;width:44px;height:44px;min-width:44px;border-radius:50%;padding:0;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);background:#fff3;color:#fff}.message.agent .bubble-audio-btn{border-color:#0000002e;background:#00000012;color:#333}.bubble-audio-btn:hover{opacity:.75}.markdown-body{overflow-wrap:anywhere;word-break:break-word}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-size:1rem;font-weight:600;margin:.6em 0 .3em}.markdown-body p{margin:.4em 0}.markdown-body ul,.markdown-body ol{margin:.4em 0;padding-left:1.25em}.markdown-body code{font-size:.88em;background:#0000000f;padding:.1em .35em;border-radius:4px}.markdown-body pre{overflow-x:auto;margin:.5em 0;padding:.6em;background:#0000000f;border-radius:8px;font-size:.85em}.markdown-body a{color:var(--color-primary-light);text-decoration:underline}@keyframes processing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.message.processing{min-width:64px;padding:14px 18px;align-items:center}.message.processing span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#999;animation:processing-bounce 1.2s infinite ease-in-out}.message.processing span:nth-child(2){animation-delay:.2s}.message.processing span:nth-child(3){animation-delay:.4s}.voice-btn{flex-shrink:0;min-height:40px;min-width:40px;padding:6px 10px;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;background:var(--color-green-accent);color:var(--color-primary)}.voice-btn.initializing{background:#fbbc04;color:transparent;position:relative}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.voice-btn.initializing:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.voice-btn.recording{background:#ea4335;color:#fff}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-surface);position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.55}.auth-page:before{width:320px;height:320px;top:-80px;right:-60px;background:var(--color-violet-accent)}.auth-page:after{width:280px;height:280px;bottom:-60px;left:-40px;background:var(--color-green-accent)}.auth-card{width:100%;max-width:420px;background:var(--color-bg);border-radius:var(--radius-card);padding:36px 32px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;z-index:1}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-brand-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:800;box-shadow:var(--shadow-soft)}.auth-card h1{font-size:1.5rem;font-weight:800;margin-bottom:0;color:var(--color-primary);letter-spacing:-.02em;text-align:center}.auth-subtitle{color:var(--color-muted);font-size:.95rem;font-weight:500;margin-bottom:0;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:16px;margin-top:28px}.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:700;color:var(--color-primary)}.auth-card input{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-btn);font-size:1rem;font-weight:500;background:var(--color-surface);color:var(--color-text)}.auth-card input:focus{border-color:var(--color-secondary);background:var(--color-bg);outline:none}.auth-card button[type=submit]{margin-top:8px;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.auth-card button[type=submit]:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px)}.auth-card button[type=submit]:disabled{opacity:.6}.auth-error{color:#c5221f;font-size:.85rem}.auth-footer-link{margin-top:16px;text-align:center;font-size:.875rem}.auth-footer-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.admin-shell{display:flex;width:100%;height:100dvh;background:var(--color-bg)}.admin-sidebar-desktop{display:none;flex-shrink:0;width:var(--sidebar-width);border-right:1px solid var(--color-border)}.admin-sidebar-drawer{display:block}.admin-sidebar-drawer .admin-sidebar{position:fixed;top:0;left:0;z-index:200;width:min(var(--sidebar-width),85vw);height:100dvh;transform:translate(-100%);transition:transform .2s ease;background:var(--color-bg);box-shadow:4px 0 20px #0000001f}.admin-sidebar-drawer.open .admin-sidebar{transform:translate(0)}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;border:none;background:#00000059;cursor:pointer}.admin-sidebar{display:flex;flex-direction:column;height:100%;padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top));background:var(--color-surface)}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:4px 6px}.admin-sidebar-brand{font-weight:800;font-size:1rem;color:var(--color-primary)}.admin-sidebar-close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text)}.admin-nav{flex:1;overflow-y:auto}.admin-nav-list{list-style:none;margin:0;padding:0}.admin-nav-group-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted, #888);padding:14px 12px 4px}li:first-child>.admin-nav-group-label{padding-top:4px}.admin-nav-sub-list{list-style:none;margin:0;padding:0}.admin-nav-item{display:block;padding:10px 12px;margin-bottom:4px;border-radius:8px;color:var(--color-text);text-decoration:none;font-size:.9rem}.admin-nav-item:hover{background:var(--color-surface)}.admin-nav-item.active{background:var(--color-active);font-weight:700;color:var(--color-primary)}.admin-main-pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.admin-top-bar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-burger{display:flex}.admin-top-bar-title{flex:1;font-size:1rem;font-weight:700;min-width:0;color:var(--color-primary)}.admin-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.admin-header-actions .header-link{color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:600}.admin-header-actions .header-link:hover{text-decoration:underline}.admin-header-actions .header-btn{border:1px solid var(--color-border);border-radius:8px;padding:6px 12px;background:transparent;color:var(--color-text);cursor:pointer;font-size:.875rem}.admin-main-content{flex:1;overflow-y:auto;padding:16px 16px 40px}.admin-panel-title{font-size:1rem;margin-bottom:10px}.admin-panel-title-spaced{margin-top:28px}.admin-panel-loading{font-size:.875rem;color:var(--color-muted, #888);margin-bottom:10px}.admin-help{font-size:.85rem;color:var(--color-muted, #888);margin:0 0 12px;line-height:1.45}.admin-panel-intro{font-size:.85rem;color:var(--color-muted, #888);line-height:1.5;border-left:3px solid var(--color-border, #e0e0e0);padding:6px 10px;margin:0 0 18px;background:var(--color-surface, #fafafa)}.admin-help code{font-size:.8rem}.admin-overview-steps{font-size:.875rem;line-height:1.6;margin:0 0 4px 18px;padding:0}.admin-overview-steps li{margin-bottom:6px}.admin-overview-dl{font-size:.875rem;line-height:1.5;margin:0 0 4px}.admin-overview-dl dt{font-weight:600;margin-top:10px}.admin-overview-dl dd{margin:2px 0 0 14px;color:var(--color-muted, #888)}.admin-table-wrap{max-height:min(60vh,480px);overflow:auto;border-radius:8px}@media(min-width:768px){.admin-sidebar-desktop{display:block}.admin-sidebar-drawer,.admin-burger{display:none}}.admin-section{margin-bottom:28px}.admin-section h2{font-size:1rem;margin-bottom:10px}.admin-pre{background:var(--color-surface);padding:12px;border-radius:8px;font-size:.75rem;overflow-x:auto;margin-bottom:10px}.admin-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th,.admin-table td{border:1px solid var(--color-border);padding:8px;text-align:left}.admin-table th{background:var(--color-surface);font-weight:600}.admin-status{color:var(--color-accent);margin:0 16px 12px;font-size:.9rem;flex-shrink:0}.admin-back-btn{margin-bottom:12px;padding:6px 12px;font-size:.85rem;cursor:pointer;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text)}.admin-btn{padding:6px 12px;font-size:.85rem;cursor:pointer;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text)}.admin-btn:hover:not(:disabled){background:var(--color-surface)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--secondary{opacity:.7}.admin-link-btn{border:none;background:none;padding:0;cursor:pointer;text-align:left;color:inherit;text-decoration:underline;font-family:inherit;font-size:inherit}.sessions-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.sessions-filter-input{padding:5px 8px;font-size:.85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);min-width:140px}.sessions-filter-input[type=date]{min-width:120px}.sessions-load-more{display:flex;justify-content:center;padding:12px 0 4px}.admin-link-btn:hover{text-decoration-thickness:2px}.admin-input-grow{min-width:16rem;flex:1}.admin-cell-prewrap{white-space:pre-wrap}.admin-table-row-clickable{cursor:pointer}.admin-table-row-clickable:hover{background:var(--color-surface)}.trace-timeline{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.trace-step{border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:var(--color-surface)}.trace-step-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.trace-step-seq{font-weight:600;font-size:.75rem;opacity:.7}.trace-step-kind{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent)}.trace-step-name{font-size:.85rem;font-family:ui-monospace,monospace}.trace-step-duration{font-size:.75rem;opacity:.8;margin-left:auto}.trace-json-details{margin-top:6px;font-size:.8rem}.trace-json-details summary{cursor:pointer;color:var(--color-accent)}.trace-json-pre{margin:8px 0 0;padding:10px;background:var(--color-bg);border-radius:6px;font-size:.72rem;overflow-x:auto;max-height:280px;white-space:pre-wrap;word-break:break-word}.trace-invocation-msg{margin:8px 0;font-size:.9rem;line-height:1.45}.trace-invocation-error{color:#c62828;margin:8px 0;font-size:.9rem}.trace-flow-section{margin:16px 0;border:1px solid var(--color-border);border-radius:8px;padding:12px;background:var(--color-surface)}.trace-flow-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.trace-flow-toggle,.trace-flow-copy{padding:6px 12px;font-size:.85rem;cursor:pointer;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text)}.trace-flow-toggle:hover,.trace-flow-copy:hover{background:var(--color-surface)}.trace-flow-diagram{overflow-x:auto;padding:8px 0}.trace-flow-diagram svg{max-width:100%;height:auto}.trace-flow-diagram--error{border:1px dashed var(--color-border);padding:10px}.trace-flow-error{color:#c62828;font-size:.85rem;margin:0 0 8px}.trace-mermaid-fallback{margin:0;padding:10px;background:var(--color-bg);border-radius:6px;font-size:.72rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.trace-flow-empty{font-size:.85rem;opacity:.8;margin:0}.trace-timeline-title{font-size:.95rem;font-weight:600;margin:20px 0 8px}.agent-graph-panel{display:flex;flex-direction:column;min-height:0}.agent-graph-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0}.agent-graph-tabs{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;padding:2px;background:var(--color-bg)}.agent-graph-tab{border:0;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.85rem;color:var(--color-muted)}.agent-graph-tab.active{background:var(--color-accent);color:#fff}.agent-graph-picker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;color:var(--color-muted)}.agent-graph-picker select{font-size:.85rem;max-width:260px}.agent-graph-mode-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;margin:8px 0 10px;border-radius:10px;font-size:.85rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.agent-graph-mode-banner-label{font-weight:600}.agent-graph-mode-banner-sep{color:var(--color-muted)}.agent-graph-mode-banner-id{font-size:.8rem;background:#0000000a;padding:1px 6px;border-radius:6px}.agent-graph-mode-banner-hint{color:var(--color-muted);font-style:italic}.agent-graph-mode-banner-status{text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;font-weight:700;padding:1px 8px;border-radius:999px;background:#0000000d}.agent-graph-mode-banner-status--ok{background:#28af602e;color:#1f6d3d}.agent-graph-mode-banner-status--error{background:#e146462e;color:#b53030}.agent-graph-mode-banner-status--running{background:#4d6dff2e;color:#2d40b6}.agent-graph-mode-banner-action{margin-left:auto;border:0;background:transparent;color:var(--color-accent);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.agent-graph-mode-banner-action:hover{color:var(--color-accent-hover, #3a55d6)}.agent-graph-mode-banner-live{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#1f6d3d;border:1px solid rgba(40,175,96,.45);padding:1px 6px;border-radius:6px;letter-spacing:.06em}.agent-graph-mode-banner--none{border-style:dashed;color:var(--color-muted);background:transparent}.agent-graph-mode-banner--follow{border-color:#28af6073;background:#28af6014}.agent-graph-mode-banner--follow-any{border-color:#26a69a73;background:#26a69a14}.agent-graph-mode-banner--follow-any .agent-graph-mode-banner-dot{background:#26a69a;box-shadow:0 0 #26a69a8c;animation:agent-graph-follow-any-pulse 1.6s ease-in-out infinite}@keyframes agent-graph-follow-any-pulse{0%,to{box-shadow:0 0 #26a69a8c}50%{box-shadow:0 0 0 6px #26a69a00}}.agent-graph-mode-banner--pinned{border-color:#4d6dff66;background:#4d6dff0f}.agent-graph-mode-banner--pinned-error{border-color:#e1464673;background:#e146460f}.agent-graph-mode-banner-dot{width:10px;height:10px;border-radius:50%;background:#28af60;box-shadow:0 0 #28af6099;animation:agent-graph-follow-pulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes agent-graph-follow-pulse{0%,to{box-shadow:0 0 #28af608c}50%{box-shadow:0 0 0 6px #28af6000}}.agent-graph-footer{margin:6px 0 0;font-size:.78rem;color:var(--color-muted)}.agent-graph-node-tokens{display:flex;gap:5px;margin-top:3px;font-size:.62rem;letter-spacing:0;text-transform:none;color:var(--color-muted)}.agent-graph-node-tokens-in{color:#4d6dff}.agent-graph-node-tokens-out{color:#28af60}.agent-graph-node-tokens-think{color:#c47200}.turn-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;margin-top:8px;background:var(--color-surface, #f8f8fa);border:1px solid var(--color-border, #e2e2e8);border-radius:8px;font-size:.78rem}.turn-summary-label{font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em;color:var(--color-muted);margin-right:4px}.turn-summary-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e2e2e8);white-space:nowrap}.turn-summary-chip-label{color:var(--color-muted);font-size:.72rem}.turn-summary-chip-value{font-weight:700;color:var(--color-text)}.turn-summary-chip--think .turn-summary-chip-value{color:#c47200}.turn-summary-chip--cost .turn-summary-chip-value{color:#28af60}.turn-summary-chip--warn .turn-summary-chip-value{color:#e03c3c}.agent-graph-details-io-empty{margin:6px 0;padding:8px 10px;font-size:.8rem;color:var(--color-muted);background:#00000008;border-radius:6px}.trace-json-summary-hint{color:var(--color-muted);font-weight:400;font-size:.78rem}.agent-graph-new-invocation-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;color:#fff;background:#4d6dff;border:0;cursor:pointer;box-shadow:0 2px 8px #4d6dff40;animation:agent-graph-new-invocation-fade .22s ease-out}.agent-graph-new-invocation-badge:hover{background:#3a55d6}@keyframes agent-graph-new-invocation-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.agent-graph-toasts{position:absolute;top:12px;right:12px;z-index:10;display:flex;flex-direction:column;gap:8px;pointer-events:none}.agent-graph-toast{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:600;color:#fff;background:#26a69a;box-shadow:0 4px 14px #26a69a4d;animation:agent-graph-toast-in .22s ease-out,agent-graph-toast-out .4s ease-in 4.6s forwards;text-align:left}.agent-graph-toast:hover{filter:brightness(1.05)}.agent-graph-toast--new-session{background:#26a69a}@keyframes agent-graph-toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes agent-graph-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(8px)}}.agent-graph-canvas-wrap{position:relative;display:flex;min-height:0;height:min(70vh,720px);border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);overflow:hidden}.agent-graph-canvas-wrap .react-flow{flex:1 1 auto;min-width:0}.agent-graph-node{position:relative;width:200px;min-height:76px;padding:8px 10px;border-radius:10px;background:var(--color-bg);border:1px solid var(--color-border);border-left:4px solid #999;box-shadow:0 1px 2px #0000000a;font-size:.78rem;color:var(--color-text);cursor:pointer;transition:box-shadow .15s ease,background .15s ease}.agent-graph-node:hover{box-shadow:0 3px 10px #00000014}.agent-graph-node-header{display:flex;align-items:center;gap:6px;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:4px}.agent-graph-node-phase{font-weight:600}.agent-graph-node-duration{margin-left:auto;color:var(--color-text);font-weight:600;text-transform:none;letter-spacing:0}.agent-graph-node-retry{color:#c47200;font-weight:600}.agent-graph-node-label{font-size:.92rem;font-weight:600;line-height:1.2}.agent-graph-node-terminal-tag{margin-top:4px;font-size:.65rem;text-transform:uppercase;color:var(--color-muted)}.agent-graph-node--phase-preflight{border-left-color:#4d6dff}.agent-graph-node--phase-core{border-left-color:#7c4dff}.agent-graph-node--phase-postflight{border-left-color:#ff8a00}.agent-graph-node--phase-async{border-left-color:#5b8def}.agent-graph-node--phase-terminal{border-left-color:#999}.agent-graph-node--status-idle{background:var(--color-bg)}.agent-graph-node--status-running{background:#4d6dff14;border-color:#4d6dff;box-shadow:0 0 0 3px #4d6dff2e;animation:agent-graph-pulse 1.4s ease-in-out infinite}.agent-graph-node--status-done{background:#28af6014;border-color:#28af60}.agent-graph-node--status-error{background:#e146461a;border-color:#e14646}@keyframes agent-graph-pulse{0%,to{box-shadow:0 0 0 3px #4d6dff2e}50%{box-shadow:0 0 0 6px #4d6dff1a}}.agent-graph-node-badge{position:absolute;top:-18px;right:-18px;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#999;border:2px solid var(--color-bg);box-shadow:0 1px 2px #0000002e;z-index:2;pointer-events:none}.agent-graph-node-badge-icon{width:14px;height:14px;display:block}.agent-graph-node-badge--running{background:#4d6dff}.agent-graph-node-badge--running .agent-graph-node-badge-icon{animation:agent-graph-spin .9s linear infinite}.agent-graph-node-badge--done{background:#28af60}.agent-graph-node-badge--error{background:#e14646}@keyframes agent-graph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-graph-details{position:absolute;top:12px;right:12px;width:min(320px,70%);max-height:calc(100% - 24px);overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 6px 24px #0000001a;padding:14px 16px;z-index:5}.agent-graph-details-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.agent-graph-details-header h3{margin:0;font-size:1rem}.agent-graph-details--wide{left:1em;width:unset}.agent-graph-details-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.agent-graph-details-expand,.agent-graph-details-close{border:0;background:transparent;cursor:pointer;color:var(--color-muted);padding:0 4px;line-height:1}.agent-graph-details-close{font-size:1.2rem}.agent-graph-details-expand{display:inline-flex;align-items:center;justify-content:center}.agent-graph-details-expand-icon{width:16px;height:16px;display:block}.agent-graph-details-meta{display:grid;grid-template-columns:90px 1fr;gap:4px 8px;font-size:.8rem;margin:8px 0}.agent-graph-details-meta dt{color:var(--color-muted)}.agent-graph-details-meta dd{margin:0;word-break:break-word}.agent-graph-details-description{font-size:.85rem;line-height:1.4;color:var(--color-text);margin:8px 0}.agent-graph-details-runtime{border-top:1px solid var(--color-border);padding-top:8px;margin-top:8px}.agent-graph-details-runtime h4{font-size:.85rem;margin:0 0 6px}.agent-graph-details-runtime dl{display:grid;grid-template-columns:110px 1fr;gap:4px 8px;font-size:.8rem}.agent-graph-details-runtime dt{color:var(--color-muted)}.agent-graph-details-runtime dd{margin:0}.agent-graph-details-error{color:#c0392b;word-break:break-word}.agent-graph-details-config{border-top:1px solid var(--color-border);padding-top:8px;margin-top:8px}.agent-graph-details-config h4{font-size:.85rem;margin:0 0 6px}.agent-graph-details-config dl{display:grid;grid-template-columns:130px 1fr;gap:4px 8px;font-size:.8rem;margin-bottom:6px}.agent-graph-details-config dt{color:var(--color-muted)}.agent-graph-details-config dd{margin:0;word-break:break-word}.agent-graph-details-io{border-top:1px solid var(--color-border);padding-top:8px;margin-top:8px}.agent-graph-details-io h4{font-size:.85rem;margin:0 0 4px}.agent-graph-details-step-hint{font-weight:400;color:var(--color-muted);font-size:.78rem}.agent-graph-details-step-meta{font-size:.78rem;color:var(--color-muted);margin:0 0 6px}.agent-graph-group-node{width:100%;height:100%;border-radius:14px;border:1px solid var(--color-border);border-left:4px solid #7c4dff;background:#7c4dff0a;box-shadow:0 1px 3px #0000000d;position:relative;pointer-events:all;cursor:pointer;transition:box-shadow .15s ease,background .15s ease}.agent-graph-group-node:hover{box-shadow:0 4px 14px #00000014}.agent-graph-group-node-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom:1px dashed var(--color-border);background:#7c4dff14;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.agent-graph-group-node-phase{font-weight:700}.agent-graph-group-node-label{font-size:.95rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--color-text)}.agent-graph-group-node-duration{margin-left:auto;color:var(--color-text);font-weight:600;text-transform:none;letter-spacing:0}.agent-graph-group-node-retry{color:#c47200;font-weight:600}.agent-graph-group-node--phase-core{border-left-color:#7c4dff}.agent-graph-group-node--status-running{border-color:#4d6dff;box-shadow:0 0 0 3px #4d6dff2e;animation:agent-graph-pulse 1.4s ease-in-out infinite}.agent-graph-group-node--status-done{border-color:#28af60}.agent-graph-group-node--status-error{border-color:#e14646}.react-flow__node-agentGroupNode{background:transparent;padding:0}.phase-strip{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:4px 16px 0;font-size:.85rem;font-weight:600;color:var(--color-primary);background:var(--color-green-accent);border-radius:var(--radius-pill);width:max-content;max-width:calc(100% - 32px);animation:phase-strip-fade-in .18s ease-out}.phase-strip-spinner{width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:phase-strip-spin .9s linear infinite;flex-shrink:0}.phase-strip-label{transition:opacity .2s ease}@keyframes phase-strip-spin{to{transform:rotate(360deg)}}@keyframes phase-strip-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.admin-row-active{background:#6366f11f}.eval-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.78rem;font-weight:600}.eval-badge-pass{background:#22c55e2e;color:#15803d}.eval-badge-fail{background:#ef44442e;color:#b91c1c}.eval-summary{white-space:pre-wrap;font-size:.82rem;line-height:1.4;background:#00000008;padding:12px;border-radius:8px;overflow-x:auto}.eval-detail{margin:8px 0;font-size:.85rem}.eval-detail ul{margin:4px 0 4px 18px}.eval-response{white-space:pre-wrap;margin:4px 0 0}.transcript-turn{border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:10px 12px;margin-bottom:10px}.transcript-turn-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:#6b7280;margin-bottom:6px;align-items:center}.transcript-user,.transcript-agent{margin:4px 0;font-size:.9rem}.review-card{border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px 14px;margin-bottom:12px}.review-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:#6b7280;margin-bottom:6px}.annotation-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(0,0,0,.12)}.annotation-form textarea{width:100%;min-height:60px}.fixture-expect-sub{display:flex;flex-direction:column;gap:6px;margin:6px 0 6px 16px;padding-left:10px;border-left:2px solid rgba(99,102,241,.3)}.guidance-editor{width:100%;min-height:420px;font-family:monospace;font-size:.82rem}.status-pending{color:#b45309;font-weight:600}.status-resolved{color:#15803d;font-weight:600}.flag-expert-btn{margin-top:8px;font-size:.78rem;padding:3px 10px;border-radius:6px;border:1px solid rgba(180,83,9,.4);background:#fbbf241f;color:#b45309;cursor:pointer}.flag-expert-btn:disabled{opacity:.6;cursor:default}