:root{--chat-bg: #ffffff;--chat-bubble-user: var(--color-primary-light);--chat-bubble-bot: #f3f4f6;--chat-text: var(--color-text-dark);--chat-input-bg: #ffffff;--chat-shadow: 0 4px 20px rgba(0, 0, 0, .08);--chat-accent: var(--color-primary)}body.expert-page{background:linear-gradient(180deg,#f0fdf4,#fff 30% 100%);height:100dvh;overflow:hidden;display:flex;flex-direction:column}.expert-layout{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.expert-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;max-width:100%}.expert-profile{display:flex;align-items:center;gap:.75rem;flex:1}.expert-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);padding:2px;flex-shrink:0;background:#fff}.expert-info__name{font-weight:700;color:var(--color-text-dark);font-size:1rem;display:flex;align-items:center;gap:.5rem}.expert-badge{background:var(--color-primary);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.expert-info__status{font-size:.8rem;color:var(--color-text-gray);display:flex;align-items:center;gap:.4rem}.status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 6px #10b98180;animation:pulse-dot 2s infinite;display:inline-block}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{position:static;transform:none;background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#374151;width:40px;height:40px;border-radius:50%;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 4px #00000014,inset 0 1px #ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#00000014;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 4px 8px #0000001f,inset 0 1px #ffffff80}.dark-mode .icon-btn{background:#ffffff14;border-color:#ffffff26;color:#f9fafb;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.dark-mode .icon-btn:hover{background:#ffffff1f;border-color:var(--color-primary);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a}.icon-btn .icon--light{display:block}.icon-btn .icon--dark,.dark-mode .icon-btn .icon--light{display:none}.dark-mode .icon-btn .icon--dark{display:block}.icon-btn{position:relative}.icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:-35px;right:0;background:#374151;color:#fff;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.icon-btn:hover:after{opacity:1}.dark-mode .icon-btn:after{background:#e5e7eb;color:#111827}.chat-container{flex:1;overflow-y:auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.chat-container::-webkit-scrollbar{display:none}.welcome-card{width:100%;max-width:600px;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border-radius:24px;padding:2rem;text-align:center;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(34,197,94,.2);animation:fade-in .5s ease-out}.welcome-card__avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--color-primary);padding:3px;background:#fff;box-shadow:0 4px 12px #0000001a}.welcome-card__title{font-size:1.5rem;font-weight:800;color:var(--color-text-dark);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.welcome-card__subtitle{font-size:1rem;color:var(--color-text-gray);margin-bottom:1.5rem;line-height:1.6}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.suggestion-chip{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:.6rem 1rem;font-size:.9rem;color:var(--color-text-dark);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;box-shadow:0 1px 3px #0000000d}.suggestion-chip:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.suggestion-chip__icon{font-size:1.1rem}.message{display:flex;gap:.75rem;width:100%;max-width:800px;animation:slide-up .3s cubic-bezier(.25,.46,.45,.94) both;align-items:flex-start}.message--user{flex-direction:row-reverse}.message__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--color-primary);padding:1px;background:#fff;flex-shrink:0}.message--user .message__avatar{background:#e5e7eb;border-color:#d1d5db;display:flex;align-items:center;justify-content:center}.message__bubble{padding:1rem 1.25rem;border-radius:18px;font-size:1rem;line-height:1.6;box-shadow:0 1px 3px #0000000f;position:relative;max-width:calc(100% - 44px)}.message--bot .message__bubble{background-color:#f3f4f6;color:var(--chat-text);border-top-left-radius:4px}.message--user .message__bubble{background-color:var(--chat-bubble-user);color:var(--color-primary-dark);border-top-right-radius:4px;max-width:85%}.message__bubble p{margin-bottom:.5rem}.message__bubble p:last-child{margin-bottom:0}.message__bubble strong{font-weight:700}.message__bubble ul{margin-left:1.2rem;margin-bottom:.5rem}.typing-wrapper{display:flex;gap:.75rem;width:100%;max-width:800px;align-items:flex-start;animation:slide-up .3s ease-out}.typing-content{display:flex;flex-direction:column;gap:.25rem}.typing-text{font-size:.85rem;color:var(--color-text-gray);font-style:italic}.typing-indicator{display:flex;gap:5px;align-items:center;padding:.75rem 1rem;background:var(--chat-bubble-bot);border-radius:4px 18px 18px;width:fit-content}.typing-dot{width:7px;height:7px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.brand-footer{text-align:center;padding:.75rem 1rem;font-size:.75rem;color:#9ca3af;background:transparent}.brand-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.brand-footer a:hover{text-decoration:underline}.input-area{padding:1rem 1rem 1.5rem;display:flex;justify-content:center;background:linear-gradient(to bottom,#fff0,#fff 30%)}.input-wrapper{display:flex;gap:.75rem;align-items:center;background:#fff;padding:.5rem .75rem .5rem 1.25rem;border-radius:28px;border:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;width:100%;max-width:800px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#d1d5db;box-shadow:0 6px 24px #0000001a}.chat-input:focus-visible,.send-btn:focus-visible,.suggestion-chip:focus-visible{outline:none;outline-offset:0}.chat-input{flex:1;border:none;background:transparent;padding:.75rem 0;font-family:inherit;font-size:1rem;line-height:1.4;resize:none;height:auto;min-height:24px;max-height:120px;outline:none;overflow-y:hidden}.chat-input.has-overflow{overflow-y:auto}.send-btn{background:var(--color-primary);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.send-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.send-btn svg{width:20px;height:20px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.expert-layout:before,.expert-layout:after{content:"";position:fixed;width:280px;height:280px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%2322c55e'%3E%3Cpath opacity='0.12' d='M50 5C50 5 30 25 30 50C30 75 50 95 50 95C50 95 70 75 70 50C70 25 50 5 50 5Z'/%3E%3Cpath opacity='0.10' d='M25 30C25 30 10 45 10 65C10 85 25 95 25 95C25 95 40 85 40 65C40 45 25 30 25 30Z'/%3E%3Cpath opacity='0.08' d='M75 20C75 20 60 35 60 55C60 75 75 90 75 90C75 90 90 75 90 55C90 35 75 20 75 20Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:0;opacity:.8}.expert-layout:before{bottom:80px;right:-40px}.expert-layout:after{top:120px;left:-60px;transform:scaleX(-1)}@media(max-width:768px){.welcome-card{padding:1.5rem;border-radius:20px}.welcome-card__avatar{width:56px;height:56px}.welcome-card__title{font-size:1.25rem}.suggestion-chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.suggestion-chip{padding:.5rem .6rem;font-size:.8rem;justify-content:center;text-align:center}.message{max-width:95%}.input-area{padding:.75rem .75rem 1rem}.input-wrapper{padding:.4rem .5rem .4rem 1rem}.send-btn{width:40px;height:40px}.expert-header{padding:.6rem .75rem}.expert-layout:before{display:none}}.dark-mode.expert-page,.dark-mode .expert-page{background:#111827}.dark-mode .expert-layout{background:transparent}.dark-mode .expert-header{background:#111827f2;border-bottom-color:#1f2937}.dark-mode .expert-info__name{color:#f9fafb}.dark-mode .expert-info__status{color:#9ca3af}.dark-mode .welcome-card{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 20px #0000004d}.dark-mode .welcome-card__avatar{border-color:#10b981;background:#111827}.dark-mode .welcome-card__title{color:#f9fafb}.dark-mode .welcome-card__subtitle{color:#9ca3af}.dark-mode .suggestion-chip{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .suggestion-chip:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dark-mode .message--bot .message__bubble{background-color:#1f2937;color:#e5e7eb}.dark-mode .message--user .message__bubble{background-color:#374151;color:#f3f4f6}.dark-mode .message__avatar{border-color:#374151;background:#1f2937}.dark-mode .message--user .message__avatar{background:#374151;border-color:#4b5563}.dark-mode .typing-text{color:#9ca3af}.dark-mode .typing-indicator{background:#1f2937}.dark-mode .typing-dot{background:#6b7280}.dark-mode .input-area{background:linear-gradient(to bottom,#11182700,#111827 50%)}.dark-mode .input-wrapper{background:#1f2937;border-color:#374151}.dark-mode .input-wrapper:focus-within{border-color:#4b5563}.dark-mode .chat-input{color:#f9fafb}.dark-mode .chat-input::placeholder{color:#6b7280}.dark-mode .send-btn{background:var(--color-primary)}.dark-mode .send-btn:disabled{background:#374151}.dark-mode .brand-footer{color:#6b7280}.dark-mode .brand-footer a{color:#10b981}.dark-mode .expert-layout:before{opacity:.2;filter:brightness(.7)}