:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-hover: #ececf1;--bg-selected: #e5e5ea;--bg-disabled: #f0f0f0;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--accent-color: #10a37f;--accent-hover: #0d8168;font-family:Söhne,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #212121;--bg-secondary: #2f2f2f;--bg-hover: #3c3c3c;--bg-selected: #424242;--bg-disabled: #1a1a1a;--text-primary: #ececec;--text-secondary: #b4b4b4;--border-color: #4d4d4d;--accent-color: #10a37f;--accent-hover: #0d8168;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary)}#app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::selection{background-color:var(--accent-color);color:#fff}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar[data-v-a565912b]{width:260px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.sidebar--collapsed[data-v-a565912b]{width:60px}.sidebar__header[data-v-a565912b]{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--border-color);gap:12px;justify-content:space-between}.sidebar__logo[data-v-a565912b]{flex:1}.logo-image[data-v-a565912b]{height:42px;width:auto;max-width:150px}.sidebar__toggle[data-v-a565912b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar__toggle[data-v-a565912b]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar__chat-history[data-v-a565912b]{flex:1;padding:12px;overflow-y:auto}.sidebar__avatars-section[data-v-a565912b]{margin-bottom:20px;display:flex;justify-content:center}.stacked-avatars[data-v-a565912b]{position:relative;width:200px;height:48px;display:flex;align-items:center;justify-content:center}.avatar-stack[data-v-a565912b]{position:absolute;width:48px;height:48px;border-radius:50%;border:3px solid var(--bg-secondary);background-size:cover;background-position:center;background-repeat:no-repeat}.avatar-1[data-v-a565912b]{top:0;left:0;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);z-index:4;background-image:url(src/assets/avatar/rebrand-dijmbron.png);background-size:cover}.avatar-2[data-v-a565912b]{top:0;left:35px;background:linear-gradient(45deg,#667eea,#764ba2);z-index:3;background-image:url(src/assets/avatar/rebrand-faiz.png);background-size:cover}.avatar-3[data-v-a565912b]{top:0;left:70px;background:linear-gradient(45deg,#f093fb,#f5576c);z-index:2;background-image:url(src/assets/avatar/rebrand-gilang.png);background-size:cover}.avatar-4[data-v-a565912b]{top:0;left:105px;background:linear-gradient(45deg,#43e97b,#38f9d7);z-index:1;background-image:url(src/assets/avatar/rebrand-moh.png);background-size:cover}.sidebar__section-title[data-v-a565912b]{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0 0 8px;text-transform:capitalize;letter-spacing:.1px}.sidebar__divider[data-v-a565912b]{border:none;height:1px;background-color:#6b7280;margin:20px 0;opacity:.3}.sidebar__faq-section[data-v-a565912b]{margin-bottom:20px}.faq-chips[data-v-a565912b]{display:flex;flex-wrap:wrap;gap:6px}.faq-chip[data-v-a565912b]{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:16px;padding:6px 12px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.faq-chip[data-v-a565912b]:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.faq-chip span[data-v-a565912b]{display:flex;align-items:center;gap:4px}.sidebar__chat-list[data-v-a565912b]{display:flex;flex-direction:column;gap:2px}.sidebar__chat-item[data-v-a565912b]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.sidebar__chat-item[data-v-a565912b]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar__chat-item--active[data-v-a565912b]{background-color:var(--bg-selected);color:var(--text-primary)}.sidebar__chat-title[data-v-a565912b]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}@media(max-width:768px){.sidebar[data-v-a565912b]{position:fixed;top:0;left:0;z-index:1000;box-shadow:2px 0 10px #0000001a;transition:transform .3s ease}.sidebar--collapsed[data-v-a565912b]{transform:translate(-100%);width:260px}.sidebar[data-v-a565912b]:not(.sidebar--collapsed):after{content:"";position:fixed;inset:0 0 0 260px;background-color:#0000004d;z-index:-1}}.main-content[data-v-54007a3f]{flex:1;display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);position:relative}.copy-notification[data-v-54007a3f]{position:fixed;top:80px;right:20px;z-index:1000;background-color:var(--accent-color);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;animation:slideInFade-54007a3f .3s ease-out}@keyframes slideInFade-54007a3f{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.main-content__header[data-v-54007a3f]{position:absolute;top:20px;right:20px;left:20px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-toggle[data-v-54007a3f]{display:none;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.mobile-menu-toggle[data-v-54007a3f]:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.header-title[data-v-54007a3f]{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex:1;text-align:right}.theme-toggle[data-v-54007a3f]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.theme-toggle[data-v-54007a3f]:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.main-content__container[data-v-54007a3f]{flex:1;overflow-y:auto;padding:20px}.main-content__welcome[data-v-54007a3f]{max-width:768px;margin:0 auto;padding-top:60px}.welcome__header[data-v-54007a3f]{text-align:center;margin-bottom:48px}.welcome__avatar[data-v-54007a3f]{width:100px;height:100px;border-radius:50%;border:3px solid var(--border-color);margin-bottom:16px;object-fit:cover}.welcome__title[data-v-54007a3f]{font-size:32px;font-weight:600;color:var(--text-primary);margin:0}.welcome__suggestions[data-v-54007a3f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.suggestion__card[data-v-54007a3f]{display:flex;align-items:flex-start;gap:16px;padding:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.suggestion__card[data-v-54007a3f]:hover{border-color:var(--accent-color);background-color:var(--bg-hover)}.suggestion__icon[data-v-54007a3f]{width:24px;height:24px;background-color:var(--accent-color);border-radius:6px;flex-shrink:0}.suggestion__content[data-v-54007a3f]{flex:1}.suggestion__title[data-v-54007a3f]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.suggestion__description[data-v-54007a3f]{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.main-content__messages[data-v-54007a3f]{margin:0 40px 10px}.message[data-v-54007a3f]{display:flex;gap:16px;margin-bottom:32px}.message--user[data-v-54007a3f]{justify-content:flex-end;flex-direction:row}.message__bubble[data-v-54007a3f]{display:flex;flex-direction:column;gap:8px}.message--user .message__bubble[data-v-54007a3f]{align-items:flex-end;max-width:70%}.message--assistant .message__bubble[data-v-54007a3f]{align-items:flex-start;max-width:85%}.message--user .message__content[data-v-54007a3f]{background-color:#1b84ff;color:#fff;padding:12px 16px;border-radius:18px 18px 4px}.message--user .message__avatar[data-v-54007a3f]{background-color:var(--accent-color);order:1;margin-left:12px}.message--assistant .message__content[data-v-54007a3f]{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px;border-radius:18px 18px 18px 4px}.message__avatar[data-v-54007a3f]{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar-content[data-v-54007a3f]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff}.message--assistant .message__avatar[data-v-54007a3f]{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.message--assistant .avatar-content[data-v-54007a3f]{color:var(--text-primary)}.message__content[data-v-54007a3f]{padding-top:2px}.message__actions[data-v-54007a3f]{display:flex;align-items:center;gap:8px;margin-top:4px;padding:0 4px}.message--user .message__actions[data-v-54007a3f]{justify-content:flex-end}.message--assistant .message__actions[data-v-54007a3f]{justify-content:flex-start}.message__text[data-v-54007a3f]{color:var(--text-primary);line-height:1.6;font-size:14px}.message--user .message__text[data-v-54007a3f]{color:#fff}.message__footer[data-v-54007a3f]{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:4px}.message__time[data-v-54007a3f]{font-size:11px;opacity:.7;font-weight:400;color:var(--text-secondary)}.message__copy-btn[data-v-54007a3f]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.message__copy-btn[data-v-54007a3f]:hover{opacity:1;background-color:var(--bg-hover);color:var(--text-primary)}.main-content__input[data-v-54007a3f]{padding:20px;border-top:1px solid var(--border-color);background-color:var(--bg-primary)}.input__container[data-v-54007a3f]{margin:0 auto;position:relative;display:flex;align-items:flex-end;gap:12px;padding:12px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;transition:border-color .2s ease}.input__container[data-v-54007a3f]:focus-within{border-color:var(--accent-color)}.input__textarea[data-v-54007a3f]{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:16px;line-height:1.4;resize:none;max-height:120px;overflow-y:auto}.input__textarea[data-v-54007a3f]::placeholder{color:var(--text-secondary)}.input__send-button[data-v-54007a3f]{width:32px;height:32px;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.input__send-button[data-v-54007a3f]:hover:not(:disabled){background-color:gray}.input__send-button[data-v-54007a3f]:disabled{background-color:gray;cursor:not-allowed;opacity:.5}.animate-spin[data-v-54007a3f]{animation:spin-54007a3f 1s linear infinite}@keyframes spin-54007a3f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator[data-v-54007a3f]{animation:fadeIn-54007a3f .3s ease-in}.typing-content[data-v-54007a3f]{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;border-radius:18px 18px 18px 4px;display:flex;align-items:center;justify-content:center;min-height:20px}.typing-dots[data-v-54007a3f]{display:flex;gap:4px;align-items:center}.dot[data-v-54007a3f]{width:10px;height:10px;border-radius:50%;background-color:var(--text-secondary);opacity:.6;animation:typing-54007a3f 1.2s infinite ease-in-out}.dot[data-v-54007a3f]:nth-child(1){animation-delay:0s}.dot[data-v-54007a3f]:nth-child(2){animation-delay:.2s}.dot[data-v-54007a3f]:nth-child(3){animation-delay:.4s}@keyframes typing-54007a3f{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@keyframes fadeIn-54007a3f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-avatar-image[data-v-54007a3f]{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar-fallback[data-v-54007a3f]{display:none}.user-avatar-3d[data-v-54007a3f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.face-circle[data-v-54007a3f]{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f4a261,#e76f51);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000001a}.sunglasses[data-v-54007a3f]{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1px}.lens[data-v-54007a3f]{width:5px;height:4px;background-color:#1a1a1a;border-radius:50%;border:.5px solid #333}.bridge[data-v-54007a3f]{width:2px;height:1px;background-color:#333}.smile[data-v-54007a3f]{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:8px;height:4px;border-bottom:1.5px solid #333;border-radius:0 0 8px 8px}@media(max-width:768px){.mobile-menu-toggle[data-v-54007a3f]{display:flex}.main-content__header[data-v-54007a3f]{padding:0 10px}.header-title[data-v-54007a3f]{font-size:14px}.main-content__messages[data-v-54007a3f]{margin:0 20px 10px}.main-content__input[data-v-54007a3f]{padding:15px}.message__text[data-v-54007a3f]{font-size:12px;line-height:1.5}.message__time[data-v-54007a3f]{font-size:10px}.message--user .message__content[data-v-54007a3f],.message--assistant .message__content[data-v-54007a3f]{padding:10px 14px}}.fade-in-text[data-v-54007a3f]{opacity:0;animation:fadeInText-54007a3f .5s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}.fade-in-text.animating[data-v-54007a3f]{animation:fadeInTextPulse-54007a3f .8s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeInText-54007a3f{0%{opacity:0;transform:translateY(3px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInTextPulse-54007a3f{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.message__text[data-v-54007a3f]{transition:all .2s cubic-bezier(.4,0,.2,1)}.main-content__container[data-v-54007a3f]{scroll-behavior:smooth}.typing-indicator[data-v-54007a3f]{animation:fadeIn-54007a3f .3s cubic-bezier(.4,0,.2,1)}.app-layout[data-v-0d8c6e35]{display:flex;height:100vh;background-color:var(--bg-primary)}@media(max-width:768px){.app-layout[data-v-0d8c6e35]{position:relative}}