@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2236;--bg-card:#1a2236b3;--bg-glass:#ffffff08;--bg-hover:#ffffff0d;--text-primary:#e8ecf4;--text-secondary:#8b95a8;--text-muted:#5a6478;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--accent-glow:#6366f133;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--border-color:#ffffff0f;--border-focus:#6366f166;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100vw;height:100vh}.app{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.app-header__brand{align-items:center;gap:12px;display:flex}.app-header__logo{filter:drop-shadow(0 0 8px var(--accent-glow));font-size:28px}.app-header h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.app-header__subtitle{color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:8px;font-size:12px;font-weight:400}.app-header__controls{align-items:center;gap:16px;display:flex}.connection-status{color:var(--text-muted);transition:color var(--transition);font-size:12px}.connection-status--connected{color:var(--success)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.toggle input{display:none}.toggle__slider{background:var(--bg-tertiary);width:40px;height:22px;transition:background var(--transition);border:1px solid var(--border-color);border-radius:11px;position:relative}.toggle__slider:after{content:"";background:var(--text-muted);width:16px;height:16px;transition:all var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle input:checked+.toggle__slider:after{background:#fff;transform:translate(18px)}.toggle__label{color:var(--text-secondary);font-size:13px;font-weight:500}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);width:300px;min-width:300px;overflow-y:auto}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:2px;padding:12px 24px 0;display:flex}.app-tab{color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px}.app-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.app-tab--active{color:var(--accent-primary-hover);border-bottom-color:var(--accent-primary);background:var(--bg-hover)}.app-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-placeholder{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.app-placeholder__icon{opacity:.5;font-size:64px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-placeholder h2{color:var(--text-primary);font-size:24px;font-weight:600}.app-placeholder p{text-align:center;max-width:400px;font-size:15px;line-height:1.6}.session-list{flex-direction:column;height:100%;display:flex}.session-list__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.session-list__back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:28px;height:28px;transition:all var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:none}.session-list__back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.session-list__new-icon{display:none}.session-list__header h2{font-size:16px;font-weight:600}.session-list__items{flex:1;padding:8px;overflow-y:auto}.session-list__loading,.session-list__empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.session-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:1px solid #0000;gap:12px;margin-bottom:4px;padding:12px 16px;display:flex}.session-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.session-item--active{background:var(--accent-glow);box-shadow:var(--shadow-glow);border-color:var(--accent-primary)!important}.session-item__status{padding-top:4px}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--active{background:var(--success);box-shadow:0 0 6px #22c55e66}.status-dot--closed{background:var(--text-muted)}.session-item__info{flex:1;min-width:0}.session-item__date{color:var(--text-muted);font-size:11px;font-weight:500}.session-item__summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.4;overflow:hidden}.session-item__meta{align-items:center;gap:8px;margin-top:4px;display:flex}.session-item__count{color:var(--text-muted);font-size:11px}.session-item__cost{color:var(--accent);opacity:.8;font-size:11px}.chat-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-empty-icon{opacity:.4;font-size:48px}.chat-empty h3{color:var(--text-secondary);font-size:18px}.chat-empty p{text-align:center;max-width:320px;font-size:14px;line-height:1.5}.chat-message{gap:12px;max-width:75%;animation:.3s ease-out messageIn;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message--user{flex-direction:row-reverse;align-self:flex-end}.chat-message--assistant{align-self:flex-start}.chat-message__avatar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.chat-message--user .chat-message__avatar{background:var(--accent-primary);border-color:var(--accent-primary)}.chat-message__body{flex-direction:column;gap:4px;display:flex}.chat-message__agent{color:var(--accent-primary-hover);letter-spacing:.3px;font-size:11px;font-weight:500}.chat-message__text{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;padding:12px 16px;font-size:14px;line-height:1.6}.chat-message--user .chat-message__text{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px}.chat-message--assistant .chat-message__text{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.chat-message--streaming .chat-message__text{border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow)}.typing-cursor{background:var(--accent-primary);vertical-align:text-bottom;width:2px;height:16px;margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{gap:4px;padding:12px 16px;display:flex}.typing-indicator span{background:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-cost-bar{border-top:1px solid var(--border);background:var(--surface);gap:12px;padding:4px 24px;display:flex}.chat-cost-bar__item{color:var(--text-muted);opacity:.75;font-size:11px}.chat-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:12px;padding:16px 24px;display:flex}.chat-input input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;font-family:var(--font);transition:all var(--transition);outline:none;flex:1;padding:12px 20px}.chat-input input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.chat-input input::placeholder{color:var(--text-muted)}.chat-input input:disabled{opacity:.5;cursor:not-allowed}.chat-input button{background:var(--accent-gradient);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-input button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:scale(1.05)}.chat-input button:disabled{opacity:.3;cursor:not-allowed}.auto-send-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 24px;animation:.2s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.auto-send-bar__progress{transform-origin:0;background:linear-gradient(90deg,#6366f126,#8b5cf626);animation:linear forwards shrinkBar;position:absolute;inset:0}@keyframes shrinkBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.auto-send-bar__text{color:var(--accent-primary-hover);z-index:1;font-size:13px;font-weight:500;position:relative}.auto-send-bar__cancel{z-index:1;color:var(--danger);border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:#ef44441f;border:1px solid #ef44444d;padding:4px 12px;position:relative}.auto-send-bar__cancel:hover{background:#ef444433;border-color:#ef444480}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn--sm{padding:6px 12px;font-size:13px}.btn--primary{background:var(--accent-gradient);color:#fff}.btn--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn--secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--danger{color:var(--danger);background:0 0;border:1px solid #0000}.btn--danger:hover{background:#ef44441a;border-color:#ef44444d}.knowledge-base{flex:1;padding:24px;overflow-y:auto}.knowledge-base__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.knowledge-base__header h2{font-size:20px;font-weight:600}.knowledge-base__actions{gap:8px;display:flex}.knowledge-base__loading,.knowledge-base__empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.kb-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.kb-form input,.kb-form textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font);transition:border-color var(--transition);resize:vertical;outline:none;padding:12px 16px}.kb-form input:focus,.kb-form textarea:focus{border-color:var(--border-focus)}.kb-form input::placeholder,.kb-form textarea::placeholder{color:var(--text-muted)}.kb-docs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.kb-doc{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.kb-doc:hover{border-color:var(--accent-primary);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-2px)}.kb-doc__header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.kb-doc__header h3{color:var(--text-primary);font-size:16px;font-weight:600}.kb-doc__source{color:var(--text-muted);margin-bottom:8px;font-size:12px}.kb-doc__content{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.kb-doc__date{color:var(--text-muted);font-size:11px}.kb-hint{border-radius:var(--radius-sm);color:var(--text-secondary);background:#6366f114;border:1px solid #6366f133;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.kb-hint code{color:var(--accent-primary-hover);background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:Courier New,monospace;font-size:12px}.analytics-panel{flex:1;padding:24px;overflow-y:auto}.analytics-cost{color:var(--text-muted);font-size:12px}.analytics-panel__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.analytics-panel__header h2{font-size:20px;font-weight:600}.analytics-panel__empty,.analytics-panel__loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.analytics-panel__error{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;padding:16px}.analytics-panel__report{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.report-content h2{color:var(--accent-primary-hover);margin:20px 0 12px;font-size:18px;font-weight:600}.report-content h3{color:var(--text-primary);margin:16px 0 8px;font-size:16px;font-weight:600}.report-content p{color:var(--text-secondary);margin-bottom:4px;font-size:14px;line-height:1.6}.report-content li{color:var(--text-secondary);margin-bottom:4px;margin-left:20px;font-size:14px;line-height:1.6}.report-content strong{color:var(--text-primary);margin:8px 0 4px;display:block}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.app-sidebar{width:60px;min-width:60px}.session-list__header h2,.session-item__info{display:none}.session-list__header{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 6px}.session-list__back{width:36px;height:30px;display:flex}.session-list__new-label{display:none}.session-list__new-icon{font-size:18px;display:inline}.session-list__new{border-radius:8px;justify-content:center;align-items:center;width:36px;height:30px;padding:0;display:flex}.session-list__empty{gap:8px;padding:12px 4px}.session-list__empty p{display:none}.session-list__empty .btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:0;display:flex}.session-list__empty .btn:before{content:"+";color:#fff;font-size:22px;font-weight:400}.app-header__subtitle,.toggle__label,.connection-status{display:none}.app-header__controls{gap:8px}.chat-message{max-width:90%}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=480px){.app-header{height:52px;padding:0 12px}.app-header h1{font-size:17px}.app-header__logo{font-size:22px}.app-header__brand{gap:8px}.landing{gap:24px;padding:24px 16px}.landing__hero h1{font-size:28px}.landing__logo{font-size:44px}.landing__cards{grid-template-columns:1fr}.landing__card{padding:24px 20px}.back-label{display:none}.app-header__back{padding:6px 10px;font-size:16px}.toggle{display:none}.app-tabs{gap:0;padding:8px 12px 0}.app-tab{padding:8px 12px;font-size:13px}.persona-grid{grid-template-columns:1fr}.kb-hint{font-size:12px}.training-dialog-view{padding:12px}.chat-input{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px}.btn-mic{flex-shrink:0;order:1}.chat-input input{flex:1;order:2;min-width:0;padding:10px 14px;font-size:15px}.chat-input>button[type=submit]{flex-shrink:0;order:3}.voice-controls{background:0 0;border:none;order:4;justify-content:center;width:100%;padding:2px 0}.auto-send-bar{padding:6px 12px;font-size:12px}}.app-main{position:relative;overflow:hidden}.agent-logs-panel{background-color:var(--surface-color);z-index:5;border-left:1px solid #0000;flex-direction:column;width:0;min-width:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),border-color .3s;display:flex;overflow:hidden;box-shadow:-5px 0 20px #0003}.agent-logs-panel--open{border-color:var(--border-color);width:350px;min-width:350px}.agent-logs-panel__header{border-bottom:1px solid var(--border-color);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:1rem;display:flex}.agent-logs-panel__header h3{color:var(--primary-light);margin:0;font-size:1rem}.agent-logs-panel__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.agent-logs-panel__close:hover{color:var(--text-primary);background-color:#ffffff1a}.agent-logs-panel__body{flex-direction:column;flex:1;gap:.75rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;display:flex;overflow-y:auto}.agent-logs-panel__empty{color:var(--text-secondary);text-align:center;margin-top:2rem;font-style:italic}.agent-logs-panel__item{border-left:3px solid var(--primary-color);background-color:#0003;border-radius:6px;flex-direction:column;gap:.25rem;padding:.5rem;animation:.3s ease-out forwards slideInRight;display:flex}.agent-logs-panel__time{color:var(--text-secondary);font-size:.75rem}.agent-logs-panel__text{color:var(--text-primary);line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.btn-logs-toggle{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-left:8px;padding:6px;transition:all .2s;display:flex}.btn-logs-toggle:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-logs-toggle--active{color:var(--primary-light);border-color:var(--primary-color);background-color:#6366f11a}.session-item{position:relative}.session-item__delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.session-item:hover .session-item__delete{opacity:1}.session-item__delete:hover{color:#ef4444;background-color:#ef444426}.markdown-body{word-break:break-word}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin-bottom:.8em;line-height:1.5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-body ul,.markdown-body ol{margin-bottom:.8em;padding-left:1.5em}.markdown-body li{margin-bottom:.25em}.markdown-body strong{color:inherit;font-weight:600}.markdown-body code{background-color:#afb8c133;border-radius:6px;margin:0;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:85%}.markdown-body pre{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.8em;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code{background-color:#0000;border-radius:0;margin:0;padding:0}.app-body--landing{justify-content:center;align-items:flex-start;overflow-y:auto}.landing{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:900px;margin:0 auto;padding:48px 24px;display:flex}.landing__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.landing__logo{filter:drop-shadow(0 0 16px var(--accent-glow));font-size:56px}.landing__hero h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.landing__hero p{color:var(--text-muted);font-size:15px}.landing__cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;width:100%;display:grid}.landing__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:14px;padding:32px 28px;display:flex}.landing__card:hover{border-color:var(--accent-primary);box-shadow:0 0 32px var(--accent-glow);transform:translateY(-4px)}.landing__card-icon{font-size:44px}.landing__card h2{color:var(--text-primary);font-size:22px;font-weight:700}.landing__card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.landing__card-features{flex-direction:column;gap:7px;margin-top:2px;list-style:none;display:flex}.landing__card-features li{color:var(--text-muted);padding-left:18px;font-size:13px;position:relative}.landing__card-features li:before{content:"✓";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.landing__card-btn{border-radius:var(--radius-sm);text-align:center;transition:opacity var(--transition);margin-top:6px;padding:12px 20px;font-size:14px;font-weight:600}.landing__card-btn--primary{background:var(--accent-gradient);color:#fff}.landing__card-btn--secondary{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.landing__card:hover .landing__card-btn{opacity:.85}.app-header__back{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;padding:6px 14px;font-size:13px;font-weight:500}.app-header__back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.app-main--full{flex-direction:column;flex:1;display:flex;overflow:hidden}.training-select{flex:1;padding:24px;overflow-y:auto}.training-select__header{margin-bottom:28px}.training-select__header h2{margin-bottom:6px;font-size:22px;font-weight:700}.training-select__header p{color:var(--text-secondary);font-size:14px}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.persona-card-wrapper--loading{opacity:.6;pointer-events:none}.persona-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:10px;padding:20px;display:flex}.persona-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.persona-card__header{justify-content:space-between;align-items:center;display:flex}.persona-card__emoji{font-size:32px}.persona-card__difficulty{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.persona-card__name{color:var(--text-primary);font-size:17px;font-weight:600}.persona-card__desc{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.5}.persona-card__btn{background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;margin-top:4px;padding:9px 16px;font-size:13px;font-weight:600}.persona-card__btn:hover{opacity:.85}.training-chat{flex-direction:column;height:100%;display:flex}.training-chat__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.training-chat__info{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.training-chat__label{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);padding:4px 10px}.training-chat__label--client{color:var(--warning)}.training-chat__sep{color:var(--text-muted)}.btn-finish{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition);padding:8px 16px;font-size:13px;font-weight:500}.btn-finish:hover{border-color:var(--success);color:var(--success)}.training-analytics{flex:1;padding:24px;overflow-y:auto}.training-analytics__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.training-analytics__header h2{font-size:22px;font-weight:700}.training-analytics__actions{gap:10px;display:flex}.training-analytics__loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.training-analytics__report{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;animation:.4s ease-out fadeIn}.btn-primary{background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;padding:9px 18px;font-size:13px;font-weight:600}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition);padding:9px 18px;font-size:13px;font-weight:500}.btn-secondary:hover{border-color:var(--accent-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.training-layout{height:100%;display:flex;overflow:hidden}.training-sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden}.training-sidebar__header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.training-sidebar__back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:28px;height:24px;transition:all var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;font-size:15px;display:flex}.training-sidebar__back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.training-sidebar__new{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:24px;height:24px;transition:all var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.training-sidebar__new:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.training-sidebar__list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.training-sidebar__empty{color:var(--text-muted);text-align:center;padding:24px 8px;font-size:13px}.training-session-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;padding:10px 12px;position:relative}.training-session-item:hover{background:var(--bg-hover)}.training-session-item--active{background:#6366f11a;border-color:#6366f14d}.training-session-item__top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.training-session-item__emoji{font-size:14px}.training-session-item__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.training-session-item__score{color:var(--success);background:#22c55e1f;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.training-session-item__meta{color:var(--text-muted);gap:8px;font-size:11px;display:flex}.training-session-item__msgs{margin-left:auto}.training-session-item__del{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.training-session-item:hover .training-session-item__del{opacity:1}.training-session-item__del:hover{color:var(--danger);background:#ef444426}.training-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.analytics-tabs{gap:4px;display:flex}.analytics-tab{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:6px 14px;font-size:13px;font-weight:500}.analytics-tab--active{border-color:var(--accent-primary);color:var(--text-primary);background:#6366f126}.training-dialog-view{flex-direction:column;flex:1;gap:0;padding:16px 24px;display:flex;overflow-y:auto}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:800px;display:grid}.mode-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:12px;padding:28px 24px;display:flex}.mode-card:hover{border-color:var(--accent-primary);box-shadow:0 0 24px var(--accent-glow);transform:translateY(-3px)}.mode-card__icon{font-size:40px}.mode-card h3{color:var(--text-primary);font-size:19px;font-weight:700}.mode-card p{color:var(--text-secondary);font-size:14px;line-height:1.55}.mode-card__features{flex-direction:column;gap:6px;margin-top:4px;list-style:none;display:flex}.mode-card__features li{color:var(--text-muted);padding-left:16px;font-size:13px;position:relative}.mode-card__features li:before{content:"✓";color:var(--accent-primary);font-weight:600;position:absolute;left:0}.mode-card__btn{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);text-align:center;border:none;margin-top:8px;padding:11px 20px;font-size:14px;font-weight:600}.mode-card__btn--primary{background:var(--accent-gradient);color:#fff}.mode-card__btn--secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.mode-card:hover .mode-card__btn{opacity:.9}.btn-back{color:var(--text-secondary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:8px;padding:4px 0;font-size:13px;display:inline-flex}.btn-back:hover{color:var(--text-primary)}@media (width<=768px){.training-layout{flex-direction:column}.training-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;height:auto;max-height:110px;width:100%!important;min-width:unset!important}.training-sidebar__header{min-height:unset;padding:8px 12px}.training-sidebar__list{flex-direction:row;gap:6px;padding:4px 8px 8px;overflow:auto hidden}.training-session-item{flex-shrink:0;min-width:130px;padding:7px 10px}.training-session-item__del{opacity:1}.training-main{flex:1;min-height:0;overflow:hidden}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=480px){.persona-grid{grid-template-columns:1fr}.training-dialog-view{padding:12px}.training-chat__header{padding:10px 12px}}.btn-voice{border:1px solid var(--border-color);background:var(--bg-tertiary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-voice:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-mic--active{color:#ef4444;background:#ef444426;border-color:#ef4444;animation:1.2s ease-in-out infinite pulse-mic}.btn-speaker--active{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f126}.voice-controls{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color var(--transition);align-items:center;gap:4px;padding:2px 4px;display:flex}.voice-controls--on{border-color:var(--accent)}.voice-mode-group{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#00000040;align-items:center;gap:1px;padding:2px;display:flex}.voice-mode-group--disabled{opacity:.35;pointer-events:none}.btn-voice-mode{border-radius:calc(var(--radius-sm) - 1px);height:22px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;padding:0 8px;font-size:11px;font-weight:500}.btn-voice-mode:hover:not(.btn-voice-mode--active-ai):not(.btn-voice-mode--active-br){color:var(--text-secondary);background:#ffffff0f}.btn-voice-mode--active-ai{color:#fff;background:#10b981;font-weight:700}.btn-voice-mode--active-br{background:var(--accent-primary,#6366f1);color:#fff;font-weight:700}.btn-voice-select{border-radius:var(--radius-sm);background:var(--bg-tertiary);height:26px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition);border:1px solid #0000;outline:none;max-width:90px;padding:0 4px;font-size:11px}.btn-voice-select option{background:var(--bg-secondary);color:var(--text-primary)}.btn-voice-select:hover,.btn-voice-select:focus{border-color:var(--border-color);color:var(--text-primary)}.btn-voice-select:disabled{opacity:.4}@keyframes pulse-mic{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.agent-logs-backdrop{display:none}@media (width<=768px){.agent-logs-panel{display:none}.agent-logs-backdrop{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.agent-logs-panel--open{width:85vw;max-width:360px;height:100dvh;min-width:unset;z-index:1000;border-left:1px solid var(--border-color);background:var(--bg-secondary);display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 40px #0009}}