:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-main: #212121;--bg-sidebar: #171717;--bg-input: #2f2f2f;--bg-message-user: #303030;--text-main: #ececec;--text-secondary: #b4b4b4;--text-muted: #676767;--accent: #10a37f;--accent-hover: #1a7f64;--border-color: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);height:100vh;overflow:hidden}#app{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:slideIn .3s ease forwards}.login-container[data-v-7d873970]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 20%,rgba(16,163,127,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(16,163,127,.05) 0%,transparent 20%)}.login-card[data-v-7d873970]{width:100%;max-width:400px;padding:40px;background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 50px #00000080;animation:slideIn-7d873970 .5s cubic-bezier(.4,0,.2,1)}.login-header[data-v-7d873970]{text-align:center;margin-bottom:32px}.logo-wrapper[data-v-7d873970]{display:flex;justify-content:center;margin-bottom:20px}.logo-icon[data-v-7d873970]{width:64px;height:64px;background:var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px #10a37f4d}h1[data-v-7d873970]{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}p[data-v-7d873970]{color:var(--text-secondary);font-size:14px}.login-form[data-v-7d873970]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-7d873970]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-7d873970]{font-size:13px;font-weight:600;color:var(--text-secondary)}.input-wrapper[data-v-7d873970]{position:relative;display:flex;align-items:center}.icon[data-v-7d873970]{position:absolute;left:14px;color:var(--text-muted)}input[data-v-7d873970]{width:100%;padding:12px 14px 12px 42px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:#fff;font-size:15px;transition:all .2s;outline:none}input[data-v-7d873970]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #10a37f33}.error-message[data-v-7d873970]{display:flex;align-items:center;gap:8px;padding:12px;background-color:#ff4d4d1a;border-radius:8px;color:#ff4d4d;font-size:13px}.login-btn[data-v-7d873970]{margin-top:10px;padding:14px;background-color:var(--accent);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.login-btn[data-v-7d873970]:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.login-btn[data-v-7d873970]:active:not(:disabled){transform:translateY(0)}.login-btn[data-v-7d873970]:disabled{opacity:.7;cursor:not-allowed}.loader[data-v-7d873970]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-7d873970 .8s linear infinite}@keyframes spin-7d873970{to{transform:rotate(360deg)}}.login-footer[data-v-7d873970]{margin-top:24px;text-align:center}.login-footer p[data-v-7d873970]{font-size:12px;color:var(--text-muted)}@keyframes slideIn-7d873970{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-page[data-v-6bcc37bb]{flex:1;height:100vh;overflow-y:auto;background-color:var(--bg-main);display:flex;flex-direction:column}.top-nav[data-v-6bcc37bb]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-main);position:sticky;top:0;z-index:10}.header-actions[data-v-6bcc37bb]{display:flex;align-items:center;gap:12px}.menu-btn[data-v-6bcc37bb]{padding:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.model-badge[data-v-6bcc37bb]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary)}.user-avatar[data-v-6bcc37bb]{width:32px;height:32px;background:#5436da;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.save-btn-mini[data-v-6bcc37bb]{background-color:var(--accent);color:#fff;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.save-btn-mini[data-v-6bcc37bb]:hover{background-color:var(--accent-hover);transform:scale(1.05)}.header-content[data-v-6bcc37bb]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.title-section[data-v-6bcc37bb]{display:flex;align-items:center;gap:20px}.icon-bg[data-v-6bcc37bb]{width:48px;height:48px;background-color:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #10a37f33}h1[data-v-6bcc37bb]{font-size:24px;font-weight:700;color:#fff;margin:0}.title-section p[data-v-6bcc37bb]{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.save-btn[data-v-6bcc37bb]{background-color:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.save-btn[data-v-6bcc37bb]:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10a37f4d}.order-container[data-v-6bcc37bb]{max-width:1200px;margin:0 auto;width:100%;padding:40px;display:flex;flex-direction:column;gap:24px}.card[data-v-6bcc37bb]{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.card-header[data-v-6bcc37bb]{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;background-color:#ffffff05}.card-header h2[data-v-6bcc37bb]{font-size:16px;font-weight:600;color:#fff;margin:0;flex:1}.count-badge[data-v-6bcc37bb]{background-color:#ffffff0d;padding:4px 12px;border-radius:20px;font-size:12px;color:var(--text-secondary)}.search-section[data-v-6bcc37bb]{padding-bottom:24px}.search-controls[data-v-6bcc37bb]{padding:24px;display:flex;gap:16px}.custom-select-wrapper[data-v-6bcc37bb]{flex:1;position:relative}.input-with-icon[data-v-6bcc37bb]{position:relative;display:flex;align-items:center}.search-icon[data-v-6bcc37bb]{position:absolute;left:16px;color:var(--text-muted)}.search-input[data-v-6bcc37bb]{width:100%;padding:14px 16px 14px 48px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;color:#fff;font-size:15px;outline:none;transition:all .2s}.search-input[data-v-6bcc37bb]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #10a37f1a}.products-dropdown[data-v-6bcc37bb]{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 25px #0000004d;z-index:100;max-height:300px;overflow-y:auto}.dropdown-item[data-v-6bcc37bb]{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item[data-v-6bcc37bb]:last-child{border-bottom:none}.dropdown-item[data-v-6bcc37bb]:hover{background-color:#ffffff0d}.product-info[data-v-6bcc37bb]{display:flex;flex-direction:column;gap:2px}.p-name[data-v-6bcc37bb]{color:#fff;font-weight:500}.p-index[data-v-6bcc37bb]{font-size:12px;color:var(--text-muted)}.add-btn[data-v-6bcc37bb]{background-color:#ffffff0d;color:#fff;border:1px solid var(--border-color);padding:0 24px;border-radius:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-weight:600}.add-btn[data-v-6bcc37bb]:hover:not(:disabled){background-color:#ffffff1a;border-color:var(--text-secondary)}.add-btn[data-v-6bcc37bb]:disabled{opacity:.5;cursor:not-allowed}.table-wrapper[data-v-6bcc37bb]{overflow-x:auto}table[data-v-6bcc37bb]{width:100%;border-collapse:collapse;text-align:left}thead th[data-v-6bcc37bb]{padding:16px 24px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color)}tbody td[data-v-6bcc37bb]{padding:16px 24px;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle}tbody tr[data-v-6bcc37bb]:hover{background-color:#ffffff03}.name-cell[data-v-6bcc37bb]{min-width:250px}.index-tag[data-v-6bcc37bb]{background-color:#10a37f26;color:var(--accent);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.input-cell input[data-v-6bcc37bb]{width:80px;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-family:inherit;outline:none;transition:all .2s}.qty-cell input[data-v-6bcc37bb]{width:70px}.input-cell input[data-v-6bcc37bb]:focus{border-color:var(--accent);background-color:#ffffff05}.delete-item-btn[data-v-6bcc37bb]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.delete-item-btn[data-v-6bcc37bb]:hover{background-color:#ff4d4d1a;color:#ff4d4d}.status-indicator[data-v-6bcc37bb]{display:flex;align-items:center;justify-content:center}.status-indicator.valid[data-v-6bcc37bb]{color:var(--accent)}.status-indicator.invalid[data-v-6bcc37bb]{color:#ffb84d;animation:pulse-6bcc37bb 2s infinite}@keyframes pulse-6bcc37bb{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.empty-state[data-v-6bcc37bb]{padding:80px 40px;text-align:center;color:var(--text-muted)}.empty-icon[data-v-6bcc37bb]{margin-bottom:20px;color:var(--border-color)}.empty-state h3[data-v-6bcc37bb]{color:#fff;margin-bottom:8px}.order-info-banner[data-v-6bcc37bb]{display:flex;align-items:center;gap:12px;padding:16px 24px;background-color:#3b82f61a;border-radius:14px;color:#60a5fa;font-size:14px}.no-results[data-v-6bcc37bb]{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}@media(max-width:768px){.card-header[data-v-6bcc37bb]{padding:8px}.order-container[data-v-6bcc37bb]{padding:16px}.search-controls[data-v-6bcc37bb]{padding:8px;flex-direction:column}.add-btn[data-v-6bcc37bb]{padding:12px;justify-content:center}.table-wrapper[data-v-6bcc37bb]{margin:0;padding:8px}.name-cell[data-v-6bcc37bb]{min-width:150px;font-size:14px}thead th[data-v-6bcc37bb],tbody td[data-v-6bcc37bb]{padding:8px;font-size:12px}.input-cell input[data-v-6bcc37bb]{width:60px;padding:6px 8px}.qty-cell input[data-v-6bcc37bb]{width:50px}}.chat-layout[data-v-e16acc87]{display:flex;height:100vh;width:100vw;background-color:var(--bg-main)}.sidebar[data-v-e16acc87]{width:260px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-color);z-index:100}.sidebar.closed[data-v-e16acc87]{width:0;overflow:hidden;border-right:none}.sidebar-header[data-v-e16acc87]{padding:12px;display:flex;gap:8px}.new-chat-btn[data-v-e16acc87]{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.new-chat-btn[data-v-e16acc87]:hover{background:#ffffff0d}.sidebar-toggle-mini[data-v-e16acc87]{padding:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px}.sidebar-toggle-mini[data-v-e16acc87]:hover{background:#ffffff1a}.sidebar-content[data-v-e16acc87]{flex:1;padding:12px;display:flex;flex-direction:column;gap:24px}.nav-section[data-v-e16acc87]{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.nav-item[data-v-e16acc87]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-weight:500}.nav-item[data-v-e16acc87]:hover{background:#ffffff0d;color:#fff}.nav-item.active[data-v-e16acc87]{background:var(--accent);color:#fff;box-shadow:0 4px 12px #10a37f33}.role-selector-card[data-v-e16acc87]{background:#ffffff08;padding:12px;border-radius:12px;border:1px solid var(--border-color)}.card-label[data-v-e16acc87]{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:8px;letter-spacing:.5px}.role-toggle[data-v-e16acc87]{display:flex;background:#0003;padding:4px;border-radius:8px;cursor:pointer}.role-option[data-v-e16acc87]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:6px;font-size:13px;color:var(--text-secondary);transition:all .2s}.role-option.active[data-v-e16acc87]{background:var(--bg-input);color:#fff;box-shadow:0 2px 4px #0003}.history-section[data-v-e16acc87]{display:flex;flex-direction:column;gap:4px}.section-title[data-v-e16acc87]{font-size:12px;font-weight:600;color:var(--text-muted);padding:8px}.history-item[data-v-e16acc87]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.history-item[data-v-e16acc87]:hover{background:#ffffff0d}.history-item.active[data-v-e16acc87]{background:#ffffff1a;color:#fff}.conv-info[data-v-e16acc87]{flex:1;display:flex;flex-direction:column;overflow:hidden}.conv-title[data-v-e16acc87]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-id[data-v-e16acc87]{font-size:10px;color:var(--text-muted)}.delete-conv-btn[data-v-e16acc87]{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .2s,color .2s}.history-item:hover .delete-conv-btn[data-v-e16acc87]{opacity:1}.delete-conv-btn[data-v-e16acc87]:hover{color:#ff4d4d}.sidebar-footer[data-v-e16acc87]{padding:12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.footer-btn.reset-btn[data-v-e16acc87]:hover{color:#ff9800}.sidebar-footer[data-v-e16acc87]{padding:12px;border-top:1px solid var(--border-color)}.footer-btn[data-v-e16acc87]{width:100%;display:flex;align-items:center;gap:12px;padding:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:14px}.footer-btn[data-v-e16acc87]:hover{background:#ffffff0d;color:#ff4d4d}.main-content[data-v-e16acc87]{flex:1;display:flex;flex-direction:column;position:relative;background-color:var(--bg-main)}.top-nav[data-v-e16acc87]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid transparent}.menu-btn[data-v-e16acc87]{padding:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.model-badge[data-v-e16acc87]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary)}.user-avatar[data-v-e16acc87]{width:32px;height:32px;background:#5436da;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.messages-container[data-v-e16acc87]{flex:1;overflow-y:auto;padding-bottom:200px}.messages-wrapper[data-v-e16acc87]{max-width:768px;margin:0 auto;padding:20px}.message-row[data-v-e16acc87]{display:flex;gap:20px;padding:24px 0;animation:slideIn .3s ease}.avatar-wrapper[data-v-e16acc87]{flex-shrink:0}.avatar[data-v-e16acc87]{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center}.avatar.bot[data-v-e16acc87]{background-color:var(--accent);color:#fff}.avatar.user[data-v-e16acc87]{background-color:#3b82f6;color:#fff}.message-content[data-v-e16acc87]{flex:1;overflow-wrap:break-word}.role-name[data-v-e16acc87]{font-size:14px;font-weight:700;margin-bottom:8px;color:#fff}.text[data-v-e16acc87]{font-size:16px;line-height:1.6;color:var(--text-main);white-space:pre-wrap}.cursor[data-v-e16acc87]{display:inline-block;width:8px;height:18px;background:var(--text-main);margin-left:4px;vertical-align:middle;animation:blink-e16acc87 1s infinite}@keyframes blink-e16acc87{0%{opacity:0}50%{opacity:1}to{opacity:0}}.input-area[data-v-e16acc87]{position:absolute;bottom:0;left:0;right:0;padding:24px 20px;background:linear-gradient(transparent,var(--bg-main) 30%)}.input-container[data-v-e16acc87]{max-width:768px;margin:0 auto}.input-wrapper[data-v-e16acc87]{display:flex;align-items:flex-end;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px #0000004d}textarea[data-v-e16acc87]{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:16px;resize:none;padding:4px 0;max-height:200px;outline:none}.send-btn[data-v-e16acc87]{background:#676767;color:#212121;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-bottom:2px}.send-btn[data-v-e16acc87]:not(:disabled){background:#fff;color:#000}.send-btn[data-v-e16acc87]:not(:disabled):hover{background:#e5e5e5}.upload-btn[data-v-e16acc87]{background:transparent;color:#b4b4b4;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:8px;margin-bottom:2px}.upload-btn[data-v-e16acc87]:hover{color:#fff;background:#ffffff1a;border-radius:8px}.message-image[data-v-e16acc87]{max-width:100%;max-height:300px;border-radius:12px;margin-top:8px;border:1px solid var(--border-color);object-fit:contain}.image-preview-wrapper[data-v-e16acc87]{margin-top:4px}.footer-text[data-v-e16acc87]{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}@media(max-width:768px){.sidebar[data-v-e16acc87]{position:fixed;height:100%;left:0;top:0;width:280px;z-index:1000}.sidebar.closed[data-v-e16acc87]{transform:translate(-100%);width:280px}.sidebar-right[data-v-e16acc87]{position:fixed;height:100%;right:0;top:0;width:280px;z-index:1000}.sidebar-right.closed[data-v-e16acc87]{transform:translate(100%);width:280px;display:flex}.main-content[data-v-e16acc87]{width:100vw}}.mobile-overlay[data-v-e16acc87]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:fadeIn-e16acc87 .3s ease}@keyframes fadeIn-e16acc87{0%{opacity:0}to{opacity:1}}.sidebar-right[data-v-e16acc87]{width:280px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border-color);z-index:100}.sidebar-right.closed[data-v-e16acc87]{width:0;overflow:hidden;border-left:none}.sidebar-title[data-v-e16acc87]{font-size:14px;font-weight:700;color:#fff;margin:0;flex:1}.detail-card[data-v-e16acc87]{background:#ffffff08;padding:16px;border-radius:12px;border:1px solid var(--border-color)}.detail-label[data-v-e16acc87]{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:4px;letter-spacing:1px}.detail-value[data-v-e16acc87]{font-size:14px;color:var(--text-main);margin-bottom:16px}.detail-value[data-v-e16acc87]:last-child{margin-bottom:0}.typing-indicator[data-v-e16acc87]{display:flex;gap:4px;padding:8px 0}.typing-indicator span[data-v-e16acc87]{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:bounce-e16acc87 1.4s infinite ease-in-out}.typing-indicator span[data-v-e16acc87]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-e16acc87]:nth-child(2){animation-delay:-.16s}@keyframes bounce-e16acc87{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}