:root{--bg-primary:#ffffff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--bg-card:#ffffff;--bg-hover:#f9fafb;--bg-input:#ffffff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#ffffff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#3b82f6;--accent:var(--accent-color,#7a2dbf);--accent-hover:var(--accent-color-hover,#6b259e);--accent-text:#ffffff;--accent-rgb:122,45,191;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1)}.dark,[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--bg-card:#252525;--bg-hover:#262626;--bg-input:#2a2a2a;--text-primary:#ffffff;--text-secondary:#e5e7eb;--text-tertiary:#9ca3af;--text-inverse:#111827;--border-primary:#374151;--border-secondary:#4b5563;--border-focus:#60a5fa;--accent:var(--accent-color,#8b4bcf);--accent-hover:var(--accent-color-hover,#7a2dbf);--accent-text:#ffffff;--accent-rgb:139,75,207;--success:#34d399;--error:#f87171;--warning:#fbbf24;--info:#60a5fa;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.3)}*{box-sizing:border-box}.btn,.clickable,.icon-button,[role=button],a,button,input[type=button],input[type=submit]{border:none;outline:none}.btn:focus-visible,.clickable:focus-visible,.icon-button:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{background-color:var(--bg-primary);color:var(--text-primary)}.card,.dropdown,.modal,.panel{background-color:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.card:hover,.clickable:hover{background-color:var(--bg-hover)}.navbar,header,nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.simple-header{background:rgba(0,0,0,.4);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:none!important;box-shadow:none!important;padding:24px 0;position:relative}.simple-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,51,234,.3) 50%,transparent);box-shadow:0 0 20px rgba(147,51,234,.2)}.simple-header .cta-button-primary{padding:10px 20px!important;font-size:14px!important;border-radius:12px!important}.btn,button{background-color:var(--bg-secondary);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn:hover,button:hover{background-color:var(--bg-hover)}.btn-primary{background-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{background-color:var(--accent-hover)}input,select,textarea{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:.375rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent)}table{background-color:var(--bg-card)}th{background-color:var(--bg-secondary);color:var(--text-primary)}td,th{border-bottom:1px solid var(--border-primary)}tr:hover{background-color:var(--bg-hover)}.modal-backdrop,.overlay{background-color:rgba(0,0,0,.5)}.dialog,.modal-content{background-color:var(--bg-card);box-shadow:var(--shadow-lg)}.alert,.dialog,.modal-content{border:1px solid var(--border-primary)}.alert{background-color:var(--bg-secondary);color:var(--text-primary)}.alert-success{border-color:var(--success);color:var(--success)}.alert-error{border-color:var(--error);color:var(--error)}footer a,footer button{border:none;outline:none;background:transparent;transition:color .2s ease}footer a:hover,footer button:hover{text-decoration:none;background:transparent}footer a:focus-visible,footer button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a,footer a,footer a:hover{text-decoration:none}a{color:var(--accent);transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:none}.nav-link,nav a{position:relative;color:var(--text-primary);text-decoration:none;transition:color .2s ease}.nav-link:hover,nav a:hover{color:var(--accent)}.nav-link.active,nav a.active{color:var(--accent);position:relative}.nav-link.active:after,nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--accent);border-radius:1px}.admin-nav-button,.admin-tab,.tab-button,[data-state=active],button[role=tab]{background:transparent!important;border:none!important;outline:none!important;color:var(--text-secondary);padding:.75rem 1.5rem;cursor:pointer;position:relative;transition:color .2s ease;box-shadow:none!important}.admin-nav-button:hover,.admin-tab:hover,.tab-button:hover,button[role=tab]:hover{color:var(--text-primary);background:transparent!important;border:none!important;outline:none!important}.admin-nav-button.active,.admin-tab.active,.admin-tab[aria-selected=true],.tab-button.active,.tab-button[aria-selected=true],button[role=tab][data-state=active]{color:var(--accent)!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.admin-nav-button.active:after,.admin-tab.active:after,.admin-tab[aria-selected=true]:after,.tab-button.active:after,.tab-button[aria-selected=true]:after,button[role=tab][data-state=active]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--accent);border-radius:1px}.admin-panel button,.dashboard-tabs button,[role=tablist] button{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.admin-content,.admin-panel{border:none;background-color:var(--bg-card);border-radius:.5rem;padding:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-top:2px solid var(--accent);border-radius:50%;width:1.5rem;height:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-sm{width:1rem;height:1rem;border-width:1.5px}.loading-spinner-lg{width:2rem;height:2rem;border-width:3px}.lucide-loader-2,.lucide-rotate-cw,[class*=animate-spin],[class*=loading],[class*=spinner],svg[class*=animate-spin]{width:1.5rem!important;height:1.5rem!important;border:2px solid transparent!important;border-top:2px solid var(--accent)!important;border-radius:50%!important;animation:spin 1s linear infinite!important;background:none!important;display:inline-block!important}svg[class*=animate-spin] *{display:none!important}.accent-button,.btn-hover,.primary-button,.ui-button,button[type=submit]{background-color:var(--accent)!important;color:var(--accent-text)!important;border:none!important;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.accent-button:hover,.btn-hover:hover,.primary-button:hover,.ui-button:hover,button[type=submit]:hover{background-color:var(--accent)!important;filter:brightness(1.1)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.accent-button:active,.btn-hover:active,.primary-button:active,.ui-button:active,button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}button.accent-button:hover,button.btn-hover:hover,button.ui-button:hover{background-color:var(--accent)!important;filter:brightness(1.1)!important;opacity:1!important}.media-filter-button{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:none!important}.media-filter-button:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.media-filter-button.active{background-color:var(--accent)!important;color:var(--accent-text)!important}.google-auth-button:hover:not(.glass-google-button),button:has(path[fill="#4285F4"]):hover:not(.glass-google-button),button[type=button]:has(svg):hover:not(.glass-google-button){background-color:var(--bg-hover)!important;filter:brightness(1.05)!important}.glass-google-button:hover{background:rgba(255,255,255,.9)!important;filter:brightness(1.1)!important}.bg-input{background-color:var(--bg-input)}input[type=email],input[type=password],input[type=text],textarea{background-color:var(--bg-input)!important;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem 1rem;transition:all .2s ease}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(var(--accent),.1);background-color:var(--bg-input)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-hover{background-color:var(--bg-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}.focus\:ring-accent:focus{--tw-ring-color:var(--accent-color);--tw-ring-opacity:0.5;box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) rgba(var(--accent-rgb),var(--tw-ring-opacity))}.text-accent{color:var(--accent)}.bg-accent{background-color:var(--accent)}.placeholder-tertiary::-moz-placeholder{color:var(--text-tertiary)}.placeholder-tertiary::placeholder{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-fadeInFromLeft{animation:fadeInFromLeft .6s ease-out forwards}.dark img,[data-theme=dark] img{opacity:.9}.dark video,[data-theme=dark] video{opacity:.95}.dark ::-webkit-scrollbar-track,[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.dark code,.dark pre,[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:.375rem;padding:.125rem .25rem}.dark ::-moz-selection,[data-theme=dark] ::-moz-selection{background-color:var(--accent);color:var(--accent-text)}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--accent);color:var(--accent-text)}.theme-transition-none *{transition:none!important}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width:640px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.analytics-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.analytics-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.analytics-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease;min-height:300px}.analytics-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-card-title{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.analytics-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.5rem}.analytics-card-subtitle{color:var(--text-tertiary);font-size:.75rem;margin-bottom:1rem}.analytics-card-stats{display:flex;flex-direction:column;gap:.5rem}.analytics-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--border-primary)}.analytics-stat-item:last-child{border-bottom:none}.analytics-stat-label{color:var(--text-secondary);font-size:.875rem}.analytics-stat-value{color:var(--text-primary);font-weight:600;font-size:.875rem}.analytics-trend-positive{color:var(--success)}.analytics-trend-negative{color:var(--error)}.analytics-trend-neutral{color:var(--text-tertiary)}nav,nav#tab-content,nav#tab-content .max-w-4xl,nav#tab-content>div{background:transparent!important;background-color:transparent!important}.locked-content-title{color:#ffffff!important}.message-bubble-own{background-color:var(--accent)!important;color:var(--accent-text)!important}.message-bubble-other{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.message-input{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}.message-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(var(--accent),.2)!important}.conversation-item{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}.conversation-item:hover{background-color:var(--bg-hover)!important}.conversation-item.unread{background-color:var(--bg-secondary)!important}.conversation-item.active{background-color:rgba(var(--accent),.1)!important}.message-header,.message-sidebar{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}.tip-modal{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.tip-modal-header{border-color:var(--border-primary)!important}.tip-amount-button,.tip-modal-header{background-color:var(--bg-secondary)!important}.tip-amount-button{color:var(--text-primary)!important}.tip-amount-button:hover{background-color:var(--bg-hover)!important}.tip-amount-button.active{background-color:var(--accent)!important;color:var(--accent-text)!important}.message-status-read{color:var(--accent)!important}.avatar-placeholder,.message-status-unread{color:var(--text-tertiary)!important}.avatar-placeholder{background-color:var(--bg-secondary)!important}.message-timestamp{color:var(--text-secondary)!important}.dark .message-bubble-own{box-shadow:0 1px 2px rgba(0,0,0,.3)}.dark .message-bubble-other{box-shadow:0 1px 2px rgba(0,0,0,.2)}.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4,.legal-content h5,.legal-content h6{color:#ffffff!important}.content-type-button{position:relative;overflow:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;will-change:transform}.content-type-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15)}.content-type-button:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.content-type-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.content-type-button:disabled:hover{transform:none!important;box-shadow:none!important}.content-type-button:hover .icon-container{transform:rotate(2deg)}.content-type-button.selected{box-shadow:0 8px 25px rgba(0,0,0,.1),0 0 0 1px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.1)}.dark .content-type-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.1)}.dark .content-type-button:hover{border-color:rgba(167,139,250,.3);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(167,139,250,.1)}.content-type-button .gradient-overlay{transition:opacity .3s ease,transform .3s ease;transform:scale(1)}.content-type-button:not(.selected) .gradient-overlay{opacity:0;transform:scale(.95)}.content-type-button.selected .gradient-overlay{opacity:.05;transform:scale(1)}.content-type-button:hover .gradient-overlay{opacity:.08;transform:scale(1.02)}.content-type-button .selection-indicator{box-shadow:0 2px 8px rgba(0,0,0,.2);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px rgba(0,0,0,.2)}50%{box-shadow:0 2px 12px rgba(167,139,250,.4)}}.standalone-poll-option{transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.standalone-poll-option:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.standalone-poll-option:active{transform:translateY(-1px);transition-duration:.1s}.standalone-poll-image{position:relative;overflow:hidden;border-radius:.75rem}.standalone-poll-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));z-index:1;opacity:0;transition:opacity .3s ease}.standalone-poll-option:hover .standalone-poll-image:before{opacity:1}.ring-3{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-offset-2{--tw-ring-offset-width:2px}.poll-option *{transition:all .2s ease}@keyframes progressBarSlide{0%{width:0}to{width:var(--final-width)}}.poll-progress-animated{animation:progressBarSlide .7s ease-out forwards}*,:after,:before{box-sizing:border-box}.btn,.button,.clickable,.interactive,[role=button],[role=tab],[tabindex],a,button,input[type=button],input[type=reset],input[type=submit]{border:none!important;outline:none!important;box-shadow:none!important}.btn:focus-visible,.button:focus-visible,.clickable:focus-visible,.interactive:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible,input[type=submit]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:none!important}a,a:active,a:focus,a:hover,a:visited{text-decoration:none!important}.nav-link,.navigation-link,nav a{text-decoration:none!important;border:none!important;outline:none!important}.nav-link:hover,.navigation-link:hover,nav a:hover{text-decoration:none!important;color:var(--accent)}.admin-dashboard button,.admin-nav button,.admin-panel button,.dashboard-tabs button,.tab-navigation button,[role=tablist] button{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}footer .button,footer .link,footer a,footer button{border:none!important;outline:none!important;background:transparent!important;text-decoration:none!important}footer a:hover,footer button:hover{text-decoration:none!important;color:var(--accent)}.header-button,.header-link,header a,header button{border:none!important;outline:none!important;text-decoration:none!important}input,select,textarea{outline:none!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb,139,92,246),.2)!important}.audio-controls button,.btn-ghost,.btn-primary,.btn-secondary,.button-primary,.button-secondary,.clickable:hover,.dialog button,.interactive:hover,.media-controls button,.modal button,.popup button,.video-controls button,[role=button]:hover{border:none!important;outline:none!important}a[style*=border],button[style*=border]{border:none!important}.bg-yellow-400,.bg-yellow-500,.text-yellow-400,.text-yellow-500{background-color:var(--accent)!important;color:var(--accent-text)!important}[data-state=active]{background:transparent!important;border:none!important;outline:none!important;color:var(--accent)!important;position:relative}[data-state=active]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--accent);border-radius:1px}.animate-spin,.loading-spinner,.spinner{width:1.5rem!important;height:1.5rem!important;border-radius:50%!important;animation:spin 1s linear infinite!important;background:none!important;border:2px solid transparent!important;border-top:2px solid var(--accent)!important}.animate-spin[class*=border-t-2],.animate-spin[class*=border-white],.animate-spin[class*=border-yellow],.animate-spin[class*=h-10],.animate-spin[class*=h-32],.animate-spin[class*=w-10],.animate-spin[class*=w-32],.spinner{width:1.5rem!important;height:1.5rem!important;border:2px solid transparent!important;border-top:2px solid var(--accent)!important;border-radius:50%!important}.spinner{display:inline-block!important;animation:spin 1s linear infinite!important}.flex.items-center .lucide-loader-2,.flex.items-center .lucide-rotate-cw,.lucide-loader-2,.lucide-rotate-cw{display:none!important}.flex.items-center .lucide-loader-2:before,.flex.items-center .lucide-rotate-cw:before{content:"";display:inline-block;width:1.5rem;height:1.5rem;border:2px solid transparent;border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.flex.items-center .animate-spin,.flex.items-center.justify-center .animate-spin{width:1.5rem!important;height:1.5rem!important;border:2px solid transparent!important;border-top:2px solid var(--accent)!important;border-radius:50%!important}.fixed.bottom-6.right-6 .animate-spin,.progress-notification .animate-spin{width:1.25rem!important;height:1.25rem!important}