*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-sidebar: #f3f4f6;--color-sidebar-text: #1a1a2e;--color-sidebar-hover: #e9eaec;--color-sidebar-active: #dde1e7;--color-sidebar-border: #e5e7eb;--color-primary: #10a37f;--color-primary-hover: #0e9070;--color-primary-light: #e6f7f3;--color-danger: #ef4444;--color-danger-light: #fef2f2;--color-warning: #f59e0b;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-on-dark: #ececec;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-msg-user-bg: #10a37f;--color-msg-user-text: #ffffff;--color-msg-assistant-bg: #ffffff;--color-msg-assistant-text: #1a1a2e;--color-msg-assistant-border: #e5e7eb;--color-balance-positive: #16a34a;--color-balance-negative: #ef4444;--sidebar-width: 260px;--header-height: 52px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition: .25s ease}html,body{height:100%;font-family:var(--font-family);font-size:14px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:var(--font-family);font-size:14px}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.text-sm{font-size:12px}.text-muted{color:var(--color-text-secondary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.input{width:100%;padding:10px 14px;border:1px solid var(--color-border-dark);border-radius:var(--border-radius);background:var(--color-surface);font-size:14px;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10a37f1f}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441f}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.input-hint{font-size:12px;color:var(--color-text-muted)}.input-error-msg{font-size:12px;color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--border-radius);font-size:14px;font-weight:500;transition:background var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;border:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-dark)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-icon{padding:8px;border-radius:var(--border-radius);background:transparent;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-icon svg,.btn-icon .icon{width:20px;height:20px}.btn-sm{padding:6px 12px;font-size:13px}.btn-full{width:100%}.btn-loading{pointer-events:none;opacity:.7}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.spinner-dark{border-color:#0000001a;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--color-border);margin:0}.divider-text{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:13px}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--color-border)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:var(--border-radius);background:var(--color-text);color:#fff;font-size:14px;box-shadow:var(--shadow-lg);animation:toast-in .2s ease;max-width:360px}.toast-error{background:var(--color-danger)}.toast-success{background:var(--color-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:9000}.conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.conn-dot.connected{background:var(--color-balance-positive)}@media(max-width:768px){:root{--sidebar-width: 100%;--header-height: 48px}}.license-page{max-width:860px;margin:0 auto;padding:24px 20px 60px}.license-page__back{margin-bottom:20px}.license-page__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:32px 36px;color:var(--color-text);line-height:1.7;font-size:15px;text-align:left}.license-page__content.markdown-body h1{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:var(--color-text)}.license-page__content.markdown-body h2{font-size:1.2rem;font-weight:600;margin-top:28px;margin-bottom:10px;color:var(--color-text)}.license-page__content.markdown-body h3{font-size:1.05rem;font-weight:600;margin-top:20px;margin-bottom:8px}.license-page__content.markdown-body p{margin-bottom:10px}.license-page__content.markdown-body ul,.license-page__content.markdown-body ol{margin:8px 0 12px 24px}.license-page__content.markdown-body li{margin-bottom:4px}.license-page__content.markdown-body a{color:var(--color-primary);text-decoration:none}.license-page__content.markdown-body a:hover{text-decoration:underline}.license-page__content.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:20px 0}.license-page__content.markdown-body strong{font-weight:600}.license-page__content.markdown-body em{font-style:italic;color:var(--color-text-secondary);font-size:.9em}.legal-links-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:12px}.legal-link{color:var(--color-primary);font-size:15px;font-weight:500;text-decoration:none}.legal-link:hover{text-decoration:underline}@media(max-width:768px){.license-page__content{padding:20px 16px}}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;flex-shrink:0}.app-header__logo{font-size:17px;font-weight:700;color:var(--color-primary);letter-spacing:-.3px;flex-shrink:0}.app-header__nav{display:flex;gap:4px;align-items:center}.nav-tab{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-tab:hover{background:var(--color-bg);color:var(--color-text)}.nav-tab.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.nav-tab--external{border-left:1px solid var(--color-border);margin-left:8px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.nav-tab--external svg{width:15px;height:15px;flex-shrink:0}.nav-tab--external:hover{background:var(--color-bg);color:var(--color-text)}.app-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-avatar-btn{width:34px;height:34px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity var(--transition-fast);flex-shrink:0}.user-avatar-btn:hover{opacity:.85}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-sidebar-border)}.sidebar-balance{padding:12px 14px;border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0}.sidebar-balance__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin-bottom:4px}.sidebar-balance__value{font-size:22px;font-weight:700;color:var(--color-balance-positive)}.sidebar-balance__value.negative{color:var(--color-balance-negative)}.sidebar-balance__loading{font-size:14px;color:var(--color-text-muted)}.sidebar-balance--clickable{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;text-align:left;transition:background var(--transition-fast);margin:0;box-sizing:border-box}.sidebar-balance--clickable:hover{background:var(--color-sidebar-hover, rgba(0,0,0,.06))}.sidebar-balance--clickable:hover .sidebar-balance__arrow{opacity:1;transform:translate(2px)}.sidebar-balance__main{flex:1;min-width:0}.sidebar-balance__arrow{flex-shrink:0;display:flex;align-items:center;opacity:.35;color:var(--color-text-muted);transition:opacity var(--transition-fast),transform var(--transition-fast)}.sidebar-balance__arrow svg{width:16px;height:16px}.sidebar-new-chat{padding:10px 12px;border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0}.btn-new-chat{width:100%;padding:9px 14px;background:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background var(--transition-fast)}.btn-new-chat:hover:not(:disabled){background:var(--color-primary-hover)}.btn-new-chat:disabled{opacity:.4;cursor:not-allowed}.btn-new-chat svg{width:16px;height:16px}.sidebar-sessions{flex:1;overflow-y:auto;padding:8px 0}.sidebar-sessions__empty{padding:24px 16px;text-align:center;color:var(--color-text-muted);font-size:13px}.session-item{display:flex;align-items:center;padding:9px 12px;cursor:pointer;border-radius:6px;margin:1px 6px;transition:background var(--transition-fast);gap:8px;min-width:0;position:relative}.session-item:hover{background:var(--color-sidebar-hover)}.session-item.active{background:var(--color-sidebar-active)}.session-item__title{flex:1;min-width:0;font-size:13px;color:var(--color-sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-item__icon{color:var(--color-text-muted);flex-shrink:0;width:16px;height:16px}.session-item__actions{flex-shrink:0;opacity:0;transition:opacity var(--transition-fast);display:flex}.session-item:hover .session-item__actions{opacity:1}.session-item__delete{width:24px;height:24px;border-radius:4px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.session-item__delete:hover{background:var(--color-danger);color:#fff}.session-item__delete svg{width:14px;height:14px}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--color-sidebar-border);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);flex-shrink:0}.app-main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg)}@media(max-width:768px){.app-body{position:relative}.app-sidebar{position:fixed;inset:var(--header-height) 0 0 0;width:100%;z-index:200;transform:translate(-100%);transition:transform var(--transition)}.app-sidebar.mobile-open{transform:translate(0)}.app-main{width:100%}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);background:transparent;border:none;color:var(--color-text);cursor:pointer}.mobile-menu-btn svg{width:22px;height:22px}.app-header__logo{display:none}[data-tab=knowledgebase]{font-size:0}[data-tab=knowledgebase]:after{content:"База";font-size:13px;font-weight:inherit}.app-header__nav{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.app-header__nav::-webkit-scrollbar{display:none}}@media(min-width:769px){.mobile-menu-btn{display:none}}.sidebar-support{flex-shrink:0;padding:10px 12px;border-top:1px solid var(--color-sidebar-border)}.sidebar-support__link{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-support__link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-support__link svg{width:16px;height:16px;flex-shrink:0}.cookie-banner{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000f;z-index:50}.cookie-banner__text{flex:1;min-width:200px;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.cookie-banner__link{color:var(--color-primary);text-decoration:underline;white-space:nowrap}.cookie-banner__link:hover{color:var(--color-primary-hover)}.cookie-banner__btn{flex-shrink:0;padding:7px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.cookie-banner__btn:hover{background:var(--color-primary-hover)}@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.cookie-banner__btn{width:100%;text-align:center}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:16px;animation:overlay-in .15s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:460px;max-height:90vh;overflow:auto;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{max-width:360px}.modal--lg{max-width:600px}.modal--xl{max-width:800px;max-height:95vh}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:16px;font-weight:600;color:var(--color-text)}.modal__close{width:28px;height:28px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--color-text)}.modal__close svg{width:18px;height:18px}.modal__body{padding:20px 24px}.modal__footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end}.confirm-dialog__text{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.confirm-dialog__text strong{color:var(--color-text)}.topup-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.topup-preset{padding:8px;border:1px solid var(--color-border-dark);border-radius:var(--border-radius);background:var(--color-bg);font-size:13px;font-weight:600;color:var(--color-text);cursor:pointer;text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.topup-preset:hover,.topup-preset.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.topup-amount-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.topup-info{margin-top:12px;font-size:12px;color:var(--color-text-muted);line-height:1.5}.balance-depleted__icon{font-size:40px;text-align:center;margin-bottom:12px}.balance-depleted__text{font-size:14px;color:var(--color-text-secondary);text-align:center;line-height:1.6;margin-bottom:4px}@media(max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-height:85vh}}