body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@keyframes pulseDotGreen{0%{transform:scale(1);box-shadow:0 0 4px #4caf50}50%{transform:scale(1.1);box-shadow:0 0 8px #4caf50}to{transform:scale(1);box-shadow:0 0 4px #4caf50}}@keyframes pulseDotRed{0%{transform:scale(1);box-shadow:0 0 4px #f44336}50%{transform:scale(1.1);box-shadow:0 0 8px #f44336}to{transform:scale(1);box-shadow:0 0 4px #f44336}}@keyframes glowIconGreen{0%{box-shadow:0 0 6px rgba(76,175,80,.4)}50%{box-shadow:0 0 14px rgba(76,175,80,.7)}to{box-shadow:0 0 6px rgba(76,175,80,.4)}}@keyframes glowIconRed{0%{box-shadow:0 0 6px rgba(244,67,54,.4)}50%{box-shadow:0 0 14px rgba(244,67,54,.7)}to{box-shadow:0 0 6px rgba(244,67,54,.4)}}.new-message{animation:fadeInUp .3s ease-out}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.custom-toast-success{background-color:#4caf50!important;color:#fff!important;border-radius:12px!important;padding:6px 12px!important;box-shadow:0 4px 10px rgba(0,0,0,.25)!important;grid-gap:10px!important;gap:10px!important;text-align:center!important;min-height:40px!important}.custom-toast-success,.custom-toast-success:before{font-weight:700!important;display:flex!important;align-items:center!important}.custom-toast-success:before{content:"✅";background-color:#fff!important;color:#4caf50!important;border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;font-size:15px!important;margin-right:10px!important;animation:pulse 1.5s infinite}.custom-toast-error{background-color:#f44336!important;color:#fff!important;border-radius:12px!important;padding:6px 12px!important;font-weight:700!important;display:flex!important;align-items:center!important;box-shadow:0 4px 10px rgba(0,0,0,.25)!important;grid-gap:10px!important;gap:10px!important;text-align:center!important;min-height:40px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dot-flashing{width:6px;height:6px;border-radius:50%;background-color:#4f46e5;animation:dotFlashing 1s linear infinite alternate;display:inline-block}@keyframes dotFlashing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.custom-toast-error:before{content:"❌";background-color:#fff!important;color:#f44336!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:15px!important;font-weight:700!important;margin-right:10px!important;animation:shake .5s}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.custom-toast-warn{background-color:#ff9800!important;color:#fff!important;border-radius:12px!important;padding:6px 12px!important;box-shadow:0 4px 10px rgba(0,0,0,.25)!important;grid-gap:10px!important;gap:10px!important;text-align:center!important;min-height:40px!important}.custom-toast-warn,.custom-toast-warn:before{font-weight:700!important;display:flex!important;align-items:center!important}.custom-toast-warn:before{content:"⚠️";background-color:#fff!important;color:#ff9800!important;border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;font-size:15px!important;margin-right:10px!important;animation:pulse 1.5s infinite}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes bounce{0%{transform:translateX(0) scale(1)}25%{transform:translateX(15px) scale(1.05)}50%{transform:translateX(-10px) scale(1)}75%{transform:translateX(5px) scale(1.03)}to{transform:translateX(0) scale(1)}}.bounce-effect{animation:bounce .6s cubic-bezier(.25,1,.5,1)}@tailwind base;@tailwind components;@tailwind utilities;.modern-appbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradientShift 15s ease infinite}.modern-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}@keyframes statusPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.status-pulse{animation:statusPulse 2s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color,#1976d2);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#1565c0)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer-effect{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.modern-tooltip{background:rgba(0,0,0,.8)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;border:1px solid hsla(0,0%,100%,.1)!important}.modern-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 15px rgba(102,126,234,.3)}.modern-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.modern-button:active{transform:translateY(0)}.modern-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.modern-input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:12px 16px;color:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in-left{animation:fadeInLeft .6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-right{animation:fadeInRight .6s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.neo-card{background:#e0e5ec;border-radius:20px;box-shadow:20px 20px 60px #bec3c9,-20px -20px 60px #fff}.neo-card-dark{background:#2a2a2a;border-radius:20px;box-shadow:20px 20px 60px #1a1a1a,-20px -20px 60px #3a3a3a}.message-bubble{position:relative}.message-bubble:hover .message-actions{opacity:1!important}@media (max-width:960px){.message-actions{opacity:1!important}}@media (max-width:600px){.menuButton{opacity:1!important}}.menuButton{font-size:1.5rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}.listItem:hover .menuButton,.menuButton{color:inherit!important}.listItem:hover .menuButton{opacity:1!important;visibility:visible!important}@media (max-width:600px){.menuButton{opacity:1!important;visibility:visible!important}}