:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #FFFFFF;--text-primary: #FFFFFF;--text-secondary: #FFFFFF;--vixter-text-primary: #FFFFFF;--vixter-text-secondary: rgba(255, 255, 255, .7);--container-padding: 1rem;--section-padding: 2rem;--border-radius: 8px;--font-size-base: 1rem;--font-size-small: .875rem;--font-size-large: 1.125rem}@media (min-width: 640px){:root{--container-padding: 1.5rem;--section-padding: 3rem;--font-size-base: 1rem;--font-size-small: .9rem;--font-size-large: 1.25rem}}@media (min-width: 768px){:root{--container-padding: 2rem;--section-padding: 4rem;--font-size-base: 1rem;--font-size-small: .9rem;--font-size-large: 1.375rem}}@media (min-width: 1024px){:root{--container-padding: 2.5rem;--section-padding: 5rem;--font-size-base: 1rem;--font-size-small: .9rem;--font-size-large: 1.5rem}}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);color:#fff;font-family:Inter,sans-serif;font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}@media (max-width: 768px){body{padding-top:72px}}@media (max-width: 576px){body{padding-top:68px}}#root{width:100%;min-height:100dvh;overflow-x:hidden}a{font-weight:500;color:#00ffca;text-decoration:inherit;transition:all .3s ease}a:hover{color:#8a2be2}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;color:#fff;line-height:1.2}h1{font-size:clamp(1.5rem,5vw,3rem)}h2{font-size:clamp(1.25rem,4vw,2.5rem)}h3{font-size:clamp(1.125rem,3vw,1.875rem)}h4{font-size:clamp(1rem,2.5vw,1.5rem)}h5{font-size:clamp(.875rem,2vw,1.25rem)}h6{font-size:clamp(.75rem,1.5vw,1rem)}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-size-base);font-weight:500;font-family:inherit;background-color:#8a2be233;color:#fff;cursor:pointer;transition:all .3s ease;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}button:hover{border-color:#8a2be2;background-color:#8a2be24d}button:focus,button:focus-visible{outline:2px solid #00FFCA;outline-offset:2px}@media (max-width: 768px){button{padding:.75em 1.5em;font-size:var(--font-size-base);min-height:48px;min-width:48px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#8a2be280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a2be2b3}::selection{background:#8a2be24d;color:#fff}::-moz-selection{background:#8a2be24d;color:#fff}*:focus{outline:2px solid #00FFCA;outline-offset:2px}*:focus:not(:focus-visible){outline:none}.text-gradient{background:linear-gradient(135deg,#8a2be2,#00ffca);-webkit-background-clip:text;background-clip:text;color:transparent}.glow{box-shadow:0 0 20px #8a2be24d}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (max-width: 768px){.mobile\:flex-col{flex-direction:column}.mobile\:items-stretch{align-items:stretch}.mobile\:text-center{text-align:center}}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.text-sm{font-size:var(--font-size-small)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-large)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width: 768px){.mobile\:hidden{display:none}.mobile\:block{display:block}.mobile\:text-sm{font-size:var(--font-size-small)}.mobile\:p-2{padding:.5rem}.mobile\:p-4{padding:1rem}}@media (min-width: 769px){.desktop\:hidden{display:none}.desktop\:block{display:block}}@media (max-width: 768px){input,select,textarea{min-height:44px;font-size:16px}.form-group,.card{margin-bottom:1rem}}html,body{overflow-x:hidden;width:100%}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cached-image-loading{position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:8px;overflow:hidden}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.cached-image-loading.profile-avatar{border-radius:50%;min-width:40px;min-height:40px}.cached-image-loading.profile-avatar .spinner{width:16px;height:16px;border-width:1px}.cached-image-loading.service-image{border-radius:8px;min-width:200px;min-height:150px}.cached-image-loading.cover-photo{border-radius:12px;min-width:100%;min-height:200px}.cached-image-loading.avatar-small{border-radius:50%;min-width:32px;min-height:32px}.cached-image-loading.avatar-small .spinner{width:12px;height:12px;border-width:1px}.cached-image-loading.avatar-medium{border-radius:50%;min-width:48px;min-height:48px}.cached-image-loading.avatar-medium .spinner{width:18px;height:18px;border-width:1.5px}.cached-image-loading.avatar-large{border-radius:50%;min-width:80px;min-height:80px}.cached-image-loading.avatar-large .spinner{width:24px;height:24px;border-width:2px}.cached-image-error{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-size:12px;min-height:100px}.cached-image-error.profile-avatar{border-radius:50%;min-width:40px;min-height:40px}.cached-image-error.avatar-small{border-radius:50%;min-width:32px;min-height:32px;font-size:10px}.cached-image-error.avatar-medium{border-radius:50%;min-width:48px;min-height:48px;font-size:11px}.cached-image-error.avatar-large{border-radius:50%;min-width:80px;min-height:80px;font-size:14px}.notification-icon-container{position:relative;display:flex;align-items:center;margin-right:20px}.notification-icon-btn{position:relative;background:none;border:none;color:#fcfcfc;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.notification-icon-btn:hover{color:#00ffca;background:#00ffca1a;border-color:#00ffca;transform:scale(1.05)}.notification-bell{width:20px;height:20px;transition:all .3s ease}.notification-icon-btn:hover .notification-bell{animation:ring 1s ease-in-out}@keyframes ring{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ff2e63,#ff6b9d);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid #0F0F1A;box-shadow:0 0 8px #ff2e6399;animation:pulse-badge 2s infinite}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#1a1a2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:dropdown-appear .3s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){@keyframes dropdown-appear-mobile{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown{animation:dropdown-appear-mobile .3s ease-out}}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f1acc}.notification-dropdown-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fcfcfc}.notification-count{background:linear-gradient(135deg,#8a2be2,#00ffca);color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:12px;min-width:20px;text-align:center}.notification-dropdown-content{max-height:350px;overflow-y:auto;padding:8px 0}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:#ffffff1a}.notification-dropdown-content::-webkit-scrollbar-thumb{background:#00ffca4d;border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#00ffca80}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#a0a0a0}.notification-empty-icon{width:48px;height:48px;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:.9rem}.notification-list{list-style:none;padding:0;margin:0}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:12px;flex-shrink:0;margin-top:2px}.notification-success .notification-item-icon{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.notification-error .notification-item-icon{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.notification-warning .notification-item-icon{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.notification-info .notification-item-icon{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-weight:600;font-size:.9rem;color:#fcfcfc;margin-bottom:4px;line-height:1.3}.notification-item-message{font-size:.8rem;color:#b0b0b0;line-height:1.4;margin-bottom:4px}.notification-item-action{font-size:.75rem;color:#00ffca;font-weight:500;margin-top:4px}.notification-item-persistent{display:flex;align-items:center;margin-left:8px}.persistent-indicator{color:#ff2e63;font-size:8px;animation:pulse-persistent 2s infinite}@keyframes pulse-persistent{0%,to{opacity:1}50%{opacity:.5}}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0f0f1acc}.notification-clear-btn{width:100%;background:#00ffca1a;border:1px solid rgba(0,255,202,.3);color:#00ffca;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notification-clear-btn:hover{background:#00ffca33;border-color:#00ffca}@media (max-width: 768px){.notification-dropdown{width:320px;right:-20px;top:auto;bottom:calc(100% + 8px)}.notification-item{padding:14px 16px}.notification-item-title{font-size:.85rem}.notification-item-message{font-size:.75rem}}@media (max-width: 576px){.notification-dropdown{width:300px;right:-40px;top:auto;bottom:calc(100% + 8px)}.notification-dropdown-header{padding:14px 16px}.notification-dropdown-header h3{font-size:1rem}}.notification-item:hover{background:#00ffca0d}.notification-item.notification-warning:hover{background:#f59e0b0d}.notification-item.notification-error:hover{background:#ef44440d}.notification-item.notification-success:hover{background:#22c55e0d}.notification-item.notification-info:hover{background:#3b82f60d}.notification-center{position:relative;display:inline-block}.notification-toggle{position:relative;background:none;border:none;color:#a8a8b3;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.notification-toggle:hover{color:#d1d5db;background:#ffffff1a}.notification-count{position:absolute;top:0;right:0;background:#ff4757;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.notification-dropdown{position:absolute;top:100%;right:0;width:350px;max-height:400px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #333;background:#222}.notification-actions{display:flex;gap:8px}.notification-header h3{margin:0;color:#d1d5db;font-size:1rem;font-weight:600}.mark-all-read,.delete-read{background:none;border:none;color:#8a2be2;font-size:.8rem;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.mark-all-read:hover{background:#8a2be21a;color:#a855f7}.delete-read{color:#ff4757}.delete-read:hover{background:#ff47571a;color:#ff6b7a}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #2a2a2a;transition:background .2s ease;position:relative}.notification-content-wrapper{display:flex;align-items:flex-start;flex:1;cursor:pointer}.notification-item:hover{background:#ffffff0d}.delete-notification{position:absolute;top:8px;right:8px;background:none;border:none;color:#666;font-size:.7rem;cursor:pointer;padding:4px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.notification-item:hover .delete-notification{opacity:1}.delete-notification:hover{background:#ff47571a;color:#ff4757}.notification-item.unread{background:#8a2be21a;border-left:3px solid #8a2be2}.notification-item.unread:hover{background:#8a2be226}.notification-icon{margin-right:12px;margin-top:2px;font-size:1.1rem;width:20px;text-align:center}.notification-message{margin:0 0 4px;color:#d1d5db;font-size:.9rem;line-height:1.4}.notification-meta{display:flex;flex-direction:column;gap:2px}.notification-time{color:#a8a8b3;font-size:.75rem}.notification-post{color:#8a8a8a;font-size:.8rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8a8a8a;text-align:center}.no-notifications i{font-size:2rem;margin-bottom:12px;opacity:.5}.no-notifications p{margin:0;font-size:.9rem}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#2a2a2a}.notification-list::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#777}.notification-message-preview{color:#888;font-size:.85rem;font-style:italic;margin-top:4px;display:block}.notification-product{color:#a8a8b3;font-size:.85rem;font-weight:500;margin-top:4px;display:block}.notification-amount{color:#00ffca;font-size:.85rem;font-weight:600;margin-top:4px;display:block}.notification-item[data-type=email_verification]{border-left:3px solid #ffa726}.notification-item[data-type=email_verification] .notification-icon{background:#ffa7261a}.notification-item[data-type=message]{border-left:3px solid #ff6b35}.notification-item[data-type=message] .notification-icon{background:#ff6b351a}.notification-item[data-type=service_purchase]{border-left:3px solid #2ecc71}.notification-item[data-type=service_purchase] .notification-icon{background:#2ecc711a}.notification-item[data-type=pack_purchase]{border-left:3px solid #3498db}.notification-item[data-type=pack_purchase] .notification-icon{background:#3498db1a}.notification-item[data-type=service_accepted]{border-left:3px solid #27ae60}.notification-item[data-type=service_accepted] .notification-icon{background:#27ae601a}.notification-item[data-type=pack_accepted]{border-left:3px solid #27ae60}.notification-item[data-type=pack_accepted] .notification-icon{background:#27ae601a}.notification-item:hover{background:#ffffff0d;transform:translate(2px)}@media (max-width: 768px){.notification-dropdown{width:calc(100vw - 20px);max-width:350px;right:-10px;top:auto;bottom:calc(100% + 16px);margin-bottom:0;max-height:60vh;z-index:1001}.notification-list{max-height:calc(60vh - 60px)}.notification-toggle{padding:10px}.notification-item{padding:14px 16px}.delete-notification{opacity:1;top:12px;right:12px}}.mobile-notification-container .notification-center{position:relative;display:inline-block}.mobile-notification-container .notification-dropdown{margin-top:8px}.mobile-notification-container .notification-toggle{background:#0f0f1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:#fcfcfc;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px}.mobile-notification-container .notification-toggle:hover{background:#00ffca1a;border-color:#00ffca;color:#00ffca;transform:scale(1.05)}.mobile-notification-container .notification-toggle:active{transform:scale(.95)}.mobile-notification-container .notification-count{background:linear-gradient(135deg,#ff2e63,#ff6b9d);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid #0F0F1A;box-shadow:0 0 8px #ff2e6399;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 576px){.mobile-notification-container .notification-toggle{width:32px;height:32px;min-width:32px;min-height:32px;font-size:1rem;padding:6px}.mobile-notification-container .notification-count{font-size:.6rem;min-width:14px;height:14px;padding:1px 4px}.mobile-notification-container .notification-dropdown{width:calc(100vw - 16px);max-width:320px;right:-8px;top:auto;bottom:calc(100% + 20px);margin-bottom:0;max-height:50vh;z-index:1002;position:absolute}@media (max-width: 480px){.mobile-notification-container .notification-dropdown{position:fixed;inset:60% auto auto 50%;transform:translate(-50%,10%);width:calc(100vw - 32px);max-width:300px;margin-bottom:0;max-height:50vh;z-index:1003}.mobile-notification-container .notification-dropdown:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}.mobile-notification-container .notification-dropdown:after{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent;z-index:1}}.mobile-notification-container .notification-list{max-height:calc(50vh - 60px)}}.mobile-nav-header-content .notification-center{position:relative;display:flex;justify-content:center;width:100%}.mobile-nav-header-content .notification-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;color:#fcfcfc;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.mobile-nav-header-content .notification-toggle:hover{background:#00ffca1a;border-color:#00ffca;color:#00ffca}.mobile-nav-header-content .notification-toggle i{color:#00ffca}.mobile-nav-header-content .notification-count{background:#ff2e63;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;margin-left:4px;position:static;min-width:auto;padding:0}.mobile-nav-header-content .notification-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:70vh;z-index:1000;background:#0f0f1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #00000080}.mobile-nav-header-content .notification-dropdown:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}.search-container{position:relative;width:100%;max-width:400px;box-sizing:border-box}.search-container *{box-sizing:border-box}.search-form{width:100%}.search-input-container{position:relative;display:flex;align-items:center;background:#2a2a2a;border-radius:25px;border:1px solid #444;overflow:hidden;transition:border-color .3s ease}.search-input-container:focus-within{border-color:#007bff}.search-input{flex:1;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-input::placeholder{color:#888}.search-button{padding:12px 16px;background:transparent;border:none;color:#888;cursor:pointer;transition:color .3s ease}.search-button:hover{color:#007bff}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #444;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;max-height:400px;overflow-y:auto;margin-top:4px}.search-loading{display:flex;align-items:center;gap:8px;padding:16px;color:#888;font-size:14px}.search-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:#888;font-size:14px}.search-no-results i{font-size:24px;color:#666}.search-section{border-bottom:1px solid #333}.search-section:last-of-type{border-bottom:none}.search-section-title{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;color:#007bff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;transition:background-color .2s ease;border-bottom:1px solid #333}.search-result-item:hover{background:#2a2a2a}.search-result-item:last-child{border-bottom:none}.search-result-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #444}.search-result-icon{width:40px;height:40px;border-radius:8px;background:#007bff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.search-result-username{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-view-all{padding:12px 16px;border-top:1px solid #333;background:#222}.view-all-link{display:flex;align-items:center;gap:8px;color:#007bff;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.view-all-link:hover{color:#0056b3}@media (max-width: 768px){.search-container{max-width:100%}.search-input-container{border-radius:20px}.search-input{padding:10px 14px;font-size:13px}.search-button{padding:10px 14px}.search-dropdown{border-radius:8px;max-height:300px}.search-section-title{padding:10px 12px 6px;font-size:11px}.search-result-item{padding:10px 12px;gap:10px}.search-result-avatar,.search-result-icon{width:35px;height:35px}.search-result-icon{font-size:16px}.search-result-name{font-size:13px}.search-result-username{font-size:11px}.search-view-all{padding:10px 12px}.view-all-link{font-size:13px}}@media (max-width: 480px){.search-input{padding:8px 12px;font-size:12px}.search-button{padding:8px 12px}.search-dropdown{max-height:250px}.search-section-title{padding:8px 10px 4px;font-size:10px}.search-result-item{padding:8px 10px;gap:8px}.search-result-avatar,.search-result-icon{width:30px;height:30px}.search-result-icon{font-size:14px}.search-result-name{font-size:12px}.search-result-username{font-size:10px}.search-view-all{padding:8px 10px}.view-all-link{font-size:12px}}@media (max-width: 768px){.search-container{max-width:100%}.search-input{font-size:16px}.search-dropdown{max-height:300px}}header{background-color:#0f0f1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);width:100%;overflow:visible}nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;max-width:1200px;margin:0 auto;overflow:visible}.header-left{display:flex;align-items:center;gap:16px;flex:1;justify-content:space-between}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(to right,#8a2be2,#00ffca);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em;position:relative;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer;text-decoration:none}.logo:hover{transform:scale(1.02)}.logo-icon{width:64px;height:64px;filter:drop-shadow(0 0 8px rgba(138,43,226,.6));transition:all .3s ease}.logo-icon:hover{filter:drop-shadow(0 0 12px rgba(138,43,226,.8));transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:24px;align-items:center}.search-container-nav{position:relative;flex:1;max-width:400px;margin:0 20px}.mobile-search-bar{display:none;flex:1;max-width:200px;justify-content:center}.mobile-search-container{padding:16px;border-bottom:1px solid #333}.nav-links li{position:relative}.nav-links a{color:#fcfcfc;font-weight:500;font-size:1.05rem;padding:8px;border-radius:4px;transition:all .2s ease;text-decoration:none}.nav-links a:hover{color:#00ffca;background-color:#00ffca14}.nav-links a.active{color:#00ffca;background-color:#00ffca1a}.mobile-header-actions{display:none;align-items:center;gap:8px;position:fixed;right:12px;top:12px;z-index:150}.mobile-notification-container{display:flex;align-items:center;position:relative;z-index:151}.mobile-menu-btn{display:none;background:none;border:none;color:#00ffca;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;position:relative;z-index:150;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:40px;min-height:40px;align-items:center;justify-content:center}.mobile-menu-btn:hover{color:#b14aff;background:#b14aff1a}.mobile-menu-btn:active{color:#c974ff;background:#b14aff33;transform:scale(.95)}.mobile-menu-btn:focus{outline:none;color:#b14aff;background:#b14aff1a;box-shadow:0 0 0 2px #b14aff4d}.auth-hide{display:none}.auth-hide.logged-in,.auth-hide.logged-out{display:block}.vp-balance{display:flex;align-items:center;justify-content:center;background-color:#1a1a2e;padding:4px 20px;border-radius:12px;color:#fcfcfc;font-weight:600;margin-right:15px;position:relative;overflow:hidden;border:1px solid #2D2D44;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;cursor:pointer;min-width:180px;height:40px}.vp-balance:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8a2be21a,#00ffca1a);z-index:0}.vp-balance:after{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.vp-balance:hover{transform:translateY(-2px);box-shadow:0 0 10px #8a2be280,0 0 20px #8a2be24d;border-color:#8a2be2}header nav .nav-links .vp-balance .vp-icon,header .vp-balance .vp-icon,.vp-balance .vp-icon{margin-right:12px!important;height:32px!important;width:32px!important;min-height:32px!important;min-width:32px!important;max-height:32px!important;max-width:32px!important;position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;box-sizing:border-box!important}header nav .nav-links .vp-balance .vp-icon svg,header .vp-balance .vp-icon svg,.vp-balance .vp-icon svg{height:100%!important;width:100%!important;min-height:32px!important;min-width:32px!important;max-height:32px!important;max-width:32px!important;flex-shrink:0!important;box-sizing:border-box!important}#vp-amount{position:relative;z-index:1;font-family:"Press Start 2P",monospace;font-size:.9rem;background:linear-gradient(to right,#b14aff,#00ffca);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,202,.5);white-space:nowrap;display:flex;align-items:center;line-height:1}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;padding:4px;border-radius:50%;transition:all .2s ease;text-decoration:none;color:inherit}.profile-trigger:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#8a2be2,#00ffca);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1}.profile-trigger:hover:before{opacity:.3}.profile-trigger:hover{transform:scale(1.05)}.profile-picture-container{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0003;border:2px solid #a075e6;z-index:10}.header-elo-badge{position:absolute;bottom:-2px;right:-2px;z-index:10;transform:scale(.7)}.profile-picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;position:relative;z-index:5}.profile-picture i{font-size:18px;color:#a075e6;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;z-index:5}.profile-initials{font-family:"Press Start 2P",monospace;font-size:12px;background:linear-gradient(to right,#00ffca,#8a2be2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,202,.5);display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;z-index:5}.dropdown-indicator{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#00ffca;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0F0F1A;transition:all .3s ease}.dropdown-indicator i{font-size:8px;color:#0f0f1a;transition:transform .3s ease}.profile-dropdown:hover .dropdown-indicator i{transform:rotate(180deg)}.profile-dropdown:hover .dropdown-indicator:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#00ffca,#8a2be2);border-radius:50%;z-index:-1;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile-dropdown:hover .profile-picture{border-color:#00ffca}.profile-dropdown-content{position:absolute;top:100%;right:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 0;min-width:200px;box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}.profile-dropdown:hover .profile-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-content a{display:flex;align-items:center;padding:12px 16px;color:#fcfcfc;text-decoration:none;transition:all .2s ease;font-size:.9rem}.profile-dropdown-content a i{margin-right:12px;width:16px;text-align:center;color:#00ffca;transition:color .2s ease}.profile-dropdown-content a:hover{background:#00ffca1a;color:#00ffca}.profile-dropdown-content a:hover i{color:#00ffca}.profile-dropdown-content a:after{display:none}.profile-dropdown-content a:last-child:after{display:none}.profile-dropdown-content a:last-child{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:12px}.profile-dropdown-content a:last-child i{color:#ff2e63}.profile-dropdown-content a:last-child:hover{background:#ff2e631a;color:#ff2e63}.dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:flex;flex-direction:column;position:fixed;inset:0;background:#0f0f1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;transform:translate(100%);transition:all .3s ease;visibility:hidden;opacity:0;overflow-y:auto;height:100dvh;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-nav.active{display:flex!important;visibility:visible!important;opacity:1!important;transform:translate(0)!important}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:sticky;top:0;background:#0f0f1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.mobile-nav-header .logo{display:none}.mobile-nav-close{background:none;border:none;color:#fcfcfc;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-nav-close:hover{color:#b14aff;background:#b14aff1a}.mobile-nav-close:active{color:#c974ff;background:#b14aff33;transform:scale(.95)}.mobile-nav-close:focus{outline:none;color:#b14aff;background:#b14aff1a;box-shadow:0 0 0 2px #b14aff4d}.mobile-nav-links{list-style:none;padding:20px;display:flex;flex-direction:column;gap:0;margin:0;flex:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-links li{border-bottom:1px solid rgba(255,255,255,.1);position:relative;min-height:44px}.mobile-nav-links li:last-child{border-bottom:none}.mobile-nav-links a{display:flex;align-items:center;padding:20px 0;color:#fcfcfc;font-weight:500;font-size:1.1rem;text-decoration:none;transition:all .2s ease;width:100%;box-sizing:border-box;position:relative;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.mobile-nav-links a:hover{color:#00ffca;background-color:#00ffca0d;padding-left:10px}}@media (hover: none) and (pointer: coarse){.mobile-nav-links a:active{color:#00ffca;background-color:#00ffca14;transform:scale(.98)}}.mobile-nav-links a.active{color:#00ffca;background-color:#00ffca1a;padding-left:15px}.mobile-nav-links a i{margin-right:15px;width:20px;text-align:center;color:#00ffca}.mobile-nav-header-content{position:relative;padding:20px;background:#0f0f1acc;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.mobile-profile-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border-radius:12px;transition:all .2s ease;position:relative;width:100%;max-width:none}.mobile-profile-user-info{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.mobile-profile-actions{display:flex;align-items:center;gap:8px}.mobile-profile-user-info:hover{background-color:#00ffca0d;border-radius:12px}.mobile-profile-user-info:active{background-color:#00ffca1a}.mobile-profile-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #00FFCA;display:flex;align-items:center;justify-content:center;background-color:#1a1a2e}.mobile-profile-avatar img,.mobile-profile-avatar .cached-image{width:100%;height:100%;object-fit:cover}.mobile-profile-avatar .profile-initials{font-size:14px;font-weight:600;color:#00ffca}.mobile-profile-avatar i{font-size:16px;color:#888}.mobile-profile-details{display:flex;flex-direction:column}.mobile-profile-name{font-size:.9rem;font-weight:600;color:#fcfcfc;margin-bottom:2px}.mobile-profile-username{font-size:.8rem;color:#888}.mobile-vp-balance-integrated{display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;background:none;border:none}.mobile-vp-balance-integrated:hover{background-color:#8a2be21a;transform:scale(1.05)}.mobile-vp-balance-integrated .vp-icon{height:32px!important;width:32px!important;min-height:32px!important;min-width:32px!important;max-height:32px!important;max-width:32px!important}.mobile-vp-balance-integrated .vp-icon svg{height:100%!important;width:100%!important;min-height:32px!important;min-width:32px!important;max-height:32px!important;max-width:32px!important}.vp-amount-mobile{font-family:"Press Start 2P",monospace;font-size:1.1rem;font-weight:700;background:linear-gradient(to right,#b14aff,#00ffca);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;line-height:1.1;margin-left:8px}@media (max-width: 1000px){header{min-height:auto}nav{padding:8px 12px;min-height:50px;position:relative}.logo{font-size:1.3rem;gap:8px;position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:20}.logo span{display:none}.logo-icon{width:42px;height:42px}.logo:hover{transform:translateY(-50%) scale(1.01)}.logo-icon:hover{filter:drop-shadow(0 0 8px rgba(138,43,226,.6));transform:scale(1.02)}.nav-links{display:none}.mobile-search-bar{display:flex!important;justify-content:center;max-width:300px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.mobile-search-bar .search-input-container{height:36px!important}.mobile-search-bar .search-input{padding:8px 12px!important;font-size:14px!important}.mobile-search-bar .search-button{padding:8px 12px!important}.mobile-header-actions,.mobile-notification-container{display:flex!important}.mobile-menu-btn{display:flex!important;font-size:1.2rem;padding:6px;min-width:36px;min-height:36px;background:#0f0f1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.vp-balance{display:none}.profile-picture-container{width:28px;height:28px}.dropdown-indicator{width:12px;height:12px}.dropdown-indicator i{font-size:6px}.profile-dropdown-content{min-width:180px;right:-10px}}@media (max-width: 768px){header{min-height:auto}nav{padding:12px 16px;min-height:60px}}@media (max-width: 576px){header{min-height:auto}nav{padding:10px 12px;min-height:56px}.logo{font-size:1.1rem;gap:6px;position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:20}.logo span{display:none}.logo-icon{width:36px;height:36px}.logo:hover{transform:translateY(-50%) scale(1.01)}.logo-icon:hover{filter:drop-shadow(0 0 6px rgba(138,43,226,.5));transform:scale(1.02)}.mobile-search-bar{max-width:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.mobile-search-bar .search-input-container{height:32px!important}.mobile-search-bar .search-input{padding:6px 10px!important;font-size:13px!important}.mobile-search-bar .search-button{padding:6px 10px!important}.header-left{justify-content:flex-start;position:relative;flex:1}.mobile-header-actions{right:10px;top:10px}.mobile-notification-container{display:flex!important}.mobile-menu-btn{font-size:1.1rem;padding:5px;min-width:32px;min-height:32px;background:#0f0f1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.profile-picture-container{width:24px;height:24px}.dropdown-indicator{width:10px;height:10px}.dropdown-indicator i{font-size:5px}.profile-dropdown-content{right:-20px;min-width:160px}.mobile-nav-links a{font-size:1rem;padding:18px 0}.mobile-profile-info{padding:8px 12px}.mobile-profile-avatar{width:36px;height:36px}.mobile-profile-name{font-size:.85rem}.mobile-profile-username{font-size:.75rem}.mobile-vp-balance-integrated .vp-icon{height:20px!important;width:20px!important;min-height:20px!important;min-width:20px!important;max-height:20px!important;max-width:20px!important}.mobile-vp-balance-integrated .vp-icon svg{height:100%!important;width:100%!important;min-height:20px!important;min-width:20px!important;max-height:20px!important;max-width:20px!important}.vp-amount-mobile{font-size:.6rem}}@media (min-width: 1001px) and (max-width: 1200px){nav{padding:14px 24px}.nav-links{gap:20px}.nav-links a{font-size:1rem;padding:6px}.vp-balance{margin-right:12px;padding:3px 18px;min-width:170px;height:38px}header nav .nav-links .vp-balance .vp-icon,header .vp-balance .vp-icon,.vp-balance .vp-icon{height:30px!important;width:30px!important;min-height:30px!important;min-width:30px!important;max-height:30px!important;max-width:30px!important;margin-right:10px!important}header nav .nav-links .vp-balance .vp-icon svg,header .vp-balance .vp-icon svg,.vp-balance .vp-icon svg{height:100%!important;width:100%!important;min-height:30px!important;min-width:30px!important;max-height:30px!important;max-width:30px!important}#vp-amount{font-size:.85rem}}footer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:20px;text-align:center;color:#b8b8b8;font-size:.9rem;margin-top:auto}body.in-call footer{display:none!important}footer p{margin:0}.mobile-footer{display:none}body.in-call .mobile-footer{display:none!important}@media (max-width: 768px){.mobile-footer{display:block;position:fixed;bottom:0;left:0;right:0;background-color:#0f0f1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -4px 20px #0000004d;border-top:1px solid rgba(0,255,202,.2);z-index:99;padding:8px 0}.mobile-footer-nav{display:flex;justify-content:space-around;align-items:center;max-width:768px;margin:0 auto;padding:0 16px}.mobile-footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;text-decoration:none;color:#fff9;transition:all .3s ease;position:relative;flex:1;border-radius:12px}.mobile-footer-item i{font-size:20px;transition:all .3s ease}.mobile-footer-item span{font-size:11px;font-weight:500;transition:all .3s ease}.mobile-footer-item:hover{color:#00ffcacc;background:#00ffca0d}.mobile-footer-item:hover i{transform:translateY(-2px)}.mobile-footer-item.active{color:#00ffca;background:#00ffca1a}.mobile-footer-item.active i{filter:drop-shadow(0 0 8px rgba(0,255,202,.6));animation:pulse 2s ease-in-out infinite}.mobile-footer-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,#00FFCA,transparent);border-radius:2px}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,202,.6))}50%{filter:drop-shadow(0 0 12px rgba(0,255,202,.9))}}.mobile-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@media (max-width: 360px){.mobile-footer-item{padding:6px 8px}.mobile-footer-item i{font-size:18px}.mobile-footer-item span{font-size:10px}}.notification-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;border-left:4px solid #ddd;cursor:pointer;transition:all .3s ease;animation:slideInRight .3s ease-out;pointer-events:auto;position:relative;overflow:hidden}.notification:hover{transform:translate(-5px);box-shadow:0 6px 20px #0003}.notification.clickable{cursor:pointer;border:2px solid transparent}.notification.clickable:hover{border-color:var(--vixter-accent-primary, #00FFCA);transform:translate(-5px) scale(1.02);box-shadow:0 8px 25px #00ffca4d}.notification.clickable:after{content:"👆 Click to view";position:absolute;bottom:4px;right:8px;font-size:10px;color:#666;opacity:.7}.notification-success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.notification-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.notification-icon{font-size:20px;font-weight:700;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.notification-success .notification-icon{color:#10b981;background:#10b9811a}.notification-error .notification-icon{color:#ef4444;background:#ef44441a}.notification-warning .notification-icon{color:#f59e0b;background:#f59e0b1a}.notification-info .notification-icon{color:#3b82f6;background:#3b82f61a}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px;line-height:1.4}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;word-wrap:break-word}.notification-close{background:none;border:none;color:#9ca3af;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#0000001a;color:#6b7280}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.notification-container{bottom:10px;right:10px;left:10px;max-width:none}.notification{min-width:auto;max-width:none}}@media (prefers-color-scheme: dark){.notification{background:#1f2937;color:#f9fafb;border-left-color:#374151}.notification-success{background:linear-gradient(135deg,#064e3b,#1f2937)}.notification-error{background:linear-gradient(135deg,#7f1d1d,#1f2937)}.notification-warning{background:linear-gradient(135deg,#78350f,#1f2937)}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1f2937)}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-close{color:#9ca3af}.notification-close:hover{background:#ffffff1a;color:#d1d5db}}.tutorial-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.tutorial-modal-content{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;align-items:center;justify-content:center;animation:slideIn .3s ease-out}.tutorial-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorial-svg-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:85vh}.tutorial-svg-image{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:16px}.aceite-step{position:relative}.aceite-step .tutorial-button{position:absolute;padding:12px 24px;background:linear-gradient(135deg,#8a2be2,#9932cc);border:2px solid rgba(138,43,226,.5);border-radius:8px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 15px #8a2be24d;white-space:nowrap}.aceite-step .tutorial-button:hover{background:linear-gradient(135deg,#9932cc,#8a2be2);transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280}.aceite-step .tutorial-button:active{transform:translateY(0)}.aceite-step .video-button{bottom:25%;left:50%;transform:translate(-50%) translate(-35%)}.aceite-step .text-button{bottom:25%;left:50%;transform:translate(-50%) translate(35%)}.video-step{position:relative}.tutorial-video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-width:600px;aspect-ratio:16 / 9;z-index:10}.tutorial-video{width:100%;height:100%;border-radius:8px;object-fit:contain;background:#000}.tutorial-actions{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.tutorial-complete-btn{padding:14px 32px;background:linear-gradient(135deg,#8a2be2,#9932cc);border:2px solid rgba(138,43,226,.5);border-radius:8px;color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #8a2be24d}.tutorial-complete-btn:hover{background:linear-gradient(135deg,#9932cc,#8a2be2);transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280}.tutorial-terms-link{color:#8a2be2;text-decoration:none;font-size:14px;transition:color .3s ease}.tutorial-terms-link:hover{color:#9932cc;text-decoration:underline}.guia-escrito-step{position:relative;width:100%;height:90vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.guia-escrito-step .tutorial-svg-container{width:100%;height:100%;max-width:100%;max-height:90vh;overflow-y:auto;overflow-x:auto;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(138,43,226,.5) rgba(138,43,226,.1)}.guia-escrito-step .tutorial-svg-container::-webkit-scrollbar{width:12px;height:12px}.guia-escrito-step .tutorial-svg-container::-webkit-scrollbar-track{background:#8a2be21a;border-radius:6px}.guia-escrito-step .tutorial-svg-container::-webkit-scrollbar-thumb{background:#8a2be280;border-radius:6px}.guia-escrito-step .tutorial-svg-container::-webkit-scrollbar-thumb:hover{background:#8a2be2b3}.guia-escrito-step .tutorial-svg-image{width:1284px!important;min-width:1284px!important;max-width:1284px!important;height:auto!important;flex-shrink:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.guia-escrito-step .tutorial-svg-image svg{width:1284px!important;max-width:1284px!important;min-width:1284px!important;height:auto!important}@media (max-width: 768px){.guia-escrito-step{height:95vh}.guia-escrito-step .tutorial-svg-container{max-height:95vh;overflow-x:auto;overflow-y:auto}.guia-escrito-step .tutorial-svg-image{width:770px!important;min-width:770px!important;max-width:770px!important;height:auto!important}.guia-escrito-step .tutorial-svg-image svg{width:770px!important;max-width:770px!important;min-width:770px!important;height:auto!important}.tutorial-step{width:100%}.tutorial-svg-container,.tutorial-svg-image{max-height:95vh}}.tutorial-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:800px;height:60%;max-height:500px;background:#1a1a2ef2;border:2px solid rgba(138,43,226,.5);border-radius:12px;padding:20px;overflow-y:auto;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.tutorial-text-container::-webkit-scrollbar{width:8px}.tutorial-text-container::-webkit-scrollbar-track{background:#8a2be21a;border-radius:4px}.tutorial-text-container::-webkit-scrollbar-thumb{background:#8a2be280;border-radius:4px}.tutorial-text-container::-webkit-scrollbar-thumb:hover{background:#8a2be2b3}.tutorial-text-content{color:#fff;line-height:1.6}.tutorial-text-content h2{color:#8a2be2;font-size:1.5rem;margin-bottom:16px;text-align:center}.tutorial-text-content p{margin:12px 0;font-size:14px}.tutorial-text-content ul{margin:12px 0;padding-left:24px}.tutorial-text-content li{margin:8px 0;font-size:14px}.tutorial-text-content strong{color:#8a2be2;font-weight:600}.welcome-text{text-align:center;font-size:1.2rem!important;margin-top:24px!important;color:#8a2be2!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.tutorial-modal-content{max-width:95vw;max-height:95vh}.tutorial-svg-image{max-height:75vh}.aceite-step .tutorial-button{font-size:14px;padding:10px 20px}.aceite-step .video-button{bottom:20%;left:50%;transform:translate(-50%) translate(-40%)}.aceite-step .text-button{bottom:20%;left:50%;transform:translate(-50%) translate(40%)}.tutorial-video-container{width:80%}.tutorial-text-container{width:85%;height:65%;max-height:400px;padding:16px}.tutorial-text-content h2{font-size:1.2rem}.tutorial-text-content p,.tutorial-text-content li{font-size:13px}.tutorial-complete-btn{padding:12px 24px;font-size:16px}}@media (max-width: 480px){.aceite-step .tutorial-button{font-size:12px;padding:8px 16px}.aceite-step .video-button{bottom:18%;transform:translate(-50%) translate(-45%)}.aceite-step .text-button{bottom:18%;transform:translate(-50%) translate(45%)}.tutorial-text-container{width:90%;padding:12px}.tutorial-text-content h2{font-size:1rem}.tutorial-text-content p,.tutorial-text-content li{font-size:12px}}.neon-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999998;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:neon-fade-in .3s ease-out}.neon-surface{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:neon-scale-in .3s ease-out}.neon-button{padding:12px 24px;background:linear-gradient(135deg,#8a2be2,#9932cc);border:2px solid rgba(138,43,226,.5);border-radius:8px;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a2be24d}.neon-button:hover{background:linear-gradient(135deg,#9932cc,#8a2be2);transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280}.neon-button:active{transform:translateY(0)}.neon-terms-link{color:#8a2be2;text-decoration:none;font-size:14px}.neon-terms-link:hover{color:#9932cc;text-decoration:underline}.neon-overlay-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.neon-scroll-panel{background:#1a1a2ef2;border:2px solid rgba(138,43,226,.5);border-radius:12px;padding:20px;color:#fff;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.neon-scroll-panel::-webkit-scrollbar{width:8px}.neon-scroll-panel::-webkit-scrollbar-track{background:#8a2be21a;border-radius:4px}.neon-scroll-panel::-webkit-scrollbar-thumb{background:#8a2be280;border-radius:4px}.neon-scroll-panel::-webkit-scrollbar-thumb:hover{background:#8a2be2b3}@keyframes neon-fade-in{0%{opacity:0}to{opacity:1}}@keyframes neon-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.neon-surface{max-width:95vw;max-height:95vh}.neon-button{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.neon-button{padding:8px 16px;font-size:12px}}.purple-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.purple-spinner{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid rgba(139,69,255,.1);animation:spin 2s linear infinite}.purple-spinner.small{width:24px;height:24px}.purple-spinner.large{width:56px;height:56px}.spinner-dot{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#8b45ff,#b794f6);border-radius:50%;top:50%;left:50%;transform-origin:0 0;animation:dotPulse 1.5s ease-in-out infinite}.purple-spinner.small .spinner-dot{width:4px;height:4px}.purple-spinner.large .spinner-dot{width:8px;height:8px}.dot-1{transform:rotate(0) translate(-50%) translateY(-50%) translate(16px);animation-delay:0s}.dot-2{transform:rotate(45deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.1s}.dot-3{transform:rotate(90deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.2s}.dot-4{transform:rotate(135deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.3s}.dot-5{transform:rotate(180deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.4s}.dot-6{transform:rotate(225deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.5s}.dot-7{transform:rotate(270deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.6s}.dot-8{transform:rotate(315deg) translate(-50%) translateY(-50%) translate(16px);animation-delay:.7s}.purple-spinner.small .dot-1{transform:rotate(0) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-2{transform:rotate(45deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-3{transform:rotate(90deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-4{transform:rotate(135deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-5{transform:rotate(180deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-6{transform:rotate(225deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-7{transform:rotate(270deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.small .dot-8{transform:rotate(315deg) translate(-50%) translateY(-50%) translate(10px)}.purple-spinner.large .dot-1{transform:rotate(0) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-2{transform:rotate(45deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-3{transform:rotate(90deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-4{transform:rotate(135deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-5{transform:rotate(180deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-6{transform:rotate(225deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-7{transform:rotate(270deg) translate(-50%) translateY(-50%) translate(24px)}.purple-spinner.large .dot-8{transform:rotate(315deg) translate(-50%) translateY(-50%) translate(24px)}.spinner-text{color:#8b45ff;font-size:14px;font-weight:500;text-align:center;margin-top:4px}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.spinner-text{font-size:12px}.purple-spinner{width:32px;height:32px}.purple-spinner .spinner-dot{width:5px;height:5px}.purple-spinner .dot-1,.purple-spinner .dot-2,.purple-spinner .dot-3,.purple-spinner .dot-4,.purple-spinner .dot-5,.purple-spinner .dot-6,.purple-spinner .dot-7,.purple-spinner .dot-8{transform-origin:0 0}.purple-spinner .dot-1{transform:rotate(0) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-2{transform:rotate(45deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-3{transform:rotate(90deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-4{transform:rotate(135deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-5{transform:rotate(180deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-6{transform:rotate(225deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-7{transform:rotate(270deg) translate(-50%) translateY(-50%) translate(14px)}.purple-spinner .dot-8{transform:rotate(315deg) translate(-50%) translateY(-50%) translate(14px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;background-color:#f8fafc;color:#1f2937;line-height:1.6}#root{min-height:100dvh}.App{min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.main-content{padding-top:80px;min-height:calc(100vh - 80px)}.main-content.no-header-padding{padding-top:0;min-height:100vh}.auth-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.auth-loading-container p{margin-top:1rem;color:#6b7280;font-size:.875rem}.main-content.messages-page{padding-top:0;height:100vh;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:1rem;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.loading-spinner,.loading-text{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.1rem;color:#a8a8b3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-weight:500}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-weight:500}@media (max-width: 768px){.main-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.container{padding:0 .5rem}.btn{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}}