:root{--blue-900: #1A237E;--blue-800: #283593;--blue-700: #303F9F;--blue-600: #3949AB;--blue-500: #3F51B5;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--white: #FFFFFF;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.06);--z-dropdown: 50;--z-popover: 100;--z-tooltip: 150;--z-overlay: 200;--z-modal: 250;--z-alert: 300;--z-toast: 999999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:var(--gray-100);color:var(--gray-900, #212121);-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes pulse-dot{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:.8}}.animate-pulse-dot{animation:pulse-dot 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 2s infinite linear}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.streaming-cursor{display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;animation:blink-cursor 1s step-end infinite;vertical-align:text-bottom}@keyframes attach-pop{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.attach-item{animation:attach-pop .18s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0}.attach-item:nth-child(1){animation-delay:0ms}.attach-item:nth-child(2){animation-delay:30ms}.attach-item:nth-child(3){animation-delay:60ms}.attach-item:nth-child(4){animation-delay:90ms}.attach-item:nth-child(5){animation-delay:.12s}.attach-item:nth-child(6){animation-delay:.15s}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.4}}.rec-dot{animation:rec-pulse 1.2s ease-in-out infinite}@keyframes slide-hint{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(-8px);opacity:1}}.slide-hint{animation:slide-hint 1.5s ease-in-out infinite}@keyframes reaction-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.reaction-badge{animation:reaction-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes react-bar-in{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.react-bar{animation:react-bar-in .15s ease-out}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox{animation:lb-fade .2s ease-out}@keyframes check-in{0%{transform:scale(0)}to{transform:scale(1)}}.sel-check{animation:check-in .15s ease-out}@keyframes fwd-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fwd-dialog{animation:fwd-slide .2s ease-out}@keyframes info-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.msg-info-panel{animation:info-slide .25s ease-out}@keyframes wave-bar{0%,to{height:4px}50%{height:18px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes archive-expand{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.msg-bubble:hover>.msg-actions{opacity:1!important}.filter-pill{transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-pill:hover{background:#3b82f61a!important}.wa-chat-bg{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);position:relative}.wa-chat-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/chat-bg.png) center / cover no-repeat;opacity:.08;pointer-events:none}.msg-bubble-out{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-radius:10px;box-shadow:0 1px 2px #0000001a,0 4px 12px #00000014;border:1px solid rgba(255,255,255,.1)}.msg-bubble-out p,.msg-bubble-out p.text-sm,.msg-bubble-out p.text-xs,.msg-bubble-out span,.msg-bubble-out strong,.msg-bubble-out em,.msg-bubble-out s,.msg-bubble-out code{color:#fff!important;padding-left:7px;padding-right:7px}.msg-bubble-out .bubble-meta{color:#ffffffb3!important;padding-left:0;padding-right:0}.msg-bubble-in{background:#fff;color:#1f2937;border-radius:10px;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000a;border:1px solid rgba(0,0,0,.06)}.msg-bubble-in p,.msg-bubble-in span{color:inherit!important;padding-left:7px;padding-right:7px}.msg-bubble-in .bubble-meta{color:#9ca3af!important;padding-left:0;padding-right:0}.animated-add-btn{position:relative;display:inline-flex;align-items:center;gap:.5em;height:2.8em;padding:.35em 3.3em .35em 1.2em;font-weight:500;font-size:14px;color:#fff;background:#1a1a2e;border:none;border-radius:1em;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:inset 0 0 0 1px #ffffff1a}.animated-add-btn:hover{box-shadow:inset 0 0 0 1px #ffffff26,0 0 1em #667eea4d}.animated-add-btn:active{transform:scale(.98)}.animated-add-btn:disabled{opacity:.6;cursor:not-allowed}.animated-add-btn-circle{position:absolute;right:.3em;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);box-shadow:0 0 .5em #667eea66,inset 0 -.05em .2em #00000026;transition:all .3s ease}.animated-add-btn:hover .animated-add-btn-circle{width:calc(100% - .6em);box-shadow:0 0 1em #667eea80,inset 0 -.05em .2em #00000026}.animated-add-btn:active .animated-add-btn-circle{transform:scale(.95)}.animated-add-btn-circle svg{transition:transform .3s ease}.animated-add-btn:hover .animated-add-btn-circle svg{transform:scale(1.15) rotate(90deg)}.animated-add-btn-circle.circle-green{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);box-shadow:0 0 .5em #22c55e66,inset 0 -.05em .2em #00000026}.animated-add-btn:hover .animated-add-btn-circle.circle-green{box-shadow:0 0 1em #22c55e80,inset 0 -.05em .2em #00000026}.glass{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-strong{background:#ffffff1f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15)}.glass-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #0000000f}.conv-item{transition:all .2s ease;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff4d;box-shadow:1px 1px 3px #0000000a}.conv-item:hover{background:#fff6!important;box-shadow:0 1px 4px #0000000f}.conv-item.active{background:#f9fafb!important;border:1px solid rgba(229,231,235,.8);box-shadow:0 1px 3px #0000000a}.conv-item.pinned{outline:1px solid rgba(59,130,246,.25);outline-offset:-1px;background:#eff6ff33!important}.conv-item:hover .conv-dropdown-trigger{opacity:1!important}.conv-dropdown-trigger:hover{background:#0000000f}.wa-scroll{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent;scroll-behavior:smooth}.wa-scroll::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease}.wa-scroll::-webkit-scrollbar-track{background:transparent;border-radius:10px}.wa-scroll::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(156,163,175,.3);transition:all .3s ease}.wa-scroll::-webkit-scrollbar-thumb:hover{background:#6b728099}.wa-scroll:hover::-webkit-scrollbar{width:8px}.chat-input-pill{width:100%;border-radius:21px;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(209,213,219,.6);padding:9px 16px;font-size:15px;line-height:1.5;color:#111827;outline:none;box-shadow:0 1px 2px #0000000d;transition:border-color .15s ease,box-shadow .15s ease}.chat-input-pill:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d}.chat-input-pill::placeholder{color:#9ca3af}.chat-input-pill:disabled{opacity:.6;cursor:not-allowed}.date-line-left{height:1px;width:128px;background:linear-gradient(to left,rgba(255,255,255,.4),transparent)}.date-line-right{height:1px;width:128px;background:linear-gradient(to right,rgba(255,255,255,.4),transparent)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;color:#2563eb;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:10px}.msg-bubble:hover>.msg-actions button:hover{background:#0000000f;border-radius:50%}.btn-lift{transition:all .2s ease}.btn-lift:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-lift:disabled{opacity:.5;cursor:not-allowed}