.shepherd-element{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:420px;z-index:9999}.shepherd-arrow:before,.shepherd-element{background:white;border:1px solid rgba(0,0,0,.05)}.shepherd-text{color:#374151;font-size:15px;line-height:1.8;padding:0}.shepherd-header{padding:0 0 12px;border-bottom:1px solid #f3f4f6;margin-bottom:12px}.shepherd-title{font-size:18px;font-weight:700;color:#111827;margin:0;line-height:1.4}.shepherd-cancel-icon{color:#9ca3af;transition:all .2s;position:absolute;top:16px;left:16px}.shepherd-cancel-icon:hover{color:#4b5563;transform:scale(1.1)}.shepherd-footer{padding:20px 0 0;display:flex;gap:12px;justify-content:flex-end}.shepherd-button{background:#2563eb;border:none;border-radius:10px;color:white;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;box-shadow:0 2px 4px rgba(37,99,235,.2)}.shepherd-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,99,235,.3)}.shepherd-button:active{transform:translateY(0)}.shepherd-button.shepherd-button-secondary{background:#f3f4f6;color:#4b5563;box-shadow:none;border:1px solid #e5e7eb}.shepherd-button.shepherd-button-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.shepherd-modal-overlay-container{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.shepherd-modal-overlay-container path{fill:rgba(0,0,0,.6)}[dir=rtl] .shepherd-text{text-align:right}[dir=rtl] .shepherd-footer{flex-direction:row-reverse}[dir=rtl] .shepherd-cancel-icon{left:auto;right:16px}.shepherd-element.shepherd-has-title .shepherd-content{padding:24px}.shepherd-content{border-radius:16px;padding:24px}.shepherd-theme-custom{animation:shepherdFadeIn .3s ease-out}@keyframes shepherdFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shepherd-element[data-popper-placement^=top] .shepherd-arrow{bottom:-5px}.shepherd-element[data-popper-placement^=bottom] .shepherd-arrow{top:-5px}.shepherd-element[data-popper-placement^=left] .shepherd-arrow{right:-5px}.shepherd-element[data-popper-placement^=right] .shepherd-arrow{left:-5px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite;animation-delay:1s}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-scaleIn{animation:scaleIn .5s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .6s ease-out forwards}.animate-slideInRight{animation:slideInRight .6s ease-out forwards}html{scroll-behavior:smooth}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px rgba(0,0,0,.15)}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.interactive-scale{transition:transform .2s ease}.interactive-scale:active{transform:scale(.98)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}a:focus-visible,button:focus-visible{outline:2px solid #374151;outline-offset:2px}.micro-interaction{transition:all .15s ease}.micro-interaction:hover{transform:scale(1.02)}.micro-interaction:active{transform:scale(.98)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{transform:translateX(100%)}}@keyframes pulse-soft{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .6s ease-out}.animate-fade-in-left{animation:fade-in-left .6s ease-out forwards}.animate-fade-in-right{animation:fade-in-right .6s ease-out forwards}.animate-pulse-soft{animation:pulse-soft 4s ease-in-out infinite}.animate-shine{animation:shine 1s ease-in-out}.typing-indicator{display:flex;align-items:center;height:16px}.typing-indicator span{display:block;width:6px;height:6px;border-radius:50%;background-color:#9ca3af;margin:0 1px;animation:typing 1.4s infinite}.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 typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}@media (prefers-color-scheme:dark){.typing-indicator span{background-color:#d1d5db}}.message-status-check{transition:color .2s ease}.connection-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.message-bubble-enter{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.attachment-preview{transition:all .2s ease}.attachment-preview:hover{transform:scale(1.02);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.messages-container{scroll-behavior:smooth;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.7)}.load-more-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-actions{opacity:0;transition:opacity .2s ease}.message-wrapper:hover .message-actions{opacity:1}.message-sending{opacity:.7}.message-failed{border-color:#ef4444;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}