.input-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-wrapper.full-width{width:100%}.input-label{font-size:.875rem;font-weight:500;color:#374151;display:block}.input-field{padding:.75rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#111827;transition:all .2s ease;outline:none}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-field:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.input-field.input-error{border-color:#ef4444}.input-field.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-field::placeholder{color:#9ca3af}.input-error-message{font-size:.875rem;color:#ef4444;margin-top:-.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit;position:relative}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-full-width{width:100%}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:active:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-secondary:active:not(:disabled){background-color:#374151}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-danger:active:not(:disabled){background-color:#b91c1c}.btn-ghost{background-color:transparent;color:#3b82f6;border:1px solid #3b82f6}.btn-ghost:hover:not(:disabled){background-color:#3b82f61a}.btn-ghost:active:not(:disabled){background-color:#3b82f633}.btn-loading{position:relative}.btn-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-loading-text{opacity:.7}.auth-card-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5fb9ff84,#764ba2);padding:1rem}.auth-card{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:28rem;padding:2rem}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.auth-card-subtitle{font-size:1rem;color:#6b7280;margin:0}.auth-card-body{margin-bottom:1.5rem}.auth-card-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.auth-card-footer p{font-size:.875rem;color:#6b7280;margin:0}.auth-card-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-card-link:hover{color:#2563eb;text-decoration:underline}@media(max-width:640px){.auth-card{padding:1.5rem}.auth-card-title{font-size:1.5rem}}.intro-video-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.intro-video-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro-video-container{position:relative;width:60%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;gap:1rem;z-index:1}.intro-video{width:100%;height:auto;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px #00000080;background:#000}.intro-video-controls{display:flex;gap:1rem;justify-content:center;align-items:center}.intro-video-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.intro-video-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.intro-video-btn:active{transform:translateY(0)}.intro-video-btn-skip{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.intro-video-btn-skip:hover{background:#ffffff26}.intro-video-btn-dismiss{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.intro-video-btn-dismiss:hover{background:linear-gradient(135deg,#7c8ff0,#8b5bb8)}@media(max-width:768px){.intro-video-container{width:95%}.intro-video-controls{flex-direction:column;gap:.75rem}.intro-video-btn{width:100%;max-width:300px}}.location-picker{position:relative;margin-bottom:1.5rem}.location-picker .location-picker-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.location-picker .location-picker-label .required-asterisk{color:var(--error-color);margin-left:.25rem}.location-picker .location-picker-input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center}.location-picker .location-picker-input-wrapper .location-picker-icon{position:absolute;left:1rem;color:var(--text-tertiary);pointer-events:none}.location-picker .location-picker-input-wrapper .location-picker-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--input-bg);color:#000;transition:border-color .2s}.location-picker .location-picker-input-wrapper .location-picker-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.location-picker .location-picker-input-wrapper .location-picker-input:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.6}@media(max-width:639px){.location-picker .location-picker-input-wrapper .location-picker-input{font-size:.9375rem;padding:.625rem 2.25rem .625rem 2.5rem}}.location-picker .location-picker-input-wrapper .location-picker-clear{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:1rem;color:var(--text-tertiary);padding:.25rem;transition:color .2s}@media(hover:hover)and (pointer:fine){.location-picker .location-picker-input-wrapper .location-picker-clear:hover{color:var(--text-primary)}}@media(hover:none)and (pointer:coarse){.location-picker .location-picker-input-wrapper .location-picker-clear:active{transition:transform .1s ease}.location-picker .location-picker-input-wrapper .location-picker-clear:active:active{transform:scale(.98)}}.location-picker .location-picker-input-wrapper .location-picker-spinner{position:absolute;right:1rem;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .6s linear infinite}.location-picker .location-picker-helper{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}@media(max-width:639px){.location-picker .location-picker-helper{font-size:.8125rem}}.location-picker .location-picker-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000}.location-picker .location-picker-dropdown::-webkit-scrollbar{width:8px;height:8px}.location-picker .location-picker-dropdown::-webkit-scrollbar-track{background:transparent}.location-picker .location-picker-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.location-picker .location-picker-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.location-picker .location-picker-dropdown .location-picker-option{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;transition:background-color .2s;color:var(--text-primary)}@media(hover:hover)and (pointer:fine){.location-picker .location-picker-dropdown .location-picker-option:hover{background:var(--hover-bg)}}@media(hover:none)and (pointer:coarse){.location-picker .location-picker-dropdown .location-picker-option:active{background:var(--hover-bg)}}.location-picker .location-picker-dropdown .location-picker-option .location-option-icon{color:var(--primary-color);flex-shrink:0}.location-picker .location-picker-dropdown .location-picker-option .location-option-text{color:#000;flex:1;min-width:0}.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-name{font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-name{font-size:.9375rem}}.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-country{font-size:.875rem;color:var(--text-secondary)}@media(max-width:639px){.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-country{font-size:.8125rem}}.location-picker .location-picker-dropdown .location-picker-no-results{display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--text-secondary);gap:.5rem}.location-picker .location-picker-dropdown .location-picker-no-results svg{font-size:2rem;opacity:.5}.location-picker .location-picker-dropdown .location-picker-no-results p{margin:0;font-size:.875rem}@media(max-width:639px){.location-picker .location-picker-dropdown .location-picker-no-results{padding:1.5rem}.location-picker .location-picker-dropdown .location-picker-no-results svg{font-size:1.5rem}.location-picker .location-picker-dropdown .location-picker-no-results p{font-size:.8125rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0}.loading-spinner-container.full-height{min-height:60vh;padding:4rem 0}.loading-spinner-container .loading-message{color:var(--text-secondary);font-size:1rem;margin:0}.loading-spinner{border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.loading-spinner-small{width:30px;height:30px;border:3px solid rgba(96,211,148,.2);border-top-color:#1b87fa}.loading-spinner.loading-spinner-medium{width:50px;height:50px;border:4px solid rgba(96,211,148,.2);border-top-color:#1b87fa}.loading-spinner.loading-spinner-large{width:70px;height:70px;border:5px solid rgba(96,211,148,.2);border-top-color:#1b87fa}.media-image-container{position:relative;display:inline-block;overflow:visible;flex-shrink:0}.media-image-container .media-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.media-image-container .media-frame{position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:2}.media-image-container.clickable{cursor:pointer}@media(hover:hover)and (pointer:fine){.media-image-container.clickable:hover .media-image{transform:scale(1.05)}}.media-image-round .media-image{border-radius:50%}.media-image-square .media-image{border-radius:8px}.media-image-xs{width:24px;height:24px}.media-image-xs.media-image-square .media-image{border-radius:4px}.media-image-sm{width:32px;height:32px}.media-image-sm.media-image-square .media-image{border-radius:6px}.media-image-md{width:48px;height:48px}.media-image-md.media-image-square .media-image{border-radius:8px}.media-image-lg{width:80px;height:80px}.media-image-lg.media-image-square .media-image{border-radius:12px}.media-image-xl{width:120px;height:120px}.media-image-xl.media-image-square .media-image{border-radius:16px}.media-image-avatar .media-image{border:2px solid var(--border-color)}.media-image-avatar.has-frame .media-image{border:none}.media-image-banner{width:100%;height:auto;aspect-ratio:3/1}.media-image-banner .media-image{border-radius:12px}@media(max-width:639px){.media-image-banner{aspect-ratio:2/1}}.media-image-post{width:100%;height:auto;max-height:500px}.media-image-post .media-image{border-radius:8px}.has-frame{padding:4px}.has-frame .media-image{position:relative;z-index:1}.has-frame .media-frame{top:-4px;left:-4px;right:-4px;bottom:-4px}.frame-common .media-frame{filter:brightness(1)}.frame-uncommon .media-frame{filter:brightness(1.1)}.frame-rare .media-frame{filter:brightness(1.2) drop-shadow(0 0 4px rgba(100,150,255,.3))}.frame-epic .media-frame{filter:brightness(1.3) drop-shadow(0 0 8px rgba(150,100,255,.5))}.frame-legendary .media-frame{filter:brightness(1.4) drop-shadow(0 0 12px rgba(255,200,50,.6))}.frame-animated .media-frame{animation:frameGlow 3s ease-in-out infinite}.frame-animated.frame-legendary .media-frame{animation:frameLegendaryGlow 2s ease-in-out infinite}@keyframes frameGlow{0%,to{filter:brightness(1.2) drop-shadow(0 0 8px rgba(100,150,255,.3))}50%{filter:brightness(1.4) drop-shadow(0 0 16px rgba(100,150,255,.6))}}@keyframes frameLegendaryGlow{0%,to{filter:brightness(1.4) drop-shadow(0 0 12px rgba(255,200,50,.6))}50%{filter:brightness(1.6) drop-shadow(0 0 24px rgba(255,200,50,.9))}}@media(max-width:639px){.media-image-lg{width:64px;height:64px}.media-image-xl{width:96px;height:96px}}.admin-drawer-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media(min-width:769px){.admin-drawer-overlay{display:none}}.admin-drawer{position:fixed;top:60px;left:0;bottom:0;width:280px;background:var(--background-secondary);border-right:1px solid var(--border-color);z-index:999;display:flex;flex-direction:column;align-items:center;overflow-y:auto;transition:transform .3s ease}@media(max-width:768px){.admin-drawer{top:60px;transform:translate(-100%)}.admin-drawer.open{transform:translate(0)}}@media(min-width:769px){.admin-drawer{transform:translate(0)}}.admin-drawer .admin-drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.admin-drawer .admin-drawer-header .admin-drawer-title{display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.admin-drawer .admin-drawer-header .admin-drawer-title .admin-icon{font-size:1.5rem;color:var(--primary-color)}.admin-drawer .admin-drawer-header .admin-drawer-close{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease}.admin-drawer .admin-drawer-header .admin-drawer-close:hover{background:var(--background-hover);color:var(--text-primary)}.admin-drawer .admin-drawer-header .admin-drawer-close svg{font-size:1.25rem}@media(min-width:769px){.admin-drawer .admin-drawer-header .admin-drawer-close{display:none}}.admin-drawer .admin-drawer-search{position:relative;padding:1rem;border-bottom:1px solid var(--border-color)}.admin-drawer .admin-drawer-search .search-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem;pointer-events:none;z-index:1}.admin-drawer .admin-drawer-search .search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.813rem;transition:all .2s ease;box-sizing:border-box}.admin-drawer .admin-drawer-search .search-input::placeholder{color:var(--text-secondary);font-size:.813rem}.admin-drawer .admin-drawer-search .search-input:focus{outline:none;border-color:var(--primary-color);background:var(--background-secondary)}.admin-drawer .admin-drawer-nav{flex:1;padding:1rem 0;overflow-y:auto}.admin-drawer .admin-drawer-nav .admin-menu-list{list-style:none;padding:0;margin:0}.admin-drawer .admin-drawer-nav .admin-menu-list li{margin:0}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:100%;display:flex;flex-direction:row;align-items:center;align-items:flex-start;gap:1rem;padding:.875rem 1.5rem;text-align:left;color:var(--text-secondary);transition:all .2s ease;border-left:3px solid transparent}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content .menu-label{font-size:.938rem;font-weight:600;color:var(--text-primary)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content .menu-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item:hover{background:var(--background-hover);color:var(--text-primary)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item:hover .menu-icon{color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active{background:rgba(var(--primary-color-rgb),.1);border-left-color:var(--primary-color);color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active .menu-icon,.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active .menu-content .menu-label{color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-no-results{padding:2rem 1.5rem;text-align:center}.admin-drawer .admin-drawer-nav .admin-no-results p{font-size:.875rem;color:var(--text-secondary)}.admin-drawer::-webkit-scrollbar{width:6px}.admin-drawer::-webkit-scrollbar-track{background:transparent}.admin-drawer::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.admin-drawer::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.admin-layout{position:relative;width:100%;min-height:100vh;background:var(--background-color);overflow-x:hidden}.admin-layout .admin-mobile-menu-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-weight:600;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.admin-layout .admin-mobile-menu-btn:hover{transition:transform .2s ease,box-shadow .2s ease}.admin-layout .admin-mobile-menu-btn:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-layout .admin-mobile-menu-btn:hover:active{transform:translateY(0)}.admin-layout .admin-mobile-menu-btn:hover{background:var(--primary-hover)}.admin-layout .admin-mobile-menu-btn svg{font-size:1.25rem}@media(min-width:769px){.admin-layout .admin-mobile-menu-btn{display:none}}.admin-layout .admin-content{width:100%;min-height:100vh}@media(min-width:769px){.admin-layout .admin-content{padding-left:280px;transition:padding-left .3s ease;box-sizing:border-box}}.landing{font-family:Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#111,#1a1a1a);padding:2rem;text-align:center}.hero{padding:5rem 1rem;background:radial-gradient(circle at center,#5e17eb,#1a1a1a)}.hero-title{font-size:3rem;font-weight:800;margin:0}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.85}.cta-button{background:#5e17eb;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .3s ease}.cta-button:hover{background:#7830ff}.how-it-works,.prestige,.stats,.subscribe{margin:4rem auto;max-width:800px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}h2{font-size:2rem;margin-bottom:1rem}.stats ul{list-style:none;padding:0;font-size:1.2rem}.subscribe{margin:4rem auto;min-width:275px}.wallet-helper{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;text-align:left;color:#e5e7eb}.wallet-helper p{margin:0;font-weight:600}.wallet-helper__links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.wallet-helper__links .wallet-helper__link-row{display:flex;gap:.75rem;flex-wrap:wrap}.wallet-helper__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff0a;color:#fff;text-decoration:none;font-weight:500;transition:background .2s ease,transform .2s ease}.wallet-helper__link:hover{background:#ffffff14;transform:translateY(-1px)}.wallet-helper__link img{width:36px;height:36px;border-radius:.5rem;background:#fff;padding:.25rem;object-fit:contain}.wallet-helper__link .wallet-helper__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.5rem;background:#fff;color:#5e17eb}.subscribe-form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;min-width:275px}.success-message{background:linear-gradient(135deg,#10b981,#059669);padding:2rem;border-radius:1rem;margin-top:2rem}.success-message h3{font-size:1.5rem;margin:0 0 .5rem}.success-message p{font-size:1rem;margin:0 0 1.5rem;opacity:.95}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:left}.subscribe-form .input-wrapper .input-label{color:#e5e7eb}.subscribe-form .input-wrapper .input-field{background-color:#fffffff2}.subscribe-form .input-wrapper .input-field::placeholder{color:#6b7280}@media(max-width:640px){.subscribe{max-width:100%;padding:0 1rem}}.ito-stats{background:linear-gradient(135deg,#1b87fa0d,#7c8fac0d);border-radius:16px;padding:2rem;border:1px solid rgba(27,135,250,.2)}@media(max-width:639px){.ito-stats{padding:1rem}}.ito-stats.compact{padding:1rem}.ito-stats.compact .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ito-stats.compact .stat-card{padding:.75rem}.ito-stats .stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}@media(max-width:639px){.ito-stats .stats-header{flex-direction:column;gap:1rem}}.ito-stats .stats-header .header-content h2{font-size:1.75rem;font-weight:700;color:#000;margin:0 0 .25rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ito-stats .stats-header .header-content .subtitle{font-size:.9rem;color:#828282;margin:0}.ito-stats .stats-header .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.ito-stats .stats-header .status-badge.active{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.ito-stats .stats-header .status-badge.ended{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.ito-stats .stats-header .status-badge.upcoming{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.ito-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:639px){.ito-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.ito-stats .stat-card{background:#f8f8f8;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(27,135,250,.1)}.ito-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1b87fa26;border-color:#1b87fa4d}@media(max-width:639px){.ito-stats .stat-card{padding:1rem;gap:.75rem}}.ito-stats .stat-card .stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}@media(max-width:639px){.ito-stats .stat-card .stat-icon{width:40px;height:40px;font-size:1rem}}.ito-stats .stat-card .stat-icon.available{background:linear-gradient(135deg,#1b87fa33,#1b87fa0d);color:#1b87fa}.ito-stats .stat-card .stat-icon.price{background:linear-gradient(135deg,#7c8fac33,#7c8fac0d);color:#7c8fac}.ito-stats .stat-card .stat-icon.sold{background:linear-gradient(135deg,#ff572233,#ff57220d);color:#ff5722}.ito-stats .stat-card .stat-icon.time{background:linear-gradient(135deg,#00bcd433,#00bcd40d);color:#00bcd4}.ito-stats .stat-card .stat-content{flex:1;min-width:0}.ito-stats .stat-card .stat-content label{display:block;font-size:.85rem;color:#828282;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.ito-stats .stat-card .stat-content .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#000;line-height:1.2;margin-bottom:.125rem}@media(max-width:639px){.ito-stats .stat-card .stat-content .stat-value{font-size:1.25rem}}.ito-stats .stat-card .stat-content .stat-value.time-value{font-size:1.15rem;font-weight:600}@media(max-width:639px){.ito-stats .stat-card .stat-content .stat-value.time-value{font-size:1rem}}.ito-stats .stat-card .stat-content .stat-sublabel{display:block;font-size:.8rem;color:#818384}.ito-stats .progress-section{background:#1b87fa08;border-radius:12px;padding:1.5rem;margin-bottom:2rem}@media(max-width:639px){.ito-stats .progress-section{padding:1rem}}.ito-stats .progress-section .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ito-stats .progress-section .progress-header .progress-label{font-size:.9rem;color:#828282;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ito-stats .progress-section .progress-header .progress-percentage{font-size:1.25rem;font-weight:700;color:#1b87fa}.ito-stats .progress-section .progress-bar{height:12px;background:#8183841a;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.ito-stats .progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#1b87fa,#7c8fac);border-radius:6px;transition:width .5s ease}.ito-stats .progress-section .progress-details{display:flex;justify-content:space-between;font-size:.85rem;color:#818384}.ito-stats .action-section{text-align:center}.ito-stats .action-section .buy-button{width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.ito-stats .action-section .buy-button.active{background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#fff}.ito-stats .action-section .buy-button.active:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.ito-stats .action-section .buy-button.active:active:not(:disabled){transform:translateY(0)}.ito-stats .action-section .buy-button.disabled{background:#8183841a;color:#818384;cursor:not-allowed}.ito-stats .action-section .buy-button:disabled{cursor:not-allowed;opacity:.6}.ito-stats .action-section .action-note{margin-top:.75rem;font-size:.85rem;color:#818384}.ito-stats .pricing-tiers{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(129,131,132,.1)}.ito-stats .pricing-tiers h4{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 1rem}.ito-stats .pricing-tiers .tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}@media(max-width:639px){.ito-stats .pricing-tiers .tiers-grid{grid-template-columns:repeat(2,1fr)}}.ito-stats .pricing-tiers .tier-card{background:#f8f8f8;border:1px solid rgba(27,135,250,.1);border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.ito-stats .pricing-tiers .tier-card:hover{border-color:#1b87fa4d;transform:translateY(-2px)}.ito-stats .pricing-tiers .tier-card .tier-amount{display:block;font-size:1.125rem;font-weight:700;color:#000;margin-bottom:.25rem}.ito-stats .pricing-tiers .tier-card .tier-price{display:block;font-size:.85rem;color:#828282}.ito-stats .loading-state,.ito-stats .error-state{text-align:center;padding:3rem 1rem}.ito-stats .loading-state .spinner,.ito-stats .error-state .spinner{width:48px;height:48px;border:4px solid rgba(27,135,250,.1);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.ito-stats .loading-state p,.ito-stats .error-state p{color:#828282;margin:0}.ito-stats .error-state .error-message{color:#f44336;margin-bottom:1rem}.ito-stats .error-state .retry-button{padding:.5rem 1.5rem;background:#1b87fa;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.ito-stats .error-state .retry-button:hover{background:#056edd}.buy-klyx-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.buy-klyx-modal{background:#f8f8f8;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(27,135,250,.2)}.buy-klyx-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(129,131,132,.1)}.buy-klyx-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#000;background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.buy-klyx-modal .modal-header .close-button{background:none;border:none;font-size:1.5rem;color:#828282;cursor:pointer;padding:.25rem;transition:all .2s ease}.buy-klyx-modal .modal-header .close-button:hover{color:#000;transform:rotate(90deg)}.buy-klyx-modal .modal-content{padding:1.5rem}.buy-klyx-modal .extension-warning{text-align:center;padding:2rem 1rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;margin-bottom:1rem}.buy-klyx-modal .extension-warning svg{font-size:3rem;color:#ff9800;margin-bottom:1rem}.buy-klyx-modal .extension-warning p{font-size:1rem;color:#000;margin:0 0 1rem}.buy-klyx-modal .extension-warning .install-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease}.buy-klyx-modal .extension-warning .install-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1b87fa66}.buy-klyx-modal .connect-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .connect-section .wallet-icon{font-size:4rem;color:#1b87fa;margin-bottom:1.5rem}.buy-klyx-modal .connect-section p{font-size:1rem;color:#828282;margin:0 0 2rem}.buy-klyx-modal .connect-section .connect-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.buy-klyx-modal .connect-section .connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .connect-section .connect-button:disabled{opacity:.6;cursor:not-allowed}.buy-klyx-modal .wallet-info{background:#1b87fa0d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.buy-klyx-modal .wallet-info .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.buy-klyx-modal .wallet-info .info-row:last-child{margin-bottom:0}.buy-klyx-modal .wallet-info .info-row label{font-size:.9rem;color:#828282}.buy-klyx-modal .wallet-info .info-row .address,.buy-klyx-modal .wallet-info .info-row .balance{font-family:monospace;font-size:.95rem;font-weight:600;color:#000}.buy-klyx-modal .input-section{margin-bottom:1.5rem}.buy-klyx-modal .input-section label{display:block;font-size:.9rem;font-weight:600;color:#000;margin-bottom:.5rem}.buy-klyx-modal .input-section .input-group{position:relative;display:flex;align-items:center;background:#8183840d;border:2px solid rgba(27,135,250,.2);border-radius:8px;overflow:hidden;transition:border-color .3s ease}.buy-klyx-modal .input-section .input-group:focus-within{border-color:#1b87fa}.buy-klyx-modal .input-section .input-group input{flex:1;padding:1rem;font-size:1.5rem;font-weight:700;background:transparent;border:none;color:#000;outline:none}.buy-klyx-modal .input-section .input-group input::placeholder{color:#818384}.buy-klyx-modal .input-section .input-group .input-suffix{padding-right:1rem;font-size:1rem;font-weight:600;color:#828282}.buy-klyx-modal .input-section .available-text{margin:.5rem 0 0;font-size:.85rem;color:#818384}.buy-klyx-modal .cost-breakdown{background:#8183840d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.buy-klyx-modal .cost-breakdown .breakdown-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem;color:#828282}.buy-klyx-modal .cost-breakdown .breakdown-row:last-child{margin-bottom:0}.buy-klyx-modal .cost-breakdown .breakdown-row.total{padding-top:.75rem;border-top:1px solid rgba(129,131,132,.2);font-size:1.125rem;font-weight:700;color:#000}.buy-klyx-modal .confirmation-section h3{font-size:1.25rem;font-weight:700;color:#000;margin:0 0 1.5rem;text-align:center}.buy-klyx-modal .confirmation-section .confirm-details{background:#1b87fa0d;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.buy-klyx-modal .confirmation-section .confirm-details .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.buy-klyx-modal .confirmation-section .confirm-details .detail-row:last-child{margin-bottom:0}.buy-klyx-modal .confirmation-section .confirm-details .detail-row label{font-size:.95rem;color:#828282}.buy-klyx-modal .confirmation-section .confirm-details .detail-row span{font-size:1rem;font-weight:600;color:#000}.buy-klyx-modal .confirmation-section .confirm-details .detail-row span.highlight{font-size:1.125rem;font-weight:700;color:#1b87fa}.buy-klyx-modal .processing-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .processing-section .spinner{width:64px;height:64px;border:4px solid rgba(27,135,250,.1);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.buy-klyx-modal .processing-section h3{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 1rem}.buy-klyx-modal .processing-section p{font-size:1rem;color:#828282;margin:0 0 .5rem}.buy-klyx-modal .processing-section p.note{font-size:.9rem;color:#818384;font-style:italic}.buy-klyx-modal .success-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .success-section .success-icon{font-size:5rem;color:#4caf50;margin-bottom:1.5rem}.buy-klyx-modal .success-section h3{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 1rem}.buy-klyx-modal .success-section p{font-size:1rem;color:#828282;margin:0 0 1.5rem}.buy-klyx-modal .success-section .tx-info{background:#1b87fa0d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.buy-klyx-modal .success-section .tx-info label{display:block;font-size:.85rem;color:#828282;margin-bottom:.5rem}.buy-klyx-modal .success-section .tx-info .tx-link{font-family:monospace;font-size:.95rem;color:#1b87fa;text-decoration:none;font-weight:600}.buy-klyx-modal .success-section .tx-info .tx-link:hover{text-decoration:underline}.buy-klyx-modal .success-section .close-button-success{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.buy-klyx-modal .success-section .close-button-success:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .error-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .error-section .error-icon{font-size:5rem;color:#f44336;margin-bottom:1.5rem}.buy-klyx-modal .error-section h3{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 1rem}.buy-klyx-modal .error-text{padding:.75rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.9rem;margin:1rem 0}.buy-klyx-modal .buy-button,.buy-klyx-modal .confirm-button,.buy-klyx-modal .retry-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.buy-klyx-modal .buy-button:hover:not(:disabled),.buy-klyx-modal .confirm-button:hover:not(:disabled),.buy-klyx-modal .retry-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .buy-button:disabled,.buy-klyx-modal .confirm-button:disabled,.buy-klyx-modal .retry-button:disabled{opacity:.6;cursor:not-allowed}.buy-klyx-modal .cancel-button{flex:1;padding:1rem 2rem;background:#8183841a;color:#000;border:1px solid rgba(129,131,132,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.buy-klyx-modal .cancel-button:hover{background:#81838433}.buy-klyx-modal .button-group{display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:639px){.buy-klyx-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:95vh}.buy-klyx-modal .modal-header,.buy-klyx-modal .modal-content{padding:1rem}}.login-method-selector{text-align:center;padding:1rem 0}@media(max-width:640px){.login-method-selector{padding:.5rem 0}}.login-method-selector .method-selector-title{font-size:1.75rem;font-weight:700;background:linear-gradient(90deg,var(--primary-color) 0%,#8b5cf6 25%,var(--primary-color) 50%,#8b5cf6 75%,var(--primary-color) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:shimmer 3s ease-in-out infinite;letter-spacing:.5px}@media(max-width:640px){.login-method-selector .method-selector-title{font-size:1.375rem;margin-bottom:.375rem}}.login-method-selector .method-selector-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-bottom:2.5rem}@media(max-width:640px){.login-method-selector .method-selector-subtitle{font-size:.875rem;margin-bottom:1.5rem}}.login-method-selector .method-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}@media(max-width:640px){.login-method-selector .method-options{grid-template-columns:1fr;gap:1rem}}.login-method-selector .method-option{position:relative;background:linear-gradient(145deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}@media(max-width:640px){.login-method-selector .method-option{padding:1.5rem 1rem;border-radius:16px}}.login-method-selector .method-option:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,var(--primary-color) 90deg,transparent 180deg,#8b5cf6 270deg,transparent 360deg);opacity:0;transition:opacity .4s ease;animation:rotate 4s linear infinite}.login-method-selector .method-option:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--background-primary);border-radius:19px;z-index:1;opacity:.95}.login-method-selector .method-option>*{position:relative;z-index:2}.login-method-selector .method-option:hover{transform:translateY(-8px) scale(1.02);border-color:#8b5cf680;box-shadow:0 20px 60px #8b5cf64d,0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 1px #fff3}.login-method-selector .method-option:hover:before{opacity:.6}.login-method-selector .method-option:hover:after{opacity:.85}.login-method-selector .method-option:hover .method-icon{transform:scale(1.15) rotateY(180deg);filter:drop-shadow(0 0 20px rgba(139,92,246,.6))}.login-method-selector .method-option:hover h3{background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-method-selector .method-option:active{transform:translateY(-4px) scale(.98)}.login-method-selector .method-option .method-icon{font-size:3rem;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(139,92,246,.3))}@media(max-width:640px){.login-method-selector .method-option .method-icon{font-size:2rem;margin-bottom:.75rem}}.login-method-selector .method-option h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;transition:all .3s ease;letter-spacing:.5px}@media(max-width:640px){.login-method-selector .method-option h3{font-size:1rem;margin-bottom:.5rem}}.login-method-selector .method-option p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:640px){.login-method-selector .method-option p{font-size:.8125rem;line-height:1.4}}.login-method-selector .method-option:first-child:before{background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,#3b82f6 90deg,transparent 180deg,#06b6d4 270deg,transparent 360deg)}.login-method-selector .method-option:first-child .method-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-method-selector .method-option:first-child:hover{box-shadow:0 20px 60px #3b82f64d,0 0 40px #3b82f633,inset 0 1px #fff3}.login-method-selector .method-option:first-child:hover .method-icon{filter:drop-shadow(0 0 20px rgba(59,130,246,.6))}.login-method-selector .method-option:first-child:hover h3{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-method-selector .method-option:last-child .method-icon{background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid rgba(139,92,246,.2);color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.625rem 1.25rem;margin-bottom:1.5rem;border-radius:12px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf666;transform:translate(-4px);box-shadow:0 4px 12px #8b5cf633}.back-button:active{transform:translate(-2px)}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-form-footer{display:flex;justify-content:flex-end;margin-bottom:1rem}.forgot-password-link{font-size:.875rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password-link:hover{color:#2563eb;text-decoration:underline}.wallet-login{padding:1rem 0}.wallet-login .wallet-icon-large{font-size:5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;filter:drop-shadow(0 8px 24px rgba(139,92,246,.4));animation:float 3s ease-in-out infinite}.wallet-login .wallet-install-prompt,.wallet-login .wallet-connect-area{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.wallet-login .wallet-install-prompt h3,.wallet-login .wallet-connect-area h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0 .75rem;letter-spacing:.5px}.wallet-login .wallet-install-prompt p,.wallet-login .wallet-connect-area p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.wallet-login .wallet-install-prompt .wallet-info,.wallet-login .wallet-connect-area .wallet-info{font-size:.875rem;margin-top:1.5rem;margin-bottom:0;padding:1rem;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.1)}.wallet-login .install-link{position:relative;display:inline-block;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);color:#fff;padding:1rem 2.5rem;border-radius:16px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d,0 4px 12px #0003}.wallet-login .install-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.wallet-login .install-link:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666,0 6px 16px #0000004d}.wallet-login .install-link:hover:before{left:100%}.wallet-login .install-link:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.signup-form{display:flex;flex-direction:column;gap:.5rem}.password-requirements{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;margin:.5rem 0}.password-requirements .requirements-title{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.password-requirements .requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.password-requirements .requirements-list .requirement{display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s ease}.password-requirements .requirements-list .requirement .requirement-icon{font-weight:700;font-size:1rem}.password-requirements .requirements-list .requirement .requirement-text{line-height:1}.password-requirements .requirements-list .requirement.unmet{color:#718096}.password-requirements .requirements-list .requirement.unmet .requirement-icon{color:#cbd5e0}.password-requirements .requirements-list .requirement.met,.password-requirements .requirements-list .requirement.met .requirement-icon{color:#22c55e}.password-match{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;margin:.25rem 0}.password-match .match-icon{font-weight:700;font-size:1rem}.password-match.match{background-color:#dcfce7;color:#16a34a}.password-match.match .match-icon{color:#16a34a}.password-match.no-match{background-color:#fee2e2;color:#dc2626}.password-match.no-match .match-icon{color:#dc2626}.success-container{text-align:center;padding:2rem 1rem}.success-container .success-icon{font-size:4rem;margin-bottom:1rem}.success-container h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.success-container .success-message{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1rem}.success-container .success-hint{font-size:.875rem;color:#718096;margin-bottom:2rem}.forgot-password-form{display:flex;flex-direction:column;gap:.5rem}.error-banner{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.success-message p{margin:0 0 .75rem;font-size:.875rem}.success-message p:last-child{margin-bottom:0}.success-message .help-text{color:#15803d;font-size:.8125rem}.back-to-login{text-decoration:none}.verify-email-content{text-align:center;padding:1rem 0}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.loading-spinner .spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{color:#6b7280;font-size:.875rem;margin:0}.success-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.success-message .success-icon{width:4rem;height:4rem;color:#10b981}.success-message p{font-size:1rem;color:#166534;margin:0}.success-message .redirect-text{font-size:.875rem;color:#6b7280}.error-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.error-message .error-icon{width:4rem;height:4rem;color:#ef4444}.error-message p{font-size:1rem;color:#991b1b;margin:0}.error-message .back-link{width:100%;text-decoration:none;margin-top:.5rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero-logo{height:55px;margin-bottom:2rem}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;background:var(--background-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-content{flex:1;display:flex;flex-direction:column;background:var(--background-color)}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-profile{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.create-profile .create-profile-container{width:100%;max-width:700px;background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000026;animation:fadeIn .3s ease-in}.create-profile .create-profile-header{text-align:center;margin-bottom:3rem}.create-profile .create-profile-header .header-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}.create-profile .create-profile-header h1{font-size:2.25rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-profile .create-profile-header p{font-size:1.125rem;color:#718096;margin-bottom:2rem}.create-profile .create-profile-header .progress-steps{display:flex;align-items:center;justify-content:center;margin-top:2rem;padding:1rem 0}.create-profile .create-profile-header .progress-steps .step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.create-profile .create-profile-header .progress-steps .step .step-number{width:40px;height:40px;border-radius:50%;background-color:#e2e8f0;color:#a0aec0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s ease}.create-profile .create-profile-header .progress-steps .step .step-label{font-size:.75rem;color:#a0aec0;font-weight:500;transition:all .3s ease}.create-profile .create-profile-header .progress-steps .step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.create-profile .create-profile-header .progress-steps .step.active .step-label{color:#667eea;font-weight:600}.create-profile .create-profile-header .progress-steps .step-divider{width:60px;height:2px;background-color:#e2e8f0;margin:0 .5rem 1.75rem}.create-profile .create-profile-form .error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fca5a5;animation:shake .3s ease-in-out}.create-profile .create-profile-form .error-banner .error-icon{font-size:1.25rem}.create-profile .create-profile-form .form-section{margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:2px solid #60a5fa;transition:all .3s ease;max-width:100%;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}.create-profile .create-profile-form .form-section:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.create-profile .create-profile-form .form-section h2{font-size:1.25rem;font-weight:700;color:#1e3a8a;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.5rem}.create-profile .create-profile-form .form-section h2 .required-badge{font-size:.75rem;font-weight:600;color:#1e3a8a;background-color:#fffc;padding:.25rem .75rem;border-radius:9999px;margin-left:auto;border:1px solid #3b82f6}.create-profile .create-profile-form .form-section .section-description{font-size:.875rem;color:#1e40af;margin-bottom:1.5rem;line-height:1.6}.create-profile .create-profile-form .form-section.avatar-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.create-profile .create-profile-form .form-section.avatar-section h2{color:#1e40af}.create-profile .create-profile-form .form-section.avatar-section .section-description{color:#3b82f6}.create-profile .create-profile-form .form-section.avatar-section:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section) h2{color:#1e3a8a}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section) .section-description{color:#1e40af}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section):hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.create-profile .create-profile-form .form-section.location-section{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#3b82f6;overflow:visible}.create-profile .create-profile-form .form-section.location-section h2{color:#1e3a8a}.create-profile .create-profile-form .form-section.location-section .section-description{color:#1e40af}.create-profile .create-profile-form .form-section.location-section:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.create-profile .create-profile-form .avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px dashed #60a5fa;max-width:100%;box-sizing:border-box}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 24px #00000026;background-color:#f7fafc;flex-shrink:0}.create-profile .create-profile-form .avatar-upload-container .avatar-preview img{width:100%;height:100%;object-fit:cover}.create-profile .create-profile-form .avatar-upload-container .avatar-preview .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e0)}.create-profile .create-profile-form .avatar-upload-container .avatar-preview .avatar-placeholder .placeholder-icon{font-size:3rem;opacity:.5}.create-profile .create-profile-form .avatar-upload-container .avatar-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .hidden-input{display:none}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;max-width:100%;box-sizing:border-box}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button .button-icon{font-size:1rem;flex-shrink:0}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.upload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.remove{background-color:#fee2e2;color:#dc2626}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.remove:hover{background-color:#fecaca}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button:disabled{opacity:.5;cursor:not-allowed}.create-profile .create-profile-form .avatar-upload-container .avatar-hint{font-size:.75rem;color:#a0aec0;text-align:center;margin:0;max-width:100%}.create-profile .create-profile-form .helper-text{font-size:.875rem;color:#1e40af;margin-top:.5rem;margin-bottom:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fff9;border-radius:8px;border-left:4px solid #3b82f6}.create-profile .create-profile-form .helper-text .helper-icon{font-size:1rem;color:#3b82f6}.create-profile .create-profile-form .helper-text strong{color:#2563eb;font-weight:600}.create-profile .create-profile-form .location-selected{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#eff6ff;border-radius:8px;margin-top:1rem;border:2px solid #3b82f6;max-width:-webkit-fill-available}.create-profile .create-profile-form .location-selected .check-icon{font-size:1.25rem;color:#2563eb;font-weight:700}.create-profile .create-profile-form .location-selected .location-text{font-size:.875rem;color:#1e40af;font-weight:600}.create-profile .create-profile-form .form-field{margin-bottom:1.5rem;max-width:100%;box-sizing:border-box}.create-profile .create-profile-form .form-field label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;max-width:100%;box-sizing:border-box}.create-profile .create-profile-form .form-field label .label-hint{font-size:.75rem;font-weight:400;color:#a0aec0;font-style:italic}.create-profile .create-profile-form .form-field .bio-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s ease;resize:vertical;background-color:#fff}.create-profile .create-profile-form .form-field .bio-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.create-profile .create-profile-form .form-field .bio-textarea:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.create-profile .create-profile-form .form-field .bio-textarea::placeholder{color:#cbd5e0}.create-profile .create-profile-form .form-field .file-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.create-profile .create-profile-form .form-field .file-input:focus{outline:none;border-color:#667eea}.create-profile .create-profile-form .form-field .file-input:disabled{background-color:#f7fafc;cursor:not-allowed}.create-profile .create-profile-form .form-field .file-input::file-selector-button{padding:.5rem 1rem;margin-right:1rem;border:none;border-radius:6px;background-color:#667eea;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.create-profile .create-profile-form .form-field .file-input::file-selector-button:hover{background-color:#5568d3}.create-profile .create-profile-form .form-field .char-count{font-size:.75rem;color:#a0aec0;text-align:right;margin-top:.25rem}.create-profile .create-profile-form .form-actions{margin-top:2rem;margin-bottom:1.5rem}.create-profile .create-profile-form .form-actions button .button-icon,.create-profile .create-profile-form .form-actions button .button-spinner{font-size:1.25rem;margin-right:.5rem}.create-profile .create-profile-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.create-profile .create-profile-form .form-actions .button-hint{text-align:center;font-size:.875rem;color:#dc2626;margin-top:.75rem;margin-bottom:0;font-weight:500}.create-profile .create-profile-form .form-footer{text-align:center}.create-profile .create-profile-form .form-footer .blockchain-badge{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-radius:12px;border:2px solid #60a5fa}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content{text-align:left}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content strong{display:block;font-size:.875rem;font-weight:700;color:#1e40af;margin-bottom:.25rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content p{font-size:.75rem;color:#3b82f6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:768px){.create-profile{padding:1rem}.create-profile .create-profile-container{padding:2rem 1.5rem}.create-profile .create-profile-header{margin-bottom:2rem}.create-profile .create-profile-header .header-icon{font-size:2.5rem}.create-profile .create-profile-header h1{font-size:1.75rem}.create-profile .create-profile-header p{font-size:1rem}.create-profile .create-profile-header .progress-steps .step .step-number{width:36px;height:36px;font-size:.875rem}.create-profile .create-profile-header .progress-steps .step .step-label{font-size:.65rem}.create-profile .create-profile-header .progress-steps .step-divider{width:40px;margin:0 .25rem}.create-profile .create-profile-form .form-section{padding:1.5rem 1rem;margin-bottom:1.5rem}.create-profile .create-profile-form .form-section h2{font-size:1.125rem;flex-wrap:wrap}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.25rem}.create-profile .create-profile-form .form-section h2 .required-badge{margin-left:0;margin-top:.5rem;width:100%;text-align:center}.create-profile .create-profile-form .form-section .section-description{font-size:.8125rem}.create-profile .create-profile-form .avatar-upload-container{padding:1rem;gap:1rem}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{width:100px;height:100px}.create-profile .create-profile-form .avatar-upload-container .avatar-actions{flex-direction:column;width:100%;gap:.5rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{width:100%;max-width:100%;justify-content:center;padding:.75rem 1rem;font-size:.875rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button:hover{transform:none}.create-profile .create-profile-form .avatar-upload-container .avatar-hint{font-size:.6875rem}.create-profile .create-profile-form .form-footer .blockchain-badge{flex-direction:column;text-align:center;padding:1rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content{text-align:center}}@media(max-width:480px){.create-profile{padding:.5rem}.create-profile .create-profile-container{padding:1.5rem 1rem;border-radius:12px;max-width:100%;box-sizing:border-box}.create-profile .create-profile-header .header-icon{font-size:2rem}.create-profile .create-profile-header h1{font-size:1.5rem;word-break:break-word}.create-profile .create-profile-header p{font-size:.875rem}.create-profile .create-profile-header .progress-steps .step .step-label{display:none}.create-profile .create-profile-header .progress-steps .step .step-number{width:32px;height:32px;font-size:.8125rem}.create-profile .create-profile-header .progress-steps .step-divider{width:30px}.create-profile .create-profile-form .form-section{padding:1rem .75rem}.create-profile .create-profile-form .form-section h2{font-size:1rem;word-break:break-word}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.125rem}.create-profile .create-profile-form .form-section .section-description{font-size:.8125rem;line-height:1.5}.create-profile .create-profile-form .avatar-upload-container{padding:.75rem;gap:.75rem}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{width:90px;height:90px;border-width:3px}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{padding:.625rem .875rem;font-size:.8125rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button .button-icon{font-size:.875rem}.create-profile .create-profile-form .form-field .bio-textarea{padding:.875rem 1rem;font-size:.9375rem}.create-profile .create-profile-form .form-field .char-count{font-size:.6875rem}.create-profile .create-profile-form .helper-text{padding:.625rem .875rem;font-size:.8125rem;word-break:break-word}.create-profile .create-profile-form .location-selected{padding:.75rem 1rem;font-size:.8125rem}.create-profile .create-profile-form .location-selected .location-text{font-size:.8125rem;word-break:break-word}.create-profile .create-profile-form .form-footer .blockchain-badge{padding:.875rem 1rem;gap:.75rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-icon{font-size:1.5rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content strong{font-size:.8125rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content p{font-size:.6875rem}}.dashboard-stats-section{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s;position:relative}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.stat-card.clickable:hover .stat-hint{opacity:1}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.highlight .stat-label,.stat-card.highlight .stat-subtext{color:#ffffffe6}.stat-card.accent{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-card.accent .stat-label,.stat-card.accent .stat-subtext{color:#ffffffe6}.stat-card h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:var(--text-secondary)}.stat-card .stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.stat-card .stat-value.small{font-size:1.75rem}.stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-card .stat-subtext{font-size:.75rem;color:var(--text-muted)}.stat-card .stat-row{display:flex;justify-content:space-around;gap:1rem}.stat-card .stat-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;opacity:0;transition:opacity .3s ease}.stat-card.highlight .stat-hint,.stat-card.accent .stat-hint{color:#ffffffb3}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.top-profiles-section{margin-bottom:3rem}.top-profiles-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.profiles-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth}.profiles-carousel::-webkit-scrollbar{height:8px}.profiles-carousel::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.profiles-carousel::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.profiles-carousel .profile-card{min-width:200px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.profiles-carousel .profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.profiles-carousel .profile-card .profile-image{width:100%;height:200px;overflow:hidden;background:var(--background-secondary);display:flex;align-items:center;justify-content:center}.profiles-carousel .profile-card .profile-image img{width:100%;height:100%;object-fit:cover}.profiles-carousel .profile-card .profile-image .profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);text-transform:uppercase}.profiles-carousel .profile-card .profile-info{padding:1rem}.profiles-carousel .profile-card .profile-info .profile-name{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profiles-carousel .profile-card .profile-info .profile-price{font-size:1.125rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.profiles-carousel .profile-card .profile-info .profile-stats{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.profiles-carousel .no-profiles{padding:2rem;text-align:center;color:var(--text-secondary);width:100%}@media(max-width:640px){.profiles-carousel .profile-card{min-width:160px}.profiles-carousel .profile-card .profile-image{height:160px}.profiles-carousel .profile-card .profile-image .profile-placeholder{font-size:3rem}}.comment{display:flex;gap:.75rem;padding:1rem;transition:opacity .3s,transform .3s}.comment.deleting{opacity:.5;pointer-events:none}.comment .comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.comment .comment-avatar img{width:100%;height:100%;object-fit:cover}.comment .comment-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase}.comment .comment-avatar .follow-overlay-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.comment .comment-avatar .follow-overlay-btn:hover{background:#000c;transform:scale(1.05)}.comment .comment-avatar .follow-overlay-btn.following{background:#22c55eb3}.comment .comment-avatar .follow-overlay-btn.following:hover{background:#dc2626b3}.comment .comment-content{flex:1;min-width:0}.comment .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment .comment-header .comment-author{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.comment .comment-header .comment-author .author-name{font-weight:600;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:color .2s}.comment .comment-header .comment-author .author-name:hover{color:var(--primary-color);text-decoration:underline}.comment .comment-header .comment-author .comment-time{font-size:.75rem;color:var(--text-muted)}.comment .comment-header .comment-author .edited-label{font-size:.7rem;color:var(--text-muted);font-style:italic}.comment .comment-header .comment-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.comment:hover .comment-actions{opacity:1}.comment .action-icon-btn{background:transparent;border:none;padding:.25rem .5rem;cursor:pointer;border-radius:4px;font-size:.875rem;transition:background-color .2s}.comment .action-icon-btn:hover{background:var(--background-hover)}.comment .action-icon-btn.delete:hover{background:#ef44441a}.comment .action-icon-btn:disabled{opacity:.5;cursor:not-allowed}.comment .comment-body p{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.comment .comment-edit .edit-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical;background:var(--card-background);color:var(--text-primary);transition:border-color .2s}.comment .comment-edit .edit-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.comment .comment-edit .edit-actions{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.comment .comment-edit .edit-actions .btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.comment .comment-edit .edit-actions .btn.btn-secondary{background:var(--background-secondary);color:var(--text-secondary)}.comment .comment-edit .edit-actions .btn.btn-secondary:hover{background:var(--background-hover)}.comment .comment-edit .edit-actions .btn.btn-primary{background:var(--primary-color);color:#fff}.comment .comment-edit .edit-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.comment .comment-edit .edit-actions .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment .comment-reactions{display:flex;gap:.75rem;margin-top:.5rem}.comment .comment-reactions .reaction-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.813rem;cursor:pointer;transition:all .2s}.comment .comment-reactions .reaction-btn:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.comment .comment-reactions .reaction-btn svg{font-size:.875rem}.comment .comment-reactions .reaction-btn .reaction-count{font-weight:500;min-width:1rem;text-align:center}.comment .comment-reactions .reaction-btn.like-btn.active{background:#3b82f61a;border-color:#3b82f680;color:#3b82f6}.comment .comment-reactions .reaction-btn.like-btn.active:hover{background:#3b82f626}.comment .comment-reactions .reaction-btn.dislike-btn.active{background:#ef44441a;border-color:#ef444480;color:#ef4444}.comment .comment-reactions .reaction-btn.dislike-btn.active:hover{background:#ef444426}@media(max-width:640px){.comment{padding:.75rem 0}.comment .comment-avatar{width:32px;height:32px}.comment .comment-actions{opacity:1}}.comment-list .comment-input-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.comment-list .comment-input-container .comment-actions-bar{display:flex;gap:1rem;justify-content:center;align-items:center}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);min-width:90px}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn svg{transition:all .2s ease}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn .action-label{font-size:.8125rem;font-weight:500;transition:all .2s ease}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:hover svg{transform:scale(1.1)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:active{transform:translateY(0)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn.active{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn.active svg{fill:var(--primary-color)}.comment-list .comment-input-form{margin-top:1rem;padding:1rem;background:var(--background-secondary);border-radius:12px;animation:slideDown .2s ease-out}.comment-list .comment-input-form .comment-input{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical;background:var(--card-background);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.comment-list .comment-input-form .comment-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.comment-list .comment-input-form .comment-input:disabled{opacity:.6;cursor:not-allowed}.comment-list .comment-input-form .comment-input::placeholder{color:var(--text-muted)}.comment-list .comment-input-form .comment-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.comment-list .comment-input-form .comment-input-footer .char-count{font-size:.75rem;color:var(--text-muted)}.comment-list .comment-input-form .comment-input-footer .btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary{background:var(--primary-color);color:#fff}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment-list .comments .empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.comment-list .comments .empty-state p{margin:0;font-size:.875rem}.comment-list .comments .load-more-trigger{height:20px}.comment-list .comments .loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--text-muted);font-size:.875rem}.comment-list .comments .loading-indicator .spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.comment-list .comment-input-container{margin-top:1rem;padding-top:1rem}.comment-list .comment-input-container .comment-actions-bar{gap:.75rem}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn{padding:.625rem .875rem;min-width:80px}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn svg{width:18px;height:18px}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn .action-label{font-size:.75rem}.comment-list .comment-input-form{padding:.75rem}.comment-list .comment-input-form .comment-input-footer{flex-direction:column;gap:.5rem;align-items:stretch}.comment-list .comment-input-form .comment-input-footer .btn{width:100%}}.image-upload{width:100%}.image-upload .image-preview{position:relative;max-width:125px;border-radius:8px;overflow:visible;background:var(--background-secondary)}@media(max-width:639px){.image-upload .image-preview{max-width:100%;width:100%}}.image-upload .image-preview img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;border-radius:8px}@media(max-width:639px){.image-upload .image-preview img{max-height:300px}}.image-upload .image-preview .remove-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;font-size:.875rem;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000004d}@media(hover:hover)and (pointer:fine){.image-upload .image-preview .remove-btn:hover{background:var(--danger-color);transform:scale(1.1)}}@media(max-width:639px){.image-upload .image-preview .remove-btn{width:32px;height:32px;border-radius:50%;font-size:.875rem;top:.25rem;right:.25rem}}.image-upload .image-preview .upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#000000b3;color:#fff;z-index:5}.image-upload .image-preview .upload-overlay .spinner{animation:spin 1s linear infinite;font-size:1.5rem}.image-upload .image-preview .upload-overlay span{font-size:.875rem;font-weight:500}.image-upload .upload-loading{justify-content:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:2rem;background:var(--background-secondary);border:2px solid var(--primary-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem}.image-upload .upload-loading .spinner{animation:spin 1s linear infinite;font-size:2rem;color:var(--primary-color)}.image-upload .upload-loading span{font-weight:500}@media(max-width:639px){.image-upload .upload-loading{padding:1.5rem;font-size:.875rem}.image-upload .upload-loading .spinner{font-size:1.5rem}}.image-upload .upload-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:2rem;background:var(--background-hover);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9375rem;transition:all .2s ease;cursor:pointer}.image-upload .upload-btn svg{font-size:2rem;color:var(--primary-color)}@media(hover:hover)and (pointer:fine){.image-upload .upload-btn:hover:not(:disabled){background:var(--background-secondary);border-color:var(--primary-color);color:var(--text-primary)}}.image-upload .upload-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:639px){.image-upload .upload-btn{padding:1.5rem;font-size:.875rem}.image-upload .upload-btn svg{font-size:1.5rem}}.image-upload .error-message{margin-top:.5rem;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:var(--danger-color);font-size:.875rem;font-weight:500}.post-composer{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.post-composer .composer-header{margin-bottom:1rem}.post-composer .composer-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.post-composer .composer-textarea{width:100%;min-height:120px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;background:var(--background-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.post-composer .composer-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.post-composer .composer-textarea:disabled{opacity:.6;cursor:not-allowed}.post-composer .composer-textarea::placeholder{color:var(--text-muted)}.post-composer .image-upload-container{margin-top:1rem}.post-composer .error-message{margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:.875rem}.post-composer .composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.post-composer .composer-footer .composer-actions{display:flex;gap:.5rem}.post-composer .composer-footer .composer-actions .btn-icon-action{padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s}.post-composer .composer-footer .composer-actions .btn-icon-action:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary-color);transform:scale(1.05)}.post-composer .composer-footer .composer-actions .btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.post-composer .composer-footer .composer-submit{display:flex;align-items:center;gap:1rem}.post-composer .composer-footer .composer-submit .char-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.post-composer .composer-footer .composer-submit .char-count.over-limit{color:#dc2626;font-weight:600}.post-composer .composer-footer .composer-submit .btn{padding:.625rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.post-composer .composer-footer .composer-submit .btn.btn-primary{background:var(--primary-color);color:#fff}.post-composer .composer-footer .composer-submit .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.post-composer .composer-footer .composer-submit .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.post-composer .composer-footer .composer-submit .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.post-composer{padding:1rem}.post-composer .composer-footer{flex-direction:column;gap:1rem;align-items:stretch}.post-composer .composer-footer .composer-actions{justify-content:flex-start}.post-composer .composer-footer .composer-submit{flex-direction:column;gap:.75rem;align-items:stretch}.post-composer .composer-footer .composer-submit .char-count{text-align:center}.post-composer .composer-footer .composer-submit .btn{width:100%}}.post-container.spotlighted{position:relative;background:linear-gradient(135deg,#ffc1071a,#ff98000d);border:2px solid rgba(255,193,7,.4);border-radius:12px;box-shadow:0 4px 20px #ffc10733,0 0 40px #ffc1071a;animation:spotlightPulse 3s ease-in-out infinite}.post-container.spotlighted:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffc107,#ff9800,#ffc107,#ff9800);background-size:300% 300%;border-radius:12px;z-index:-1;animation:gradientShift 6s ease infinite;opacity:.3}.post-container.spotlighted .spotlight-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite;pointer-events:none;border-radius:12px;z-index:1}.post-card.spotlighted{position:relative;background:linear-gradient(135deg,#1e1e1e,#322814);border:2px solid #ffc107;box-shadow:0 0 30px #ffc1074d,0 10px 40px #00000080}.post-card.spotlighted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#ffc107,#ff9800,#ffc107);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 4s ease infinite}.spotlight-indicator{display:inline-flex;align-items:center;gap:.4rem;color:#ffc107;font-size:.9rem;font-weight:600;animation:sparkle 1.5s ease-in-out infinite}.spotlight-indicator svg{font-size:1rem;filter:drop-shadow(0 0 8px rgba(255,193,7,.8));animation:rotateStar 4s linear infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 4px 20px #ffc10733,0 0 40px #ffc1071a}50%{box-shadow:0 6px 30px #ffc1074d,0 0 60px #ffc10733}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-container .post-container.spotlighted{margin:1.5rem 0}@media(min-width:768px){.feed-container .post-container.spotlighted{transform:scale(1.02)}}.spotlight-feed .post-container.spotlighted{animation:none}.spotlight-feed .post-container.spotlighted:before{opacity:.2}.duration-selector{margin-bottom:1.5rem}.duration-selector .duration-label{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem}.duration-selector .duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.duration-selector .duration-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:70px}.duration-selector .duration-option:hover{background:#ffffff14;border-color:#ffc1074d;transform:translateY(-2px)}.duration-selector .duration-option.selected{background:#ffc10726;border-color:#ffc107;box-shadow:0 0 15px #ffc1074d}.duration-selector .duration-option.selected .duration-text{color:#ffc107;font-weight:700}.duration-selector .duration-option.popular{border-color:#ffc10766}.duration-selector .duration-option.popular .popular-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffc10766}.duration-selector .duration-option .duration-text{color:#fffc;font-size:.9rem;font-weight:600;text-align:center}.duration-selector .duration-option:active{transform:translateY(0)}@media(max-width:600px){.duration-selector .duration-options{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.unified-spotlight-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;max-height:90vh;overflow:auto;position:relative;animation:slideUp .3s ease-out}.unified-spotlight-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #333}.unified-spotlight-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:#fff}.unified-spotlight-modal .modal-header .modal-icon{color:#ffc107;font-size:1.5rem}.unified-spotlight-modal .modal-header .btn-close{background:transparent;border:none;font-size:1.75rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;color:#999}.unified-spotlight-modal .modal-header .btn-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.unified-spotlight-modal .modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.unified-spotlight-modal .modal-body{padding:1.5rem}.unified-spotlight-modal .modal-body .modal-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:#ccc;text-align:center}.unified-spotlight-modal .modal-body .warning-banner{display:flex;gap:1rem;align-items:flex-start;padding:1rem;margin-bottom:1.5rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-left:4px solid #ff9800;border-radius:8px}.unified-spotlight-modal .modal-body .warning-banner .warning-icon{font-size:1.5rem;flex-shrink:0}.unified-spotlight-modal .modal-body .warning-banner .warning-content{flex:1}.unified-spotlight-modal .modal-body .warning-banner .warning-content strong{display:block;color:#ff9800;font-size:1rem;margin-bottom:.5rem}.unified-spotlight-modal .modal-body .warning-banner .warning-content p{margin:0 0 .75rem;font-size:.9rem;color:#fffc;line-height:1.4}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info{margin-top:.75rem;padding:.75rem;background:#0003;border-radius:6px;font-size:.85rem}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div{display:flex;justify-content:space-between;margin-bottom:.4rem;color:#ffffffb3}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div:last-child{margin-bottom:0}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div.shortfall{padding-top:.5rem;border-top:1px solid rgba(255,152,0,.2);color:#ff9800;font-weight:600}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div strong{display:inline;color:#fff;margin-left:.5rem}.unified-spotlight-modal .modal-body .price-display{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffc1071a,#ff98000d);border:2px solid rgba(255,193,7,.3);border-radius:12px;text-align:center}.unified-spotlight-modal .modal-body .price-display .price-label{font-size:.875rem;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-weight:600}.unified-spotlight-modal .modal-body .price-display .price-value{font-size:2rem;font-weight:700;color:#ffc107;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem}.unified-spotlight-modal .modal-body .price-display .price-value .loading-price{font-size:1rem;color:#999;display:flex;align-items:center;gap:.5rem}.unified-spotlight-modal .modal-body .price-display .price-value .loading-price .spinner{animation:spin 1s linear infinite}.unified-spotlight-modal .modal-body .price-display .price-value .price-amount{background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unified-spotlight-modal .modal-body .price-display .price-value .price-error{font-size:1rem;color:#ef4444}.unified-spotlight-modal .modal-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #333}.unified-spotlight-modal .modal-footer .btn{padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.unified-spotlight-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.unified-spotlight-modal .modal-footer .btn.btn-secondary{background:#ffffff1a;color:#fff}.unified-spotlight-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#ffffff26}.unified-spotlight-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;box-shadow:0 2px 12px #ffc1074d;font-weight:700}.unified-spotlight-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffc10780}.unified-spotlight-modal .modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.unified-spotlight-modal .modal-footer .btn.btn-primary .spinner{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.unified-spotlight-modal{max-width:95vw;margin:1rem}.unified-spotlight-modal .modal-header{padding:1.25rem 1.25rem .75rem}.unified-spotlight-modal .modal-header h2{font-size:1.25rem}.unified-spotlight-modal .modal-body,.unified-spotlight-modal .modal-body .price-display{padding:1.25rem}.unified-spotlight-modal .modal-body .price-display .price-value{font-size:1.75rem}.unified-spotlight-modal .modal-footer{flex-direction:column;padding:1rem 1.25rem 1.25rem}.unified-spotlight-modal .modal-footer .btn{width:100%;min-width:auto}}.spotlight-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .3s ease-out}.spotlight-success-modal{background:linear-gradient(135deg,#1a1a1a,#2a2520);border:2px solid rgba(255,193,7,.5);border-radius:20px;box-shadow:0 0 60px #ffc10766,0 20px 80px #0009;max-width:450px;width:100%;padding:3rem 2rem 2rem;position:relative;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);text-align:center}.success-icon-container{position:relative;margin:0 auto 2rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.success-icon-bg{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#ff9800);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #ffc10799,0 10px 30px #ff980066;animation:pulse 2s ease-in-out infinite}.success-icon-bg .success-check{font-size:4rem;color:#000;animation:checkPop .6s cubic-bezier(.175,.885,.32,1.275) .2s backwards}.sparkles-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.sparkles-container .sparkle{position:absolute;font-size:2rem;color:#ffc107;opacity:0;animation:sparkleFloat 2s ease-in-out infinite}.sparkles-container .sparkle.sparkle-1{top:10%;left:10%;animation-delay:0s}.sparkles-container .sparkle.sparkle-2{top:10%;right:10%;animation-delay:.3s}.sparkles-container .sparkle.sparkle-3{bottom:10%;left:10%;animation-delay:.6s}.sparkles-container .sparkle.sparkle-4{bottom:10%;right:10%;animation-delay:.9s}.success-content{margin-bottom:2rem}.success-content .success-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;animation:slideDown .5s ease-out .3s backwards}.success-content .success-title .title-star{color:#ffc107;animation:rotate 1.5s linear infinite}.success-content .success-message{font-size:1.125rem;color:#ccc;line-height:1.6;margin:0;animation:slideDown .5s ease-out .4s backwards}.success-close-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;border:none;border-radius:12px;padding:.875rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffc10766;animation:slideDown .5s ease-out .5s backwards}.success-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ffc10799}.success-close-btn:active{transform:translateY(0)}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #ffc10799,0 10px 30px #ff980066}50%{transform:scale(1.05);box-shadow:0 0 60px #ffc107cc,0 10px 40px #ff980099}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.spotlight-success-modal{max-width:90vw;padding:2.5rem 1.5rem 1.5rem}.success-icon-bg{width:100px;height:100px}.success-icon-bg .success-check{font-size:3.5rem}.success-content .success-title{font-size:1.75rem}.success-content .success-message{font-size:1rem}}.post-card{width:100%;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:box-shadow .2s;box-sizing:border-box}.post-card:hover{box-shadow:0 4px 12px #00000014}.post-card.spotlight-post{border:2px solid var(--primary-color);position:relative}.post-header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:flex-start;margin-bottom:1rem}.post-header .post-author{display:flex;gap:.75rem;align-items:center}.post-header .post-author .author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.post-header .post-author .author-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;font-weight:700;font-size:1.25rem;text-transform:uppercase}.post-header .post-author .author-avatar .follow-overlay-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.post-header .post-author .author-avatar .follow-overlay-btn:hover{background:#000c;transform:scale(1.05)}.post-header .post-author .author-avatar .follow-overlay-btn.following{background:#22c55eb3}.post-header .post-author .author-avatar .follow-overlay-btn.following:hover{background:#dc2626b3}.post-header .post-author .author-info .author-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;cursor:pointer;transition:color .2s}.post-header .post-author .author-info .author-name:hover{color:var(--primary-color);text-decoration:underline}.post-header .post-author .author-info .post-time{font-size:.75rem;color:var(--text-muted)}.post-header .post-header-right{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.post-header .spotlight-badge{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 10px #ffc10766;white-space:nowrap;animation:badgePulse 2s ease-in-out infinite}.post-header .post-location{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}@media(max-width:768px){.post-header{grid-template-columns:1fr;gap:.75rem}.post-header .post-header-right{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.post-header .spotlight-badge{font-size:.65rem;padding:.25rem .5rem}.post-header .post-location{font-size:.7rem}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 10px #ffc10766}50%{transform:scale(1.05);box-shadow:0 4px 15px #ffc10799}}.post-body{margin-bottom:1rem;color:var(--text-primary);line-height:1.6}.post-media{margin-bottom:1rem;border-radius:8px;overflow:hidden}.post-media img{width:100%;height:auto;display:block}.post-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.post-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.post-comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);animation:slideDown .3s ease-out}@media(max-width:640px){.post-card{padding:1rem}.post-header{flex-direction:column;gap:.5rem}.post-header .post-location{align-self:flex-start}.post-actions{flex-wrap:wrap}.post-actions .action-btn{flex:1;justify-content:center;min-width:80px}}.klyxfeed-section{margin-bottom:3rem}.klyxfeed-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.feed-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);overflow-x:auto}.feed-tabs .feed-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.feed-tabs .feed-tab:hover{color:var(--text-primary);background:var(--background-hover)}.feed-tabs .feed-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.feed-content{min-height:400px}.feed-loading,.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.feed-loading .hint,.feed-empty .hint{margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.loading-spinner{font-size:1.25rem;color:var(--primary-color)}.feed-posts{display:flex;flex-direction:column;gap:1.5rem}.feed-observer{padding:2rem;text-align:center}.feed-observer .loading-more{color:var(--text-secondary);font-size:.875rem}.feed-end{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.location-controls{margin-bottom:1.5rem;padding:1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px}.location-controls .location-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.location-controls .location-info .location-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.location-controls .location-info .radius-control{display:flex;gap:.5rem}.location-controls .location-info .radius-control .radius-button{padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.location-controls .location-info .radius-control .radius-button:hover{background:var(--background-hover);border-color:var(--primary-color)}.location-controls .location-info .radius-control .unit-toggle{padding:.5rem .75rem;background:var(--primary-color-light);border:1px solid var(--primary-color);border-radius:8px;font-size:.75rem;font-weight:700;color:var(--primary-color);cursor:pointer;transition:all .2s;text-transform:uppercase}.location-controls .location-info .radius-control .unit-toggle:hover{background:var(--primary-color);color:#fff}.location-controls .radius-selector{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);flex-wrap:wrap}.location-controls .radius-selector .radius-option{padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.location-controls .radius-selector .radius-option:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.location-controls .radius-selector .radius-option.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media(max-width:640px){.feed-tabs .feed-tab{padding:.5rem 1rem;font-size:.875rem}.location-controls .location-info{flex-direction:column;align-items:flex-start}.location-controls .location-info .radius-control{width:100%;justify-content:space-between}.location-controls .radius-selector{justify-content:center}}.dashboard-page{min-height:calc(100vh - 80px);padding:2rem 1rem;background:var(--background-color)}.dashboard-page.loading{display:flex;align-items:center;justify-content:center}.dashboard-page .loading-spinner{font-size:1.5rem;color:var(--text-secondary)}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.dashboard-header p{font-size:1.125rem;color:var(--text-secondary)}.area-stats-section{margin-bottom:3rem}.area-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.area-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.area-card .ranking-info{display:flex;align-items:center;justify-content:center;gap:2rem}.area-card .ranking-info .rank-badge{font-size:3rem;font-weight:700;color:var(--primary-color);background:var(--primary-color-light);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.area-card .ranking-info .rank-details p{font-size:1rem;color:var(--text-secondary)}.recent-activity-section{margin-bottom:3rem}.recent-activity-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.activity-list{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.activity-item{display:grid;grid-template-columns:100px 1fr 120px 200px 150px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);align-items:center;transition:background .2s}.activity-item:hover{background:var(--background-hover)}.activity-item:last-child{border-bottom:none}.activity-item .activity-type{font-weight:600;text-transform:uppercase;font-size:.75rem;color:var(--primary-color)}.activity-item .activity-profile{font-weight:500;color:var(--text-primary)}.activity-item .activity-price{font-weight:700;color:var(--text-primary)}.activity-item .activity-users{font-size:.875rem;color:var(--text-secondary)}.activity-item .activity-time{font-size:.875rem;color:var(--text-muted);text-align:right}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-item{grid-template-columns:1fr;gap:.5rem}.activity-item .activity-time{text-align:left}}@media(max-width:640px){.dashboard-page{padding:1rem .5rem}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.profiles-carousel .profile-card{min-width:160px}.area-card .ranking-info{flex-direction:column;gap:1rem}}.location-settings{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box}@media(max-width:639px){.location-settings{padding:1rem;max-width:100%}}@media(max-width:360px){.location-settings{padding:.75rem}}.location-settings *{box-sizing:border-box}.location-settings-header{margin-bottom:2rem;text-align:center}.location-settings-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.location-settings-header h2{font-size:1.5rem}}.location-settings-header p{font-size:1rem;color:var(--text-secondary)}@media(max-width:639px){.location-settings-header p{font-size:.9375rem}}.location-setting-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:border-color .2s;width:100%;max-width:100%}@media(hover:hover)and (pointer:fine){.location-setting-item:hover{border-color:var(--primary-color)}}@media(max-width:639px){.location-setting-item{padding:.875rem;margin-bottom:1rem}}@media(max-width:360px){.location-setting-item{padding:.75rem}}.location-setting-header{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:1rem}@media(max-width:639px){.location-setting-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.location-setting-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color-light);color:var(--primary-color);font-size:1.25rem;flex-shrink:0}.location-setting-icon.touring{background:var(--secondary-color-light, #e0f2fe);color:var(--secondary-color, #0284c7)}@media(max-width:639px){.location-setting-icon{width:40px;height:40px;border-radius:50%;font-size:1.125rem}}.location-setting-info{flex:1;min-width:0;margin:0 auto}.location-setting-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}@media(max-width:639px){.location-setting-info h3{font-size:1rem}}.location-setting-info p{font-size:.875rem;color:var(--text-secondary)}@media(max-width:639px){.location-setting-info p{font-size:.8125rem}}.location-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;gap:1rem;width:100%;max-width:100%}@media(max-width:639px){.location-selected{flex-direction:column;align-items:stretch;gap:.75rem;padding:.875rem}}@media(max-width:360px){.location-selected{padding:.75rem}}.location-selected-text{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;min-width:0}.location-selected-text .location-icon{color:var(--primary-color);font-size:1.125rem;flex-shrink:0}.location-selected-text span{font-size:1rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.location-selected-text span{font-size:.9375rem}}.location-selected-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:639px){.location-selected-actions{width:100%}.location-selected-actions button{flex:1}}.location-change-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;transition:background .2s}@media(hover:hover)and (pointer:fine){.location-change-btn:hover{background:var(--primary-color-dark)}}@media(hover:none)and (pointer:coarse){.location-change-btn:active{transition:transform .1s ease}.location-change-btn:active:active{transform:scale(.98)}}.location-clear-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--danger-color, #ef4444);color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;transition:background .2s}@media(hover:hover)and (pointer:fine){.location-clear-btn:hover{background:#dc2626}}@media(hover:none)and (pointer:coarse){.location-clear-btn:active{transition:transform .1s ease}.location-clear-btn:active:active{transform:scale(.98)}}.location-search-container{position:relative;width:100%;max-width:100%}.location-search-input{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;max-width:100%}.location-search-input .search-icon{position:absolute;left:.875rem;color:var(--text-muted);font-size:1rem}@media(max-width:360px){.location-search-input .search-icon{left:.75rem}}.location-search-input input{width:100%;max-width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:border-color .2s}.location-search-input input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.location-search-input input::placeholder{color:var(--text-muted)}@media(max-width:639px){.location-search-input input{font-size:.9375rem;padding:.75rem .875rem .75rem 2.25rem}}@media(max-width:360px){.location-search-input input{padding:.625rem .75rem .625rem 2rem;font-size:.875rem}}.location-search-input .search-spinner{position:absolute;right:.875rem;font-size:.875rem;color:var(--text-muted)}@media(max-width:360px){.location-search-input .search-spinner{right:.75rem}}.location-search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100}.location-search-results::-webkit-scrollbar{width:8px;height:8px}.location-search-results::-webkit-scrollbar-track{background:transparent}.location-search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.location-search-results::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.location-result-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.location-result-item:last-child{border-bottom:none}@media(hover:hover)and (pointer:fine){.location-result-item:hover{background:var(--background-hover)}}@media(hover:none)and (pointer:coarse){.location-result-item:active{background:var(--background-hover)}}.location-result-item .result-icon{color:var(--primary-color);font-size:1rem;flex-shrink:0}.location-result-item span{font-size:.9375rem;color:var(--text-primary)}@media(max-width:639px){.location-result-item span{font-size:.875rem}}.location-settings-note{background:var(--background-info, #f0f9ff);border-left:4px solid var(--primary-color);padding:1rem;border-radius:4px;margin-bottom:1.5rem;width:100%;max-width:100%}.location-settings-note p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.location-settings-note p strong{font-weight:600;color:var(--text-primary)}@media(max-width:639px){.location-settings-note{padding:.875rem;margin-bottom:1rem}}@media(max-width:360px){.location-settings-note{padding:.75rem}}.location-settings-footer{display:flex;align-items:center;justify-content:center;margin-top:2rem}@media(max-width:639px){.location-settings-footer{margin-top:1.5rem}}.location-save-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s;min-width:180px}@media(hover:hover)and (pointer:fine){.location-save-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}}.location-save-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.location-save-btn.saving{background:var(--text-muted)}.location-save-btn.saved{background:var(--success-color, #10b981)}.location-save-btn.error{background:var(--danger-color, #ef4444)}@media(max-width:639px){.location-save-btn{width:100%;min-width:unset}}.distance-unit-selector{display:flex;gap:1rem;margin-top:1rem}.distance-unit-selector .distance-unit-btn{flex:1;padding:.875rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.distance-unit-selector .distance-unit-btn:hover{background:#ffffff14;color:#ffffffe6}.distance-unit-selector .distance-unit-btn.active{background:linear-gradient(135deg,#1b87fa,#7c8fac);border-color:#1b87fa;color:#000;transform:scale(1.02)}@media(max-width:639px){.distance-unit-selector{flex-direction:column;gap:.75rem}}.sound-settings{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box}@media(max-width:639px){.sound-settings{padding:1rem;max-width:100%}}@media(max-width:360px){.sound-settings{padding:.75rem}}.sound-settings *{box-sizing:border-box}.sound-settings .sound-settings-header{margin-bottom:2rem;text-align:center}.sound-settings .sound-settings-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.sound-settings .sound-settings-header h2{font-size:1.5rem}}.sound-settings .sound-settings-header p{color:var(--text-secondary);font-size:.95rem}@media(max-width:639px){.sound-settings .sound-settings-header p{font-size:.875rem}}.sound-settings .sound-setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;transition:all .2s ease;width:100%;max-width:100%}@media(hover:hover)and (pointer:fine){.sound-settings .sound-setting-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}}.sound-settings .sound-setting-item.master-toggle{border:2px solid var(--primary-color);background:linear-gradient(135deg,var(--card-background) 0%,rgba(var(--primary-rgb),.05) 100%)}.sound-settings .sound-setting-item .sound-setting-content{display:flex;flex-direction:row;align-items:center;gap:1rem;flex:1;min-width:0}.sound-settings .sound-setting-item .sound-setting-content .sound-setting-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:1.5rem;color:var(--primary-color);background:rgba(var(--primary-rgb),.1);flex-shrink:0}@media(max-width:639px){.sound-settings .sound-setting-item .sound-setting-content .sound-setting-icon{width:36px;height:36px;border-radius:8px;font-size:1.25rem}}.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info{flex:1;min-width:0}.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h3,.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}@media(max-width:639px){.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h3,.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h4{font-size:.9375rem}}.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h4{font-size:.95rem}@media(max-width:639px){.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info h4{font-size:.875rem}}.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info p{font-size:.875rem;color:var(--text-secondary);margin:0}@media(max-width:639px){.sound-settings .sound-setting-item .sound-setting-content .sound-setting-info p{font-size:.8125rem}}.sound-settings .sound-setting-item .sound-setting-actions{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-shrink:0}@media(max-width:639px){.sound-settings .sound-setting-item .sound-setting-actions{gap:.75rem}}@media(max-width:639px){.sound-settings .sound-setting-item{flex-direction:column;align-items:stretch;padding:.875rem}.sound-settings .sound-setting-item .sound-setting-content{margin-bottom:1rem}.sound-settings .sound-setting-item .sound-setting-actions{justify-content:flex-end}}@media(max-width:360px){.sound-settings .sound-setting-item{padding:.75rem}}.sound-settings .volume-control{flex-direction:column;align-items:stretch}.sound-settings .volume-control .sound-setting-content{margin-bottom:1rem}.sound-settings .volume-control .volume-slider-container{display:flex;flex-direction:row;align-items:center;gap:1rem}.sound-settings .volume-control .volume-slider-container .volume-icon{color:var(--text-secondary);font-size:1.1rem;flex-shrink:0}.sound-settings .volume-control .volume-slider-container .volume-slider{flex:1;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none}.sound-settings .volume-control .volume-slider-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s ease}.sound-settings .volume-control .volume-slider-container .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sound-settings .volume-control .volume-slider-container .volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:all .2s ease}.sound-settings .volume-control .volume-slider-container .volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.sound-settings .volume-control .volume-slider-container .volume-value{min-width:45px;text-align:right;font-weight:600;color:var(--primary-color)}@media(max-width:639px){.sound-settings .volume-control .volume-slider-container .volume-value{min-width:40px;font-size:.9375rem}}.sound-settings .sound-types{margin-top:2rem}@media(max-width:639px){.sound-settings .sound-types{margin-top:1.5rem}}.sound-settings .sound-types .sound-types-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}@media(max-width:639px){.sound-settings .sound-types .sound-types-title{font-size:1.125rem}}.sound-settings .sound-test-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-background);color:var(--primary-color);transition:all .2s ease}@media(hover:hover)and (pointer:fine){.sound-settings .sound-test-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}}@media(hover:none)and (pointer:coarse){.sound-settings .sound-test-btn:active{transition:transform .1s ease}.sound-settings .sound-test-btn:active:active{transform:scale(.98)}}.sound-settings .sound-test-btn svg{font-size:.875rem}.sound-settings .sound-toggle{position:relative;display:inline-block;width:52px;height:28px}.sound-settings .sound-toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sound-settings .sound-toggle .sound-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.sound-settings .sound-toggle .sound-toggle-slider:before{position:absolute;content:"";width:20px;height:20px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.3s}.sound-settings .sound-toggle input:checked+.sound-toggle-slider{background-color:var(--primary-color)}.sound-settings .sound-toggle input:checked+.sound-toggle-slider:before{transform:translate(24px)}.sound-settings .sound-settings-footer{margin-top:2rem;display:flex;align-items:center;justify-content:center}@media(max-width:639px){.sound-settings .sound-settings-footer{margin-top:1.5rem}}.sound-settings .sound-settings-footer .sound-save-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;border-radius:8px;background:var(--primary-color);color:#fff;transition:all .2s ease;min-width:180px}@media(hover:hover)and (pointer:fine){.sound-settings .sound-settings-footer .sound-save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}}.sound-settings .sound-settings-footer .sound-save-btn:active:not(:disabled){transform:translateY(0)}.sound-settings .sound-settings-footer .sound-save-btn:disabled{opacity:.6;cursor:not-allowed}.sound-settings .sound-settings-footer .sound-save-btn.saving{background:var(--text-secondary)}.sound-settings .sound-settings-footer .sound-save-btn.saved{background:#10b981}.sound-settings .sound-settings-footer .sound-save-btn.error{background:#ef4444}@media(max-width:639px){.sound-settings .sound-settings-footer .sound-save-btn{width:100%;min-width:unset;padding:.875rem 1.5rem}}.sound-settings .sound-settings-note{margin-top:2rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border-left:3px solid var(--primary-color);border-radius:6px}.sound-settings .sound-settings-note p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.sound-settings .sound-settings-note p strong{color:var(--text-primary)}@media(max-width:639px){.sound-settings .sound-settings-note{margin-top:1.5rem;padding:.875rem}}.email-notification-settings{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box}@media(max-width:639px){.email-notification-settings{padding:1rem;max-width:100%}}@media(max-width:360px){.email-notification-settings{padding:.75rem}}.email-notification-settings *{box-sizing:border-box}.email-notification-settings .email-notification-settings-header{margin-bottom:2rem;text-align:center}.email-notification-settings .email-notification-settings-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.email-notification-settings .email-notification-settings-header h2{font-size:1.5rem}}.email-notification-settings .email-notification-settings-header p{color:var(--text-secondary);font-size:.95rem}@media(max-width:639px){.email-notification-settings .email-notification-settings-header p{font-size:.875rem}}.email-notification-settings .email-notification-types{display:flex;flex-direction:column;gap:1rem}.email-notification-settings .email-notification-setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;width:100%;max-width:100%}@media(hover:hover)and (pointer:fine){.email-notification-settings .email-notification-setting-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}}.email-notification-settings .email-notification-setting-item .email-notification-setting-content{display:flex;flex-direction:row;align-items:center;gap:1rem;flex:1;min-width:0}.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:1.25rem;color:var(--primary-color);background:rgba(var(--primary-rgb),.1);flex-shrink:0}@media(max-width:639px){.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-icon{width:36px;height:36px;border-radius:8px;font-size:1.125rem}}.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-info{flex:1;min-width:0}.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-info h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}@media(max-width:639px){.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-info h4{font-size:.875rem}}.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-info p{font-size:.875rem;color:var(--text-secondary);margin:0}@media(max-width:639px){.email-notification-settings .email-notification-setting-item .email-notification-setting-content .email-notification-setting-info p{font-size:.8125rem}}@media(max-width:639px){.email-notification-settings .email-notification-setting-item{flex-direction:row;align-items:center;padding:.875rem}}@media(max-width:360px){.email-notification-settings .email-notification-setting-item{padding:.75rem}}.email-notification-settings .email-notification-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.email-notification-settings .email-notification-toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.email-notification-settings .email-notification-toggle .email-notification-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.email-notification-settings .email-notification-toggle .email-notification-toggle-slider:before{position:absolute;content:"";width:20px;height:20px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.3s}.email-notification-settings .email-notification-toggle input:checked+.email-notification-toggle-slider{background-color:var(--primary-color)}.email-notification-settings .email-notification-toggle input:checked+.email-notification-toggle-slider:before{transform:translate(24px)}.email-notification-settings .email-notification-settings-footer{margin-top:2rem;display:flex;align-items:center;justify-content:center}@media(max-width:639px){.email-notification-settings .email-notification-settings-footer{margin-top:1.5rem}}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;border-radius:8px;background:var(--primary-color);color:#fff;transition:all .2s ease;min-width:180px}@media(hover:hover)and (pointer:fine){.email-notification-settings .email-notification-settings-footer .email-notification-save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn:active:not(:disabled){transform:translateY(0)}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn:disabled{opacity:.6;cursor:not-allowed}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn.saving{background:var(--text-secondary)}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn.saved{background:#10b981}.email-notification-settings .email-notification-settings-footer .email-notification-save-btn.error{background:#ef4444}@media(max-width:639px){.email-notification-settings .email-notification-settings-footer .email-notification-save-btn{width:100%;min-width:unset;padding:.875rem 1.5rem}}.email-notification-settings .email-notification-settings-note{margin-top:2rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border-left:3px solid var(--primary-color);border-radius:6px}.email-notification-settings .email-notification-settings-note p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.email-notification-settings .email-notification-settings-note p strong{color:var(--text-primary)}@media(max-width:639px){.email-notification-settings .email-notification-settings-note{margin-top:1.5rem;padding:.875rem}}.account-settings{max-width:800px}.account-settings .account-settings-header{display:flex;justify-content:space-between;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1rem}@media(max-width:639px){.account-settings .account-settings-header{align-items:stretch}}.account-settings .account-settings-header .header-content{flex:1}.account-settings .account-settings-header .header-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.account-settings .account-settings-header .header-content p{font-size:.938rem;color:var(--text-secondary);margin:0}.account-settings .account-settings-header .home-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:.938rem;font-weight:600;transition:all .2s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.account-settings .account-settings-header .home-btn:hover{background:var(--primary-color-dark);transform:translateY(-2px)}}@media(max-width:639px){.account-settings .account-settings-header .home-btn{width:100%;justify-content:center}}.account-settings .account-settings-error{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:1rem;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);color:#f44;margin-bottom:1.5rem}.account-settings .account-settings-error svg{font-size:1.25rem;flex-shrink:0}.account-settings .account-settings-error span{font-size:.938rem}.account-settings .account-settings-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.account-settings .account-settings-section.avatar-section .avatar-upload-container{margin:0 auto}.account-settings .account-settings-section.avatar-section .avatar-upload-container .avatar-uploader .image-preview img{border-radius:50%;max-height:300px;object-fit:cover}@media(max-width:639px){.account-settings .account-settings-section.avatar-section .avatar-upload-container{max-width:200px}}.account-settings .account-settings-section.banner-section .banner-upload-container{max-width:100%}.account-settings .account-settings-section.banner-section .banner-upload-container .banner-uploader .image-preview img{border-radius:8px;max-height:200px;width:100%;object-fit:cover}.account-settings .account-settings-section .account-settings-section-header{display:flex;flex-direction:row;align-items:center;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.account-settings .account-settings-section .account-settings-section-header .section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--background-secondary);color:var(--primary-color);font-size:1.25rem;flex-shrink:0}.account-settings .account-settings-section .account-settings-section-header .section-info{flex:1}.account-settings .account-settings-section .account-settings-section-header .section-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.account-settings .account-settings-section .account-settings-section-header .section-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.account-settings .account-settings-section .account-settings-input-group{display:flex;flex-direction:row;gap:.75rem;align-items:center}.account-settings .account-settings-section .account-settings-input-group input{flex:1;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;transition:all .2s ease}.account-settings .account-settings-section .account-settings-input-group input:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.account-settings .account-settings-section .account-settings-input-group input:disabled,.account-settings .account-settings-section .account-settings-input-group input:read-only{opacity:.6;cursor:not-allowed;background:var(--background-secondary)}.account-settings .account-settings-section .account-settings-input-group input::placeholder{color:var(--text-muted)}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:.938rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn.saving{background:var(--text-secondary)}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn.saved{background:#10b981}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn.error{background:#ef4444}.account-settings .account-settings-section .account-settings-password-verify{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;background:var(--background-secondary);border-radius:var(--radius-md)}.account-settings .account-settings-section .account-settings-password-verify svg{color:var(--text-secondary);font-size:1rem;flex-shrink:0}.account-settings .account-settings-section .account-settings-password-verify input{flex:1;padding:.5rem .75rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.account-settings .account-settings-section .account-settings-password-verify input:focus{outline:none;border-color:var(--primary-color)}.account-settings .account-settings-section .account-settings-password-verify input:disabled{opacity:.5;cursor:not-allowed}.account-settings .account-settings-section .account-settings-password-verify button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;transition:all .2s ease}.account-settings .account-settings-section .account-settings-password-verify button:hover:not(:disabled){background:var(--background-hover);color:var(--text-primary)}.account-settings .account-settings-section .account-settings-password-verify button:disabled{opacity:.5;cursor:not-allowed}.account-settings .account-settings-section .account-settings-note{margin-top:1rem;padding:.75rem 1rem;background:var(--background-secondary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary)}.account-settings .account-settings-section .account-settings-note strong{color:var(--text-primary)}.account-settings .account-settings-danger-zone{background:#ff00000d;border:2px solid rgba(255,0,0,.2);border-radius:var(--radius-lg);padding:1.5rem;margin-top:2rem}.account-settings .account-settings-danger-zone h3{font-size:1.25rem;font-weight:700;color:#f44;margin:0 0 1rem}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:var(--card-background);border:1px solid rgba(255,0,0,.2);border-radius:var(--radius-md);margin-bottom:1rem}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .danger-zone-info{flex:1}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .danger-zone-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .danger-zone-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .btn-danger{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f44;color:#fff;border-radius:var(--radius-md);font-size:.938rem;font-weight:600;transition:all .2s ease}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .btn-danger:hover:not(:disabled){background:#c00;transform:translateY(-1px)}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-note{font-size:.875rem;color:var(--text-secondary);margin:0}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-note strong{color:var(--text-primary)}@media(max-width:768px){.account-settings .account-settings-section .account-settings-input-group{flex-direction:column;align-items:stretch}.account-settings .account-settings-section .account-settings-input-group .account-settings-save-btn{width:100%}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item{flex-direction:column;align-items:flex-start}.account-settings .account-settings-danger-zone .danger-zone-content .danger-zone-item .btn-danger{width:100%;justify-content:center}}.fees-settings{max-width:800px}.fees-settings .fees-settings-header{margin-bottom:2rem}.fees-settings .fees-settings-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.fees-settings .fees-settings-header p{font-size:.938rem;color:var(--text-secondary);margin:0}.fees-settings .fees-settings-error{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:1rem;background:#ffb4001a;border:1px solid rgba(255,180,0,.3);border-radius:var(--radius-md);color:#fa0;margin-bottom:1.5rem}.fees-settings .fees-settings-error svg{font-size:1.25rem;flex-shrink:0}.fees-settings .fees-settings-error span{font-size:.938rem}.fees-settings .fees-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.fees-settings .fees-settings-empty svg{font-size:4rem;color:var(--text-muted);margin-bottom:1.5rem}.fees-settings .fees-settings-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.fees-settings .fees-settings-empty p{font-size:.938rem;color:var(--text-secondary);max-width:500px;margin:0;line-height:1.6}.fees-settings .fees-settings-profile-selector{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.fees-settings .fees-settings-profile-selector label{display:block;font-size:.938rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.fees-settings .fees-settings-profile-selector select{width:100%;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;cursor:pointer;transition:all .2s ease}.fees-settings .fees-settings-profile-selector select:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.fees-settings .fees-settings-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.fees-settings .fees-settings-section .fees-settings-section-header{display:flex;flex-direction:row;align-items:center;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.fees-settings .fees-settings-section .fees-settings-section-header .section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--background-secondary);color:var(--primary-color);font-size:1.25rem;flex-shrink:0}.fees-settings .fees-settings-section .fees-settings-section-header .section-info{flex:1}.fees-settings .fees-settings-section .fees-settings-section-header .section-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.fees-settings .fees-settings-section .fees-settings-section-header .section-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.fees-settings .fees-settings-section .fees-settings-input-group{display:flex;flex-direction:row;gap:.75rem;align-items:center}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]{flex:1;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;transition:all .2s ease}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]:disabled{opacity:.6;cursor:not-allowed;background:var(--background-secondary)}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]::placeholder{color:var(--text-muted)}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]::-webkit-inner-spin-button,.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]{-moz-appearance:textfield}.fees-settings .fees-settings-section .fees-settings-input-group .input-suffix{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.fees-settings .fees-settings-section .fees-settings-subscription-period{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.fees-settings .fees-settings-section .fees-settings-subscription-period label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.fees-settings .fees-settings-section .fees-settings-subscription-period select{width:100%;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;cursor:pointer;transition:all .2s ease}.fees-settings .fees-settings-section .fees-settings-subscription-period select:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.fees-settings .fees-settings-section .fees-settings-subscription-period select:disabled{opacity:.6;cursor:not-allowed}.fees-settings .fees-settings-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:1.5rem}.fees-settings .fees-settings-actions .fees-settings-save-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:1rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.fees-settings .fees-settings-actions .fees-settings-save-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.fees-settings .fees-settings-actions .fees-settings-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.fees-settings .fees-settings-actions .fees-settings-save-btn.saving{background:var(--text-secondary)}.fees-settings .fees-settings-actions .fees-settings-save-btn.saved{background:#10b981}.fees-settings .fees-settings-actions .fees-settings-save-btn.error{background:#ef4444}.fees-settings .fees-settings-note{display:flex;flex-direction:row;align-items:center;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--background-secondary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.fees-settings .fees-settings-note svg{font-size:1rem;color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.fees-settings .fees-settings-note p{margin:0;line-height:1.6}.fees-settings .fees-settings-note p strong{color:var(--text-primary)}@media(max-width:768px){.fees-settings .fees-settings-section .fees-settings-input-group input[type=number]{font-size:16px}.fees-settings .fees-settings-actions .fees-settings-save-btn{width:100%}}.settings-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media(min-width:768px){.settings-page{padding:3rem 2rem}}@media(min-width:1024px){.settings-page{padding:4rem 2rem}}.settings-page{background:var(--background-color);overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}@media(max-width:360px){.settings-page{padding:1rem .5rem}}.settings-page *{box-sizing:border-box}.settings-container{max-width:1400px;margin-left:auto;margin-right:auto;width:100%;max-width:100%;overflow-x:hidden}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.settings-header h1{font-size:1.75rem}}.settings-header p{font-size:1.125rem;color:var(--text-secondary)}@media(max-width:639px){.settings-header p{font-size:.9375rem}}@media(max-width:639px){.settings-header{margin-bottom:1.5rem}}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;width:100%;max-width:100%}@media(max-width:1024px){.settings-layout{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:639px){.settings-layout{gap:1rem}}.settings-sidebar{position:sticky;top:100px;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);width:100%;max-width:100%}@media(max-width:1024px){.settings-sidebar{position:static;order:-1;overflow:hidden}}@media(max-width:639px){.settings-sidebar{padding:.5rem;width:calc(100% + 1rem)}}@media(max-width:360px){.settings-sidebar{padding:.375rem;width:calc(100% + .75rem)}}.settings-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media(max-width:1024px){.settings-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.settings-nav::-webkit-scrollbar{width:6px;height:6px}.settings-nav::-webkit-scrollbar-track{background:transparent}.settings-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.settings-nav{-webkit-overflow-scrolling:touch}}@media(max-width:639px){.settings-nav{max-width:275px;gap:.375rem;padding-bottom:.375rem}}@media(max-width:360px){.settings-nav{max-width:275px;gap:.25rem}}.settings-nav-item{display:flex;flex-direction:row;align-items:center;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;gap:1rem;padding:1rem;background:transparent;border:1px solid transparent;border-radius:8px;transition:all .2s;text-align:left;width:100%}@media(hover:hover)and (pointer:fine){.settings-nav-item:hover{background:var(--background-hover);border-color:var(--border-color)}}@media(hover:none)and (pointer:coarse){.settings-nav-item:active{background:var(--background-hover)}}.settings-nav-item.active{background:var(--primary-color-light);border-color:var(--primary-color)}.settings-nav-item.active .settings-nav-icon{color:var(--primary-color)}.settings-nav-item.active .settings-nav-label{color:var(--primary-color);font-weight:600}@media(max-width:1024px){.settings-nav-item{min-width:180px;flex-shrink:0}}@media(max-width:639px){.settings-nav-item{min-width:max(110px,28vw);padding:.75rem .5rem}}@media(max-width:375px){.settings-nav-item{min-width:max(105px,27vw);padding:.625rem .5rem}}@media(max-width:360px){.settings-nav-item{min-width:max(95px,26vw);padding:.5rem .375rem}}@media(max-width:320px){.settings-nav-item{min-width:max(85px,25vw);padding:.5rem .25rem}}@media(max-width:639px){.settings-nav-item{gap:.5rem}}.settings-nav-icon{font-size:1.25rem;color:var(--text-secondary);transition:color .2s;min-width:24px;display:flex;align-items:center;justify-content:center}@media(max-width:639px){.settings-nav-icon{font-size:1rem;min-width:18px}}@media(max-width:375px){.settings-nav-icon{font-size:.9375rem;min-width:16px}}@media(max-width:360px){.settings-nav-icon{font-size:.875rem;min-width:15px}}@media(max-width:320px){.settings-nav-icon{font-size:.8125rem;min-width:14px}}.settings-nav-content{flex:1;min-width:0}.settings-nav-label{font-size:1rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary);transition:all .2s}@media(max-width:639px){.settings-nav-label{font-size:.875rem}}@media(max-width:375px){.settings-nav-label{font-size:.8125rem}}.settings-nav-description{font-size:.8125rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:639px){.settings-nav-description{font-size:.6875rem;line-height:1.2}}@media(max-width:360px){.settings-nav-description{display:none}}.settings-content{min-height:400px;width:100%;max-width:100%;overflow-x:hidden;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}@media(max-width:639px){.settings-content{padding:0;min-height:300px}}.settings-placeholder{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:3rem 2rem;text-align:center}.settings-placeholder h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}@media(max-width:639px){.settings-placeholder h3{font-size:1.25rem}}.settings-placeholder p{font-size:1rem;color:var(--text-secondary)}@media(max-width:639px){.settings-placeholder p{font-size:.9375rem}}@media(max-width:639px){.settings-placeholder{padding:2rem 1rem}}.analytics-table-container{width:100%;overflow-x:auto;background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem}.analytics-table{width:100%;border-collapse:collapse;min-width:600px}.analytics-table thead{background:var(--primary-color);color:#fff;position:sticky;top:0;z-index:10}.analytics-table thead tr th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.analytics-table thead tr th:first-child{border-top-left-radius:var(--border-radius-lg)}.analytics-table thead tr th:last-child{border-top-right-radius:var(--border-radius-lg)}.analytics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.analytics-table tbody tr:hover{background-color:var(--hover-bg)}.analytics-table tbody tr.clickable{cursor:pointer}.analytics-table tbody tr.clickable:hover{background-color:var(--hover-bg-strong)}.analytics-table tbody tr:last-child{border-bottom:none}.analytics-table tbody tr td{padding:1rem;font-size:.9375rem;color:var(--text-primary);vertical-align:middle}.analytics-table tbody tr td:first-child{font-weight:500}.analytics-table-loading,.analytics-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem}.analytics-table-loading p,.analytics-table-empty p{margin-top:1rem;color:var(--text-secondary);font-size:1rem}.analytics-table-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.analytics-table{font-size:.875rem}.analytics-table thead tr th,.analytics-table tbody tr td{padding:.75rem .5rem}}.analytics-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media(min-width:768px){.analytics-page{padding:3rem 2rem}}@media(min-width:1024px){.analytics-page{padding:4rem 2rem}}.analytics-page{background:var(--background-color);overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}@media(max-width:360px){.analytics-page{padding:1rem .5rem}}.analytics-page *{box-sizing:border-box}.analytics-container{max-width:1400px;margin-left:auto;margin-right:auto;width:100%;max-width:100%;overflow-x:hidden}.analytics-header{text-align:center;margin-bottom:3rem}.analytics-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.analytics-header h1{font-size:1.75rem}}.analytics-header p{font-size:1.125rem;color:var(--text-secondary)}@media(max-width:639px){.analytics-header p{font-size:.9375rem}}@media(max-width:639px){.analytics-header{margin-bottom:1.5rem}}.analytics-controls{margin-bottom:2rem;width:100%;max-width:100%}.analytics-controls .category-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:1rem;border-bottom:2px solid var(--border-color)}.analytics-controls .category-tabs::-webkit-scrollbar{height:6px}.analytics-controls .category-tabs::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.analytics-controls .category-tabs .category-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card-background);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 12px #76757526,0 2px 6px #ab00c91a;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500;color:var(--text-primary)}.analytics-controls .category-tabs .category-tab svg{font-size:1.125rem}.analytics-controls .category-tabs .category-tab:hover{background:var(--hover-bg);border-color:#ab00c980;box-shadow:0 6px 16px #76757533,0 3px 8px #ab00c94d}.analytics-controls .category-tabs .category-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 6px 20px #5e17eb66,0 3px 10px #ab00c980}.analytics-controls .time-range-selector{display:flex;gap:.5rem;flex-wrap:wrap}.analytics-controls .time-range-selector .time-range-btn{padding:.5rem 1rem;background:var(--card-background);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 3px 10px #7675751f,0 1px 4px #ab00c914;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-primary)}.analytics-controls .time-range-selector .time-range-btn:hover{background:var(--hover-bg);border-color:#ab00c980;box-shadow:0 4px 14px #7675752e,0 2px 6px #ab00c940}.analytics-controls .time-range-selector .time-range-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 5px 18px #5e17eb59,0 2px 8px #ab00c973}.analytics-content{min-height:400px;width:100%;max-width:100%;overflow-x:hidden;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}@media(max-width:639px){.analytics-content{padding:1rem;min-height:300px}}.analytics-content .analytics-summary{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.analytics-content .analytics-summary .summary-stat{display:flex;flex-direction:column;padding:1.5rem;background:var(--card-background);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926;min-width:150px}.analytics-content .analytics-summary .summary-stat .stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.analytics-content .analytics-summary .summary-stat .stat-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.analytics-content .status-badge{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.analytics-content .status-badge.pending{background:#fef3c7;color:#92400e}.analytics-content .status-badge.processing{background:#dbeafe;color:#1e40af}.analytics-content .status-badge.completed{background:#d1fae5;color:#065f46}.analytics-content .status-badge.failed{background:#fee2e2;color:#991b1b}.analytics-content .status-badge.refunded{background:#f3e8ff;color:#6b21a8}.analytics-content .status-success,.analytics-content .status-read{color:#10b981;font-weight:600}.analytics-content .status-pending,.analytics-content .status-unread{color:#f59e0b;font-weight:600}.analytics-content .trade-type{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.analytics-content .trade-type.buy{background:#d1fae5;color:#065f46}.analytics-content .trade-type.sell{background:#fee2e2;color:#991b1b}.analytics-content .trade-type.transfer{background:#dbeafe;color:#1e40af}.analytics-content .trade-type.mint{background:#f3e8ff;color:#6b21a8}.analytics-content .direction-badge{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.analytics-content .direction-badge.sent{background:#dbeafe;color:#1e40af}.analytics-content .direction-badge.received{background:#d1fae5;color:#065f46}.analytics-content .post-preview,.analytics-content .message-preview,.analytics-content .notification-preview{color:var(--text-primary);line-height:1.5}.analytics-content .followers-section{margin-bottom:2rem}.analytics-content .followers-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.analytics-content .engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-content .engagement-grid .engagement-card{background:var(--card-background);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926;padding:2rem}.analytics-content .engagement-grid .engagement-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.analytics-content .engagement-grid .engagement-card .engagement-stats{display:flex;gap:2rem}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat{display:flex;flex-direction:column}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat .stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat .stat-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.analytics-content .analytics-error{padding:2rem;background:#fee2e2;border:1px solid #ef4444;border-radius:var(--border-radius-md);color:#991b1b;text-align:center;font-weight:500}.analytics-content .source-icon{font-size:1rem}.analytics-content .source-icon.spotlight{color:#eab308}.analytics-content .source-icon.profile{color:#10b981}.analytics-content .filter-section .filter-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}[data-theme=dark] .analytics-page .analytics-content .status-badge.pending{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .analytics-page .analytics-content .status-badge.processing{background:#3b82f633;color:#60a5fa}[data-theme=dark] .analytics-page .analytics-content .status-badge.completed{background:#22c55e33;color:#4ade80}[data-theme=dark] .analytics-page .analytics-content .status-badge.failed{background:#ef444433;color:#f87171}[data-theme=dark] .analytics-page .analytics-content .status-badge.refunded{background:#a855f733;color:#c084fc}[data-theme=dark] .analytics-page .analytics-content .status-success,[data-theme=dark] .analytics-page .analytics-content .status-read{color:#4ade80}[data-theme=dark] .analytics-page .analytics-content .status-pending,[data-theme=dark] .analytics-page .analytics-content .status-unread{color:#fbbf24}[data-theme=dark] .analytics-page .analytics-content .trade-type.buy{background:#22c55e33;color:#4ade80}[data-theme=dark] .analytics-page .analytics-content .trade-type.sell{background:#ef444433;color:#f87171}[data-theme=dark] .analytics-page .analytics-content .trade-type.transfer{background:#3b82f633;color:#60a5fa}[data-theme=dark] .analytics-page .analytics-content .trade-type.mint{background:#a855f733;color:#c084fc}[data-theme=dark] .analytics-page .analytics-content .direction-badge.sent{background:#3b82f633;color:#60a5fa}[data-theme=dark] .analytics-page .analytics-content .direction-badge.received{background:#22c55e33;color:#4ade80}[data-theme=dark] .analytics-page .analytics-content .analytics-error{background:#ef444433;border-color:#ef4444;color:#f87171}@media(max-width:639px){.analytics-page .analytics-controls .category-tabs .category-tab{padding:.5rem 1rem;font-size:.875rem}.analytics-page .analytics-controls .category-tabs .category-tab svg{font-size:1rem}.analytics-page .analytics-controls .category-tabs .category-tab span{display:none}.analytics-page .analytics-controls .time-range-selector .time-range-btn{font-size:.75rem;padding:.4rem .75rem}.analytics-page .analytics-content .analytics-summary{gap:1rem}.analytics-page .analytics-content .analytics-summary .summary-stat{padding:1rem;min-width:120px}.analytics-page .analytics-content .analytics-summary .summary-stat .stat-value{font-size:1.5rem}.analytics-page .analytics-content .engagement-grid{grid-template-columns:1fr}.analytics-page .analytics-content .engagement-grid .engagement-card{padding:1.5rem}.analytics-page .analytics-content .engagement-grid .engagement-card .engagement-stats{flex-direction:column;gap:1.5rem}}.filter-bar{width:100%;margin-bottom:2rem;overflow:hidden}@media(max-width:639px){.filter-bar{margin-bottom:1.5rem}}.filter-bar-scroll{display:flex;flex-direction:row;align-items:center;gap:1rem;padding-bottom:.5rem;overflow-x:auto;overflow-y:hidden}.filter-bar-scroll::-webkit-scrollbar{width:6px;height:6px}.filter-bar-scroll::-webkit-scrollbar-track{background:transparent}.filter-bar-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-bar-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.filter-bar-scroll{-webkit-overflow-scrolling:touch}@media(max-width:639px){.filter-bar-scroll{gap:.75rem}}.filter-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:max(140px,fit-content)}.filter-btn .filter-icon{font-size:1.25rem;transition:transform .2s ease}@media(max-width:639px){.filter-btn .filter-icon{font-size:1.125rem}}.filter-btn .filter-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);transition:color .2s ease}@media(max-width:639px){.filter-btn .filter-label{font-size:.875rem}}@media(hover:hover)and (pointer:fine){.filter-btn:hover{border-color:var(--primary-color);background:var(--background-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn:hover .filter-icon{transform:scale(1.1)}.filter-btn:hover .filter-label{color:var(--primary-color)}}@media(hover:none)and (pointer:coarse){.filter-btn:active{transform:translateY(0)}}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.filter-btn.active .filter-label{color:#fff}.filter-btn.active .filter-icon{transform:scale(1.05)}@media(hover:hover)and (pointer:fine){.filter-btn.active:hover{background:var(--primary-color-dark);transform:translateY(-2px)}}@media(max-width:639px){.filter-btn{padding:.75rem 1.25rem;min-width:max(120px,fit-content)}}@media(max-width:360px){.filter-btn{padding:.625rem 1rem;gap:.375rem;min-width:max(110px,fit-content)}}.sort-controls{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:2rem}@media(max-width:639px){.sort-controls{margin-bottom:1.5rem}}.sort-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap}@media(max-width:639px){.sort-label{font-size:.875rem}}.sort-select{padding:.75rem 1rem;background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:200px}.sort-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}@media(max-width:639px){.sort-select{padding:.625rem .875rem;font-size:.875rem;min-width:180px}}@media(max-width:360px){.sort-select{min-width:150px}}.profile-actions-menu{position:relative;z-index:10;flex-shrink:0}.profile-actions-menu .actions-menu-trigger{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.profile-actions-menu .actions-menu-trigger:hover{background:var(--background-hover);color:var(--text-primary)}.profile-actions-menu .actions-menu-trigger[aria-expanded=true]{background:var(--background-hover);color:var(--primary-color)}.profile-actions-menu .actions-menu-trigger svg{font-size:1rem}.profile-actions-menu .actions-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000040;padding:.5rem 0;z-index:9999;animation:slideDown .2s ease}@media(max-width:768px){.profile-actions-menu .actions-menu-dropdown{min-width:150px}}@media(max-width:375px){.profile-actions-menu .actions-menu-dropdown{min-width:150px}}.profile-actions-menu .actions-menu-dropdown{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .profile-actions-menu .actions-menu-dropdown{background:#1a1a1a;border-color:#333}[data-theme=light] .profile-actions-menu .actions-menu-dropdown{background:#fff;border-color:#e5e5e5}.profile-actions-menu .actions-menu-dropdown .action-item{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:100%;display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);font-size:.938rem;text-align:left;transition:all .2s ease}.profile-actions-menu .actions-menu-dropdown .action-item svg{font-size:1rem;flex-shrink:0}[data-theme=dark] .profile-actions-menu .actions-menu-dropdown .action-item:hover{background:#ffffff0d}[data-theme=light] .profile-actions-menu .actions-menu-dropdown .action-item:hover{background:#0000000d}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight svg{color:#f59e0b}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight:hover{background:#f59e0b1a}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight:hover svg{color:#f59e0b}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy svg{color:var(--primary-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy:hover{background:rgba(var(--primary-color-rgb),.1)}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy:hover svg{color:var(--primary-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-share svg{color:#3b82f6}.profile-actions-menu .actions-menu-dropdown .action-item.action-share:hover{background:#3b82f61a}.profile-actions-menu .actions-menu-dropdown .action-item.action-share:hover svg{color:#3b82f6}.profile-actions-menu .actions-menu-dropdown .action-item.action-report svg{color:var(--danger-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-report:hover{background:#ef44441a}.profile-actions-menu .actions-menu-dropdown .action-item.action-report:hover svg{color:var(--danger-color)}.profile-actions-menu .actions-menu-dropdown .action-divider{height:1px;background:var(--border-color);margin:.5rem 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spotlight-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ffc1074d}.spotlight-btn svg{font-size:1rem}.spotlight-btn svg.spinner{animation:spin 1s linear infinite}.spotlight-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffc10780;background:linear-gradient(135deg,#ffca2c,#ffa726)}.spotlight-btn:active:not(:disabled){transform:translateY(0)}.spotlight-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spotlight-btn-sm{padding:.35rem .75rem;font-size:.85rem}.spotlight-btn-sm svg{font-size:.9rem}.spotlight-btn-icon{padding:.5rem;border-radius:50%}.spotlight-btn-icon svg{margin:0}.spotlight-btn-icon span{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:90vw;max-height:90vh;overflow:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #333}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:#fff!important}.modal-header .btn-close{background:transparent;border:none;font-size:1.75rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;position:absolute;top:1rem;right:1rem;color:#999}.modal-header .btn-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem}.modal-body .modal-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:#ccc!important}.modal-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #333}.modal-footer .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.modal-footer .btn.btn-secondary{background:#ffffff1a;color:#fff}.modal-footer .btn.btn-secondary:hover:not(:disabled){background:#ffffff26}.modal-footer .btn.btn-primary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;box-shadow:0 2px 8px #ffc1074d}.modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffc10780;background:linear-gradient(135deg,#ffca2c,#ffa726)}.modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.modal-footer .btn .spinner{animation:spin 1s linear infinite}.duration-modal{max-width:600px;width:90%}.duration-modal .modal-icon{color:#ffc107}.profile-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-card:active{transform:translateY(0)}.profile-card{display:flex;flex-direction:column;cursor:pointer;overflow:visible;transition:all .3s ease;height:100%;position:relative}.profile-card:hover{border-color:var(--primary-color)}.profile-card.spotlighted{background:linear-gradient(135deg,#ffc10714,#ff98000a);border:2px solid rgba(255,193,7,.5);box-shadow:0 4px 20px #ffc10740,0 0 40px #ffc10726;animation:spotlight-pulse-card 3s ease-in-out infinite}.profile-card.spotlighted:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffc107,#ff9800,#ffc107,#ff9800);background-size:300% 300%;border-radius:12px;z-index:-1;animation:gradient-shift-card 6s ease infinite;opacity:.4}.profile-card.spotlighted:hover{border-color:#ffc107b3;box-shadow:0 6px 30px #ffc10759,0 0 60px #ffc10740}.profile-card-avatar{position:relative;width:100%;padding-top:100%;background:var(--background-hover);overflow:hidden}.profile-card-avatar img,.profile-card-avatar .avatar-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.profile-card-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;font-size:3rem;font-weight:700;text-transform:uppercase}.profile-card-badges{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;align-items:flex-end}.profile-card-badges .badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;box-shadow:0 2px 8px #0003}.profile-card-badges .badge.badge-spotlighted{color:#000;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;box-shadow:0 2px 12px #ffc10780;animation:badge-pulse-spotlight 2s ease-in-out infinite;font-weight:700;width:32px;height:32px}.profile-card-badges .badge.badge-verified{color:#3b82f6}.profile-card-badges .badge.badge-top{color:#fbbf24}.profile-card-badges .badge.badge-trending{color:#ef4444}@keyframes badge-pulse-spotlight{0%,to{transform:scale(1);box-shadow:0 2px 12px #ffc10780}50%{transform:scale(1.08);box-shadow:0 4px 20px #ffc107b3}}.profile-card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:1rem 0rem;position:relative;z-index:1}.profile-card-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;min-width:0;margin-right:.5rem}.profile-card-name .creator-link{color:var(--text-primary);text-decoration:none;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.profile-card-name .creator-link:hover{color:var(--primary-color);text-decoration:underline}}.profile-card-info{padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.profile-card-username{font-size:.875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.profile-card-owner{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.profile-card-owner .owner-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease}@media(hover:hover)and (pointer:fine){.profile-card-owner .owner-link:hover{text-decoration:underline;color:var(--primary-color-dark)}}.profile-card-stats{display:flex;flex-direction:row;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.profile-card-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.profile-card-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-card-stats .stat-item .stat-value{font-size:1rem;font-weight:600;color:var(--primary-color)}.profile-card-footer{display:flex;align-items:center;justify-content:space-between;align-items:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto}.profile-card-price{display:flex;flex-direction:column;align-items:center;gap:.25rem}.profile-card-price .price-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-card-price .price-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-card-buy-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;align-items:center;margin-left:1rem;padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:8px;font-size:.9375rem;font-weight:600;transition:all .2s ease}.profile-card-buy-btn svg{font-size:1rem}@media(hover:hover)and (pointer:fine){.profile-card-buy-btn:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}}@media(hover:none)and (pointer:coarse){.profile-card-buy-btn:active{transform:translateY(0)}}@media(max-width:639px){.profile-card-avatar .avatar-placeholder{font-size:2.5rem}.profile-card-badges{top:.5rem;right:.5rem;gap:.375rem}.profile-card-badges .badge{width:24px;height:24px;border-radius:50%;font-size:.75rem}.profile-card-info{padding:1rem;gap:.625rem}.profile-card-name{font-size:1rem}.profile-card-username{font-size:.8125rem}.profile-card-stats{gap:.75rem;padding-top:.625rem}.profile-card-stats .stat-item .stat-value{font-size:.9375rem}.profile-card-footer{flex-direction:column;align-items:stretch;gap:.75rem}.profile-card-price .price-value{font-size:1.125rem}.profile-card-buy-btn{width:100%;justify-content:center;padding:.875rem;margin:0}}@keyframes spotlight-pulse-card{0%,to{box-shadow:0 4px 20px #ffc10740,0 0 40px #ffc10726}50%{box-shadow:0 6px 30px #ffc10759,0 0 60px #ffc10740}}@keyframes gradient-shift-card{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%}@media(max-width:1400px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}}@media(max-width:1024px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:639px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media(max-width:360px){.profile-grid{grid-template-columns:1fr;gap:1rem}}.profile-grid-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.profile-grid-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.profile-grid-empty h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}@media(max-width:639px){.profile-grid-empty h3{font-size:1.25rem}}.profile-grid-empty p{font-size:1rem;color:var(--text-secondary);max-width:400px}@media(max-width:639px){.profile-grid-empty p{font-size:.9375rem}}.profile-card-skeleton{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);height:100%;overflow:hidden}.skeleton-avatar{width:100%;padding-top:100%;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-content{padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}@media(max-width:639px){.skeleton-content{padding:1rem;gap:.625rem}}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-line.skeleton-title{width:70%;height:20px}.skeleton-line.skeleton-subtitle{width:50%;height:14px}.skeleton-line.skeleton-stat{width:100%;height:16px}.skeleton-line.skeleton-price{width:60%;height:18px}.skeleton-stats{display:flex;flex-direction:row;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.skeleton-stats .skeleton-line{flex:1}.skeleton-footer{display:flex;align-items:center;justify-content:space-between;align-items:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto}@media(max-width:639px){.skeleton-footer{flex-direction:column;align-items:stretch;gap:.75rem}}.skeleton-button{width:80px;height:40px;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md);border-radius:8px}@media(max-width:639px){.skeleton-button{width:100%}}.user-balance-display{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);border:none;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)}@media(max-width:639px){.user-balance-display{padding:1rem 1.25rem;gap:.875rem}}@media(max-width:360px){.user-balance-display{padding:.875rem 1rem;gap:.75rem}}.user-balance-display.loading{background:var(--background-secondary);border:1px solid var(--border-color)}.balance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.25rem;flex-shrink:0}@media(max-width:639px){.balance-icon{width:40px;height:40px;border-radius:50%;font-size:1.125rem}}@media(max-width:360px){.balance-icon{width:36px;height:36px;border-radius:50%;font-size:1rem}}.balance-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0}.balance-label{font-size:.875rem;color:#ffffffd9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media(max-width:639px){.balance-label{font-size:.8125rem}}@media(max-width:360px){.balance-label{font-size:.75rem}}.balance-value{font-size:1.5rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.balance-value{font-size:1.375rem}}@media(max-width:360px){.balance-value{font-size:1.25rem}}.balance-icon-skeleton{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md);flex-shrink:0}@media(max-width:639px){.balance-icon-skeleton{width:40px;height:40px;border-radius:50%}}@media(max-width:360px){.balance-icon-skeleton{width:36px;height:36px;border-radius:50%}}.balance-label-skeleton{width:80px;height:14px;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md);border-radius:4px}@media(max-width:639px){.balance-label-skeleton{width:70px;height:12px}}.balance-value-skeleton{width:120px;height:24px;background:linear-gradient(90deg,var(--background-color) 0%,var(--background-hover) 50%,var(--background-color) 100%);background-size:200% 100%;animation:klyx-shimmer 1.5s infinite;border-radius:var(--radius-md);border-radius:6px}@media(max-width:639px){.balance-value-skeleton{width:100px;height:22px}}@media(max-width:360px){.balance-value-skeleton{width:90px;height:20px}}.load-more-container{display:flex;align-items:center;justify-content:center;padding:3rem 0;width:100%}@media(max-width:639px){.load-more-container{padding:2rem 0}}.load-more-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;gap:.75rem;align-items:center;padding:1rem 2.5rem;background:var(--primary-color);color:#fff;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s ease;min-width:180px;justify-content:center}@media(hover:hover)and (pointer:fine){.load-more-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn.loading{pointer-events:none}@media(max-width:639px){.load-more-btn{width:100%;max-width:300px;padding:.875rem 2rem;font-size:.9375rem}}@media(max-width:360px){.load-more-btn{font-size:.875rem;padding:.75rem 1.5rem}}.spinner{animation:spin 1s linear infinite;font-size:1.125rem}@media(max-width:639px){.spinner{font-size:1rem}}.load-more-end{display:flex;align-items:center;justify-content:center;padding:3rem 0;width:100%}.load-more-end span{font-size:1rem;color:var(--text-muted);font-style:italic}@media(max-width:639px){.load-more-end span{font-size:.9375rem}}@media(max-width:360px){.load-more-end span{font-size:.875rem}}@media(max-width:639px){.load-more-end{padding:2rem 0}}.purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.purchase-modal{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;animation:slideUp .3s ease}@media(max-width:639px){.purchase-modal{padding:1.5rem}}@media(max-width:360px){.purchase-modal{padding:1.25rem}}.modal-close-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--background-hover);color:var(--text-secondary);transition:all .2s ease;font-size:1.125rem}@media(hover:hover)and (pointer:fine){.modal-close-btn:hover{background:var(--danger-color);color:#fff}}@media(max-width:639px){.modal-close-btn{width:32px;height:32px;border-radius:50%;font-size:1rem}}.modal-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;text-align:center}@media(max-width:639px){.modal-header{margin-bottom:1.5rem}}.modal-header .modal-icon{font-size:2.5rem;color:var(--primary-color)}@media(max-width:639px){.modal-header .modal-icon{font-size:2rem}}.modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:639px){.modal-header h2{font-size:1.5rem}}.modal-profile-preview{display:flex;flex-direction:row;gap:1.25rem;align-items:center;padding:1.5rem;background:var(--background-hover);border-radius:12px;margin-bottom:1.5rem}@media(max-width:639px){.modal-profile-preview{padding:1.25rem;gap:1rem;margin-bottom:1.25rem}}.modal-profile-preview .preview-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--background-secondary)}@media(max-width:639px){.modal-profile-preview .preview-avatar{width:64px;height:64px}}.modal-profile-preview .preview-avatar img{width:100%;height:100%;object-fit:cover}.modal-profile-preview .preview-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase}@media(max-width:639px){.modal-profile-preview .preview-avatar .avatar-placeholder{font-size:1.5rem}}.modal-profile-preview .preview-info{flex:1;min-width:0}.modal-profile-preview .preview-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.modal-profile-preview .preview-info h3{font-size:1.125rem}}.modal-profile-preview .preview-info p{font-size:.9375rem;color:var(--text-muted);margin:.25rem 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.modal-profile-preview .preview-info p{font-size:.875rem}}.modal-profile-preview .preview-info p.owner-text{font-size:.8125rem;color:var(--text-secondary)}.modal-profile-preview .preview-info .preview-badges{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.modal-profile-preview .preview-info .preview-badges span{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.modal-profile-preview .preview-info .preview-badges span.badge-verified{background:#3b82f61a;color:#3b82f6}.modal-profile-preview .preview-info .preview-badges span.badge-top{background:#fbbf241a;color:#fbbf24}.modal-profile-preview .preview-info .preview-badges span.badge-trending{background:#ef44441a;color:#ef4444}.modal-stats{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--background-secondary);border-radius:8px;margin-bottom:1.5rem}@media(max-width:639px){.modal-stats{padding:1rem;margin-bottom:1.25rem}}.modal-stats .stat-row{display:flex;justify-content:space-between;align-items:center}.modal-stats .stat-row .stat-label{font-size:.9375rem;color:var(--text-secondary)}@media(max-width:639px){.modal-stats .stat-row .stat-label{font-size:.875rem}}.modal-stats .stat-row .stat-value{font-size:1rem;font-weight:600;color:var(--primary-color)}@media(max-width:639px){.modal-stats .stat-row .stat-value{font-size:.9375rem}}.modal-pricing{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:1.5rem;background:var(--background-hover);border-radius:8px;margin-bottom:1.5rem}@media(max-width:639px){.modal-pricing{padding:1.25rem;margin-bottom:1.25rem}}.modal-pricing .pricing-row{display:flex;justify-content:space-between;align-items:center}.modal-pricing .pricing-row .pricing-label{font-size:.9375rem;color:var(--text-secondary);font-weight:500}@media(max-width:639px){.modal-pricing .pricing-row .pricing-label{font-size:.875rem}}.modal-pricing .pricing-row .pricing-value{font-size:1.125rem;font-weight:700}@media(max-width:639px){.modal-pricing .pricing-row .pricing-value{font-size:1rem}}.modal-pricing .pricing-row .pricing-value.price{color:var(--text-primary)}.modal-pricing .pricing-row .pricing-value.balance{color:var(--success-color)}.modal-pricing .pricing-row .pricing-value.balance.insufficient{color:var(--danger-color)}.modal-pricing .pricing-row .pricing-value.remaining{color:var(--primary-color)}.modal-pricing .price-input-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:.5rem 0}.modal-pricing .price-input-container .price-input-label{font-size:.9375rem;color:var(--text-secondary);font-weight:600}@media(max-width:639px){.modal-pricing .price-input-container .price-input-label{font-size:.875rem}}.modal-pricing .price-input-container .price-input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}.modal-pricing .price-input-container .price-input-wrapper .price-input{flex:1;padding:.75rem 4rem .75rem .75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);background:var(--background-hover);border:2px solid var(--border-color);border-radius:6px;transition:all .2s ease}@media(max-width:639px){.modal-pricing .price-input-container .price-input-wrapper .price-input{font-size:1rem;padding:.625rem 4rem .625rem .625rem}}.modal-pricing .price-input-container .price-input-wrapper .price-input:focus{outline:none;border-color:var(--primary-color);background:var(--background-primary)}.modal-pricing .price-input-container .price-input-wrapper .price-input.error{border-color:var(--danger-color)}.modal-pricing .price-input-container .price-input-wrapper .price-input:disabled{opacity:.5;cursor:not-allowed}.modal-pricing .price-input-container .price-input-wrapper .price-input::-webkit-outer-spin-button,.modal-pricing .price-input-container .price-input-wrapper .price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-pricing .price-input-container .price-input-wrapper .price-input[type=number]{-moz-appearance:textfield}.modal-pricing .price-input-container .price-input-wrapper .price-input-suffix{position:absolute;right:.75rem;font-size:.9375rem;font-weight:600;color:var(--text-muted);pointer-events:none}@media(max-width:639px){.modal-pricing .price-input-container .price-input-wrapper .price-input-suffix{font-size:.875rem}}.modal-pricing .price-input-container .price-input-error{font-size:.875rem;color:var(--danger-color);font-weight:500}@media(max-width:639px){.modal-pricing .price-input-container .price-input-error{font-size:.8125rem}}.modal-pricing .cost-breakdown{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.15);border-radius:8px;margin:.75rem 0}.modal-pricing .cost-breakdown .breakdown-header{font-size:.875rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.modal-pricing .cost-breakdown .breakdown-row{display:flex;justify-content:space-between;align-items:center}.modal-pricing .cost-breakdown .breakdown-row .breakdown-label{font-size:.9375rem;color:var(--text-secondary);font-weight:500;display:flex;flex-direction:row;align-items:center;gap:.5rem}@media(max-width:639px){.modal-pricing .cost-breakdown .breakdown-row .breakdown-label{font-size:.875rem}}.modal-pricing .cost-breakdown .breakdown-row .breakdown-label .gas-note{font-size:.75rem;color:var(--text-muted);font-weight:400}.modal-pricing .cost-breakdown .breakdown-row .breakdown-value{font-size:1rem;font-weight:700;color:var(--text-primary)}@media(max-width:639px){.modal-pricing .cost-breakdown .breakdown-row .breakdown-value{font-size:.9375rem}}.modal-pricing .cost-breakdown .breakdown-row.gas-fee{padding-top:.5rem;border-top:1px solid rgba(var(--primary-rgb),.1)}.modal-pricing .cost-breakdown .breakdown-row.total-row{margin-top:.5rem;padding-top:.75rem;border-top:2px solid rgba(var(--primary-rgb),.3)}.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-value{font-size:1.125rem;font-weight:800;color:var(--primary-color)}@media(max-width:639px){.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-value{font-size:1rem}}.modal-pricing .cost-breakdown .breakdown-note{font-size:.8125rem;color:var(--text-muted);font-style:italic;padding-top:.5rem;border-top:1px solid rgba(var(--primary-rgb),.1);text-align:center}@media(max-width:639px){.modal-pricing .cost-breakdown .breakdown-note{font-size:.75rem}}.modal-pricing .balance-divider{padding-top:1rem;border-top:2px solid var(--border-color)}.insufficient-warning{display:flex;flex-direction:row;gap:.75rem;align-items:center;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--danger-color);margin-bottom:1.5rem}.insufficient-warning svg{font-size:1.25rem;flex-shrink:0}.insufficient-warning span{font-size:.9375rem;font-weight:500}@media(max-width:639px){.insufficient-warning span{font-size:.875rem}}@media(max-width:639px){.insufficient-warning{padding:.875rem;gap:.625rem;margin-bottom:1.25rem}}.confirmation-warning{display:flex;flex-direction:row;gap:.75rem;align-items:center;padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#f59e0b;margin-bottom:1.5rem;animation:pulse 1s ease-in-out infinite}.confirmation-warning svg{font-size:1.25rem;flex-shrink:0}.confirmation-warning span{font-size:.9375rem;font-weight:500}@media(max-width:639px){.confirmation-warning span{font-size:.875rem}}@media(max-width:639px){.confirmation-warning{padding:.875rem;gap:.625rem;margin-bottom:1.25rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.modal-actions{display:flex;flex-direction:row;align-items:center;gap:1rem}@media(max-width:639px){.modal-actions{flex-direction:column-reverse;gap:.75rem}}.modal-actions button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease}@media(max-width:639px){.modal-actions button{width:100%;padding:.875rem}}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions .cancel-btn{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}@media(hover:hover)and (pointer:fine){.modal-actions .cancel-btn:hover:not(:disabled){background:var(--background-hover)}}.modal-actions .confirm-btn{background:var(--primary-color);color:#fff}@media(hover:hover)and (pointer:fine){.modal-actions .confirm-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}}.marketplace-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media(min-width:768px){.marketplace-page{padding:3rem 2rem}}@media(min-width:1024px){.marketplace-page{padding:4rem 2rem}}.marketplace-page{background:var(--background-color);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}@media(max-width:360px){.marketplace-page{padding:1rem .5rem}}.marketplace-page *{box-sizing:border-box}.marketplace-container{max-width:1600px;margin-left:auto;margin-right:auto;width:100%;max-width:100%}.marketplace-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem}@media(max-width:639px){.marketplace-header{flex-direction:column;align-items:stretch;gap:1.5rem;margin-bottom:1.5rem}}@media(max-width:360px){.marketplace-header{gap:1.25rem}}.marketplace-header-content{flex:1;text-align:left}@media(max-width:639px){.marketplace-header-content{text-align:center}}.marketplace-header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:639px){.marketplace-header-content h1{font-size:1.75rem}}@media(max-width:360px){.marketplace-header-content h1{font-size:1.5rem}}.marketplace-header-content p{font-size:1.125rem;color:var(--text-secondary)}@media(max-width:639px){.marketplace-header-content p{font-size:.9375rem}}@media(max-width:360px){.marketplace-header-content p{font-size:.875rem}}.marketplace-controls{margin-bottom:2rem}@media(max-width:639px){.marketplace-controls{margin-bottom:1.5rem}}.marketplace-content{width:100%;max-width:100%;max-height:calc(100vh - 400px);overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.marketplace-content::-webkit-scrollbar{width:8px}.marketplace-content::-webkit-scrollbar-track{background:var(--background-hover);border-radius:4px}.marketplace-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.marketplace-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:639px){.marketplace-content{max-height:none;overflow-y:visible}}.post-detail-page{min-height:100vh;background:var(--background-color);padding:2rem 1rem}.post-detail-container{max-width:800px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.post-detail-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.post-header .post-author{display:flex;gap:1rem;align-items:center}.post-header .post-author .author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.post-header .post-author .author-avatar img{width:100%;height:100%;object-fit:cover}.post-header .post-author .author-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;font-weight:700;font-size:1.5rem;text-transform:uppercase}.post-header .post-author .author-info .author-name{font-weight:600;font-size:1.125rem;color:var(--text-primary);margin-bottom:.25rem}.post-header .post-author .author-info .post-time{font-size:.875rem;color:var(--text-muted)}.post-header .post-location{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.post-body{margin-bottom:1.5rem;color:var(--text-primary);line-height:1.7;font-size:1rem}.post-body p{margin:0;white-space:pre-wrap;word-wrap:break-word}.post-media{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.post-media img{max-width:500px;margin:0 auto;height:auto;display:block}.post-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.post-actions .action-btn,.post-actions .action-btn-static{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.post-actions .action-btn:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.post-actions .action-btn.active{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.post-actions .action-btn-static{cursor:default;font-weight:500}.post-comments-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000a}.post-comments-container .comments-heading{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.post-detail-loading,.post-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.post-detail-loading .spinner,.post-detail-error .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.post-detail-loading h2,.post-detail-error h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.post-detail-loading p,.post-detail-error p{color:var(--text-secondary);margin-bottom:1.5rem}.post-detail-loading .btn,.post-detail-error .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.post-detail-loading .btn.btn-primary,.post-detail-error .btn.btn-primary{background:var(--primary-color);color:#fff;border:none}.post-detail-loading .btn.btn-primary:hover,.post-detail-error .btn.btn-primary:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.post-detail-page{padding:1rem .5rem}.post-detail-card,.post-comments-container{padding:1.5rem;border-radius:8px}.post-header{flex-direction:column;gap:.75rem}.post-header .post-location{align-self:flex-start}.post-header .post-author .author-avatar{width:48px;height:48px}.post-header .post-author .author-info .author-name{font-size:1rem}.post-actions{flex-wrap:wrap}.post-actions .action-btn,.post-actions .action-btn-static{flex:1;justify-content:center;min-width:90px;padding:.625rem 1rem}.post-media img{max-width:400px}.comments-heading{font-size:1.125rem}}@media(max-width:480px){.post-detail-card,.post-comments-container{padding:1rem}.back-button{font-size:.8rem;padding:.4rem .8rem}.post-actions .action-btn,.post-actions .action-btn-static{font-size:.8rem;padding:.5rem .75rem}.post-media img{max-width:350px}}.horizontal-filter-bar{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.horizontal-filter-bar .filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.horizontal-filter-bar .filter-row.filter-row-main{margin-bottom:0}.horizontal-filter-bar .filter-row.filter-row-advanced{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.horizontal-filter-bar .filter-group{display:flex;align-items:center;gap:.5rem}.horizontal-filter-bar .filter-group label{font-size:.875rem;font-weight:500;color:#ffffffb3;white-space:nowrap}.horizontal-filter-bar .filter-group.filter-distance{flex:0 0 200px;flex-direction:column;align-items:flex-start}.horizontal-filter-bar .filter-group.filter-distance label{margin-bottom:.25rem}.horizontal-filter-bar .filter-group.filter-search{flex:1;min-width:200px;max-width:350px;display:flex;gap:.5rem}.horizontal-filter-bar .filter-group.filter-sort{flex:0 0 auto}.horizontal-filter-bar .filter-group.filter-location-type{gap:.25rem}.horizontal-filter-bar .filter-group.filter-activity,.horizontal-filter-bar .filter-group.filter-ownership{flex-direction:column;align-items:flex-start}.horizontal-filter-bar .distance-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none}.horizontal-filter-bar .distance-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1b87fa;cursor:pointer;transition:background .2s}.horizontal-filter-bar .distance-slider::-webkit-slider-thumb:hover{background:#7c8fac}.horizontal-filter-bar .distance-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1b87fa;cursor:pointer;border:none;transition:background .2s}.horizontal-filter-bar .distance-slider::-moz-range-thumb:hover{background:#4bc380}.horizontal-filter-bar .search-input{flex:1;padding:.625rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;transition:border-color .2s}.horizontal-filter-bar .search-input:focus{outline:none;border-color:#1b87fa}.horizontal-filter-bar .search-input::placeholder{color:#fff6}.horizontal-filter-bar .search-button{padding:.625rem 1rem;background:#1b87fa;border:1px solid #1b87fa;border-radius:8px;color:#000;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.horizontal-filter-bar .search-button:hover{background:#7c8fac;border-color:#7c8fac;transform:translateY(-1px)}.horizontal-filter-bar .search-button:active{transform:translateY(0)}.horizontal-filter-bar .sort-select{padding:.625rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;min-width:150px;transition:border-color .2s}.horizontal-filter-bar .sort-select:focus{outline:none;border-color:#1b87fa}.horizontal-filter-bar .sort-select option{background:#1a1a1a;color:#fff}.horizontal-filter-bar .location-btn,.horizontal-filter-bar .filter-toggle-btn,.horizontal-filter-bar .filter-reset-btn{padding:.625rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.horizontal-filter-bar .location-btn:hover,.horizontal-filter-bar .filter-toggle-btn:hover,.horizontal-filter-bar .filter-reset-btn:hover{background:#ffffff1a;color:#fff}.horizontal-filter-bar .location-btn.active,.horizontal-filter-bar .filter-toggle-btn.active,.horizontal-filter-bar .filter-reset-btn.active{background:#1b87fa;border-color:#1b87fa;color:#000;font-weight:600}.horizontal-filter-bar .filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.horizontal-filter-bar .filter-pill{padding:.5rem .875rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap}.horizontal-filter-bar .filter-pill:hover{background:#ffffff1a;color:#fff}.horizontal-filter-bar .filter-pill.active{background:#1b87fa;border-color:#1b87fa;color:#000;font-weight:600}@media(max-width:768px){.horizontal-filter-bar .filter-row{flex-direction:column;align-items:stretch}.horizontal-filter-bar .filter-row.filter-row-advanced{gap:1.5rem}.horizontal-filter-bar .filter-group{width:100%}.horizontal-filter-bar .filter-group.filter-distance,.horizontal-filter-bar .filter-group.filter-search,.horizontal-filter-bar .filter-group.filter-sort{flex:1 1 100%}.horizontal-filter-bar .filter-group.filter-search{max-width:100%}.horizontal-filter-bar .filter-group.filter-location-type{justify-content:space-between}.horizontal-filter-bar .filter-group.filter-location-type .location-btn{flex:1}}.profile-search-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s;position:relative}.profile-search-card:hover{background:#ffffff14;border-color:#60d3944d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.profile-search-card .card-header{display:flex;gap:1rem;margin-bottom:.875rem;position:relative}.profile-search-card .avatar-section{position:relative;flex-shrink:0}.profile-search-card .avatar-section .avatar,.profile-search-card .avatar-section .avatar-placeholder{width:64px;height:64px;border-radius:12px;object-fit:cover}.profile-search-card .avatar-section .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#000;font-size:1.5rem;font-weight:700}.profile-search-card .avatar-section .ownership-indicators{position:absolute;top:-6px;right:-6px;display:flex;gap:4px;flex-direction:column}.profile-search-card .avatar-section .ownership-badge{padding:2px 6px;border-radius:8px;font-size:.625rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0003}.profile-search-card .avatar-section .ownership-badge.own{background:#3b82f6;color:#fff}.profile-search-card .avatar-section .ownership-badge.klyxd{background:#ef4444;color:#fff}.profile-search-card .profile-info{flex:1;min-width:0}.profile-search-card .profile-info .display-name{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-search-card .profile-info .username{font-size:.875rem;color:#fff9;margin:0 0 .5rem}.profile-search-card .profile-info .location-distance{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#ffffff80}.profile-search-card .profile-info .location-distance .distance{color:#1b87fa;font-weight:600}.profile-search-card .profile-info .location-distance .separator{opacity:.5}.profile-search-card .profile-info .location-distance .location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-search-card .badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.profile-search-card .badges .badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.profile-search-card .badges .badge.verified{background:#3b82f6;border-color:#3b82f6;color:#fff}.profile-search-card .badges .badge.top{background:#f59e0b;border-color:#f59e0b;color:#fff}.profile-search-card .badges .badge.trending{background:#ef4444;border-color:#ef4444}.profile-search-card .card-bio{margin-bottom:.875rem;font-size:.875rem;color:#ffffffb3;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-search-card .card-stats{display:flex;gap:1.5rem;padding:.875rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.875rem}.profile-search-card .card-stats .stat{display:flex;flex-direction:column;gap:.25rem}.profile-search-card .card-stats .stat .stat-value{font-size:1.125rem;font-weight:700;color:#fff}.profile-search-card .card-stats .stat .stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.profile-search-card .card-stats .stat.price-stat{margin-left:auto}.profile-search-card .card-stats .stat.price-stat .stat-value{color:#1b87fa}.profile-search-card .card-actions{margin-bottom:.25rem;display:flex;gap:.75rem;align-items:center}.profile-search-card .card-actions .action-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.profile-search-card .card-actions .action-btn.primary{flex:1;background:linear-gradient(135deg,#1b87fa,#7c8fac);color:#000}.profile-search-card .card-actions .action-btn.primary:hover{transform:scale(1.02);box-shadow:0 4px 12px #60d3944d}.profile-search-card .card-actions .action-btn.klyx-btn{flex-shrink:0;width:40px;height:40px;padding:0;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:1.25rem}.profile-search-card .card-actions .action-btn.klyx-btn:hover{background:#ffffff1a;color:#fff}.profile-search-card .card-actions .action-btn.klyx-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.profile-search-card .card-actions .owner-label,.profile-search-card .card-actions .not-listed-label{flex:1;text-align:center;font-size:.875rem;font-weight:600;padding:.625rem}.profile-search-card .card-actions .owner-label{color:#3b82f6}.profile-search-card .card-actions .not-listed-label{color:#fff6}.profile-search-card .activity-indicator{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:#fff6}.profile-search-card .activity-indicator .activity-dot{width:6px;height:6px;border-radius:50%;background:#1b87fa;animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.profile-search-card{padding:1rem}.profile-search-card .card-header{flex-wrap:wrap}.profile-search-card .badges{flex-direction:row;width:100%;justify-content:flex-start;order:3;margin-top:.5rem}.profile-search-card .card-stats{gap:1rem}}.empty-state{text-align:center;padding:3rem 1rem}.empty-state .empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.empty-state>p{font-size:1rem;color:#fff9;margin-bottom:1.5rem}.empty-state .settings-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#1b87fa,#7c8fac);border:none;border-radius:8px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.empty-state .settings-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #60d3944d}.empty-state .spotlight-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.empty-state .spotlight-loading p{color:#fff9;font-size:.875rem}.empty-state .spotlight-loading .loading-spinner-small{width:30px;height:30px;border:3px solid rgba(96,211,148,.2);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite}.empty-state .spotlight-section{margin-top:3rem;text-align:left}.empty-state .spotlight-section h3{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.5rem}.empty-state .spotlight-section .spotlight-subtitle{font-size:.875rem;color:#fff9;text-align:center;margin-bottom:2rem}.empty-state .spotlight-section .spotlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media(max-width:768px){.empty-state .spotlight-section .spotlight-grid{grid-template-columns:1fr}}.discovery-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.discovery-page .discovery-container{max-width:1400px;margin:0 auto}.discovery-page .discovery-header{text-align:center;margin-bottom:2rem}.discovery-page .discovery-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.discovery-page .discovery-header p{font-size:1.125rem;color:#fff9}.discovery-page .discovery-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.discovery-page .discovery-error p{color:#fca5a5;margin-bottom:.5rem;font-size:1rem}.discovery-page .discovery-error .error-hint{color:#fca5a5b3;font-size:.875rem}.discovery-page .discovery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.discovery-page .discovery-loading p{margin-top:1rem;color:#fff9;font-size:1rem}.discovery-page .loading-spinner{width:50px;height:50px;border:4px solid rgba(96,211,148,.2);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite}.discovery-page .loading-spinner-small{width:30px;height:30px;border:3px solid rgba(96,211,148,.2);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite}.discovery-page .discovery-content{margin-top:1.5rem}.discovery-page .profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.discovery-page .profiles-count{text-align:center;color:#fff9;font-size:.875rem;margin:1rem 0}.discovery-page .profiles-count .count-warning{color:#fbbf24;font-weight:600}.discovery-page .scroll-trigger{min-height:100px;display:flex;align-items:center;justify-content:center}.discovery-page .loading-more{display:flex;align-items:center;gap:1rem;padding:1rem}.discovery-page .loading-more p{color:#fff9;font-size:.875rem}@media(max-width:1200px){.discovery-page .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media(max-width:768px){.discovery-page{padding:1rem .5rem}.discovery-page .discovery-header h1{font-size:2rem}.discovery-page .discovery-header p{font-size:1rem}.discovery-page .profiles-grid{grid-template-columns:1fr;gap:1rem}}.user-posts-feed{width:100%}.user-posts-feed .posts-composer-section{margin-bottom:1.5rem}.user-posts-feed .posts-list{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.user-posts-feed .posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;gap:1rem}.user-posts-feed .posts-loading .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.user-posts-feed .posts-loading p{color:var(--text-secondary);font-size:1rem}.user-posts-feed .posts-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;text-align:center;gap:.5rem}.user-posts-feed .posts-empty p{color:var(--text-secondary);font-size:1rem;margin:0}.user-posts-feed .posts-empty p.empty-hint{color:var(--text-muted);font-size:.875rem}.user-posts-feed .posts-error{display:flex;flex-direction:column;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;gap:1rem;margin:1rem 0}.user-posts-feed .posts-error p{color:var(--danger-color);margin:0}.user-posts-feed .posts-error button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.user-posts-feed .posts-error button:hover{transition:transform .2s ease,box-shadow .2s ease}.user-posts-feed .posts-error button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-posts-feed .posts-error button:hover:active{transform:translateY(0)}.user-posts-feed .posts-load-more{display:flex;align-items:center;justify-content:center;padding:2rem 0}.user-posts-feed .posts-load-more .btn-load-more{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2rem;background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:.938rem;transition:all .2s ease}.user-posts-feed .posts-load-more .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-posts-feed .posts-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.user-posts-feed .posts-composer-section{margin-bottom:1rem}.user-posts-feed .posts-list{gap:1rem}.user-posts-feed .posts-loading,.user-posts-feed .posts-empty{padding:3rem 1rem}.user-posts-feed .posts-load-more{padding:1.5rem 0}.user-posts-feed .posts-load-more .btn-load-more{padding:.75rem 1.5rem;font-size:.875rem}}.follow-list-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--z-modal-backdrop);z-index:1000}.follow-list-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-background);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;z-index:1001;box-shadow:var(--shadow-xl)}.follow-list-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.follow-list-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.follow-list-modal .modal-header .btn-close{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-secondary);transition:all .2s ease}.follow-list-modal .modal-header .btn-close:hover{background:var(--background-hover);color:var(--text-primary)}.follow-list-modal .modal-header .btn-close svg{font-size:1.125rem}.follow-list-modal .modal-content{flex:1;overflow-y:auto;padding:1rem}.follow-list-modal .modal-content::-webkit-scrollbar{width:8px;height:8px}.follow-list-modal .modal-content::-webkit-scrollbar-track{background:transparent}.follow-list-modal .modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.follow-list-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.follow-list-modal .modal-content .error-message{display:flex;flex-direction:column;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;gap:1rem}.follow-list-modal .modal-content .error-message p{color:var(--danger-color);margin:0}.follow-list-modal .modal-content .error-message button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.follow-list-modal .modal-content .error-message button:hover{transition:transform .2s ease,box-shadow .2s ease}.follow-list-modal .modal-content .error-message button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.follow-list-modal .modal-content .error-message button:hover:active{transform:translateY(0)}.follow-list-modal .modal-content .loading-state{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;gap:1rem}.follow-list-modal .modal-content .loading-state .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.follow-list-modal .modal-content .loading-state p{color:var(--text-secondary);font-size:1rem;margin:0}.follow-list-modal .modal-content .empty-state{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;text-align:center}.follow-list-modal .modal-content .empty-state p{color:var(--text-muted);font-size:1rem;margin:0}.follow-list-modal .modal-content .users-list{display:flex;flex-direction:column;align-items:center;gap:0}.follow-list-modal .modal-content .users-list .user-item{display:flex;flex-direction:row;align-items:center;padding:1rem;gap:.75rem;transition:background .2s ease;border-radius:var(--radius-md)}.follow-list-modal .modal-content .users-list .user-item:hover{background:var(--background-hover)}.follow-list-modal .modal-content .users-list .user-item .user-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--background-secondary);cursor:pointer}.follow-list-modal .modal-content .users-list .user-item .user-avatar img{width:100%;height:100%;object-fit:cover}.follow-list-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:1.25rem}.follow-list-modal .modal-content .users-list .user-item .user-info{flex:1;min-width:0;cursor:pointer}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name{display:flex;flex-direction:column;align-items:center;align-items:flex-start;gap:.125rem;margin-bottom:.25rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .display-name{font-weight:600;color:var(--text-primary);font-size:.938rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .username{font-size:.813rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-list-modal .modal-content .users-list .user-item .user-info .user-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--text-muted)}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats .separator{color:var(--border-color)}.follow-list-modal .modal-content .users-list .user-item .btn-follow{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.5rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;flex-shrink:0;transition:all .2s ease}.follow-list-modal .modal-content .users-list .user-item .btn-follow:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.follow-list-modal .modal-content .users-list .user-item .btn-follow.following{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.follow-list-modal .modal-content .users-list .user-item .btn-follow.following:hover{background:#dc26261a;color:var(--danger-color);border-color:var(--danger-color)}.follow-list-modal .modal-content .load-more-section{display:flex;align-items:center;justify-content:center;padding:1rem 0}.follow-list-modal .modal-content .load-more-section .btn-load-more{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease}.follow-list-modal .modal-content .load-more-section .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.follow-list-modal .modal-content .load-more-section .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.follow-list-modal{width:95%;max-height:90vh}.follow-list-modal .modal-header{padding:1rem}.follow-list-modal .modal-header h2{font-size:1.125rem}.follow-list-modal .modal-content{padding:.5rem}.follow-list-modal .modal-content .users-list .user-item{padding:.875rem;gap:.625rem}.follow-list-modal .modal-content .users-list .user-item .user-avatar{width:40px;height:40px;border-radius:50%}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .display-name{font-size:.875rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .username{font-size:.75rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-bio{font-size:.813rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats{font-size:.75rem}.follow-list-modal .modal-content .users-list .user-item .btn-follow{padding:.5rem 1rem;font-size:.813rem}}.user-nft-profiles{width:100%}.user-nft-profiles .profiles-error{display:flex;flex-direction:column;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;gap:1rem;margin-bottom:2rem}.user-nft-profiles .profiles-error p{color:var(--danger-color);margin:0}.user-nft-profiles .profiles-error button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.user-nft-profiles .profiles-error button:hover{transition:transform .2s ease,box-shadow .2s ease}.user-nft-profiles .profiles-error button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-nft-profiles .profiles-error button:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-loading{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;gap:1rem}.user-nft-profiles .profiles-loading .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.user-nft-profiles .profiles-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.user-nft-profiles .profiles-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;text-align:center;gap:1.5rem}.user-nft-profiles .profiles-empty p{color:var(--text-secondary);font-size:1rem;margin:0}.user-nft-profiles .profiles-empty .btn-create{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 1.75rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.938rem;transition:all .2s ease}.user-nft-profiles .profiles-empty .btn-create:hover{transition:transform .2s ease,box-shadow .2s ease}.user-nft-profiles .profiles-empty .btn-create:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-nft-profiles .profiles-empty .btn-create:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.user-nft-profiles .profiles-grid .profile-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);width:100%;position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden;box-sizing:border-box}.user-nft-profiles .profiles-grid .profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.user-nft-profiles .profiles-grid .profile-card .profile-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;background:var(--background-secondary)}.user-nft-profiles .profiles-grid .profile-card .profile-avatar img{width:100%;height:100%;object-fit:cover}.user-nft-profiles .profiles-grid .profile-card .profile-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:3rem}.user-nft-profiles .profiles-grid .profile-card .profile-info{text-align:center}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-username{font-size:.875rem;color:var(--text-muted);margin:0 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.75rem;background:var(--background-secondary);border-radius:var(--radius-md)}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;font-size:.875rem;color:var(--primary-color);font-weight:600;transition:color .2s ease}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link:hover{color:var(--primary-color-dark)}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-price{font-size:1rem;font-weight:700;color:var(--primary-color);margin-top:.5rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;position:absolute;top:1rem;right:1rem;background:var(--card-background);color:var(--text-muted);transition:all .2s ease;box-shadow:var(--shadow-sm)}.user-nft-profiles .profiles-grid .profile-card .btn-favorite svg{font-size:1.125rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite:hover{background:var(--background-hover);transform:scale(1.1)}.user-nft-profiles .profiles-grid .profile-card .btn-favorite.favorited{color:var(--danger-color)}.user-nft-profiles .profiles-grid .profile-card .btn-favorite.favorited:hover{color:var(--text-muted)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.625rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-md)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now svg{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover{transition:transform .2s ease,box-shadow .2s ease}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover{box-shadow:var(--shadow-lg);background:var(--primary-hover)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:active{transform:translate(-50%) translateY(1px)}.user-nft-profiles .profiles-load-more{display:flex;align-items:center;justify-content:center;padding:2rem 0}.user-nft-profiles .profiles-load-more .btn-load-more{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2rem;background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:.938rem;transition:all .2s ease}.user-nft-profiles .profiles-load-more .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-nft-profiles .profiles-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.user-nft-profiles .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media(max-width:768px){.user-nft-profiles .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.user-nft-profiles .profiles-grid .profile-card{padding:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:.75rem}.user-nft-profiles .profiles-grid .profile-card .profile-avatar .avatar-placeholder{font-size:2rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-name{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-username{font-size:.813rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats{gap:1rem;padding:.75rem 0}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-value{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-label{font-size:.688rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info{padding:.5rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-label{font-size:.688rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link{font-size:.813rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-price{font-size:.875rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite{width:32px;height:32px;border-radius:50%;top:.75rem;right:.75rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite svg{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now{padding:.375rem .75rem;font-size:.688rem;bottom:.5rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now svg{font-size:.75rem}.user-nft-profiles .profiles-load-more{padding:1.5rem 0}.user-nft-profiles .profiles-load-more .btn-load-more{padding:.75rem 1.5rem;font-size:.875rem}}.user-activity-feed{width:100%}.user-activity-feed .activity-error{display:flex;flex-direction:column;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;gap:1rem;margin-bottom:2rem}.user-activity-feed .activity-error p{color:var(--danger-color);margin:0}.user-activity-feed .activity-error button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.user-activity-feed .activity-error button:hover{transition:transform .2s ease,box-shadow .2s ease}.user-activity-feed .activity-error button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-activity-feed .activity-error button:hover:active{transform:translateY(0)}.user-activity-feed .activity-loading{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;gap:1rem}.user-activity-feed .activity-loading .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.user-activity-feed .activity-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.user-activity-feed .activity-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;text-align:center}.user-activity-feed .activity-empty p{color:var(--text-secondary);font-size:1rem;margin:0}.user-activity-feed .activity-list{display:flex;flex-direction:column;align-items:center;gap:1rem}.user-activity-feed .activity-list .activity-item{display:flex;flex-direction:row;align-items:center;width:100%;align-items:flex-start;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--border-color);transition:all .2s ease;box-sizing:border-box}.user-activity-feed .activity-list .activity-item:last-child{border-bottom:none}.user-activity-feed .activity-list .activity-item:hover{background:var(--background-hover);border-radius:var(--radius-md);padding-left:1rem;padding-right:1rem}.user-activity-feed .activity-list .activity-item .activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;color:#fff;font-size:1rem}.user-activity-feed .activity-list .activity-item.post .activity-icon{background:var(--primary-color)}.user-activity-feed .activity-list .activity-item.follow .activity-icon{background:var(--success-color)}.user-activity-feed .activity-list .activity-item.profile-created .activity-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.user-activity-feed .activity-list .activity-item .activity-content{flex:1;min-width:0}.user-activity-feed .activity-list .activity-item .activity-content .activity-header{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-action{flex:1;font-size:.938rem;color:var(--text-primary);line-height:1.5}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-action strong{font-weight:600}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-action .user-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;color:var(--primary-color);font-weight:600;transition:color .2s ease}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-action .user-link:hover{color:var(--primary-color-dark);text-decoration:underline}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-time{font-size:.813rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.user-activity-feed .activity-list .activity-item .activity-content .activity-body{margin-bottom:.75rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-body p{font-size:.938rem;color:var(--text-primary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.user-activity-feed .activity-list .activity-item .activity-content .activity-media{margin-bottom:.75rem;border-radius:var(--radius-md);overflow:hidden;max-width:400px}.user-activity-feed .activity-list .activity-item .activity-content .activity-media img{width:100%;height:auto;display:block}.user-activity-feed .activity-list .activity-item .activity-content .activity-stats{display:flex;flex-direction:row;align-items:center;gap:1.5rem;font-size:.875rem;color:var(--text-secondary)}.user-activity-feed .activity-list .activity-item .activity-content .activity-stats span{display:flex;flex-direction:row;gap:.375rem;align-items:center}.user-activity-feed .activity-list .activity-item .activity-content .activity-stats span svg{font-size:.813rem}.user-activity-feed .activity-load-more{display:flex;align-items:center;justify-content:center;padding:2rem 0}.user-activity-feed .activity-load-more .btn-load-more{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.875rem 2rem;background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:.938rem;transition:all .2s ease}.user-activity-feed .activity-load-more .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-activity-feed .activity-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.user-activity-feed .activity-list{gap:.75rem}.user-activity-feed .activity-list .activity-item{padding:1rem;gap:.75rem}.user-activity-feed .activity-list .activity-item .activity-icon{width:32px;height:32px;border-radius:50%;font-size:.875rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-header{flex-direction:column;gap:.25rem;align-items:flex-start}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-action{font-size:.875rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-header .activity-time{font-size:.75rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-body p{font-size:.875rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-media{max-width:100%}.user-activity-feed .activity-list .activity-item .activity-content .activity-stats{gap:1rem;font-size:.813rem}.user-activity-feed .activity-list .activity-item .activity-content .activity-stats span svg{font-size:.75rem}.user-activity-feed .activity-load-more{padding:1.5rem 0}.user-activity-feed .activity-load-more .btn-load-more{padding:.75rem 1.5rem;font-size:.875rem}}.profile-page{width:100%;max-width:900px;margin-left:auto;margin-right:auto;min-height:100vh;background:var(--background-color)}.profile-page .profile-loading,.profile-page .profile-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:1rem;padding:4rem 0}.profile-page .profile-loading .loading-spinner,.profile-page .profile-not-found .loading-spinner{width:50px;height:50px;border:4px solid rgba(96,211,148,.2);border-top-color:#1b87fa;border-radius:50%;animation:spin 1s linear infinite}.profile-page .profile-loading p,.profile-page .profile-not-found p{color:var(--text-secondary);font-size:1rem}.profile-page .profile-loading button,.profile-page .profile-not-found button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.profile-page .profile-loading button:hover,.profile-page .profile-not-found button:hover{transition:transform .2s ease,box-shadow .2s ease}.profile-page .profile-loading button:hover:hover,.profile-page .profile-not-found button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-page .profile-loading button:hover:active,.profile-page .profile-not-found button:hover:active{transform:translateY(0)}.profile-page .profile-cover{height:200px;width:100%;position:relative;overflow:hidden}.profile-page .profile-cover .cover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.profile-page .profile-cover .cover-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:.9}.profile-page .profile-header{padding:0 1.5rem;margin-top:-60px;position:relative;z-index:10}.profile-page .profile-header .profile-header-content{display:flex;align-items:center;justify-content:space-between;align-items:flex-end}.profile-page .profile-header .profile-avatar{width:140px;height:140px;border-radius:50%;border:5px solid var(--card-background);overflow:hidden;background:var(--card-background);box-shadow:var(--shadow-lg)}.profile-page .profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-page .profile-header .profile-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:3rem;text-transform:uppercase}.profile-page .profile-header .profile-actions{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding-bottom:1rem}.profile-page .profile-header .profile-actions button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease}.profile-page .profile-header .profile-actions button svg{font-size:1rem}.profile-page .profile-header .profile-actions .btn-follow{background:var(--primary-color);color:#fff}.profile-page .profile-header .profile-actions .btn-follow:hover{transition:transform .2s ease,box-shadow .2s ease}.profile-page .profile-header .profile-actions .btn-follow:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-page .profile-header .profile-actions .btn-follow:hover:active{transform:translateY(0)}.profile-page .profile-header .profile-actions .btn-follow.following{background:var(--background-secondary);color:var(--text-primary)}.profile-page .profile-header .profile-actions .btn-follow.following:hover{background:#dc26261a;color:var(--danger-color)}.profile-page .profile-header .profile-actions .btn-buy-profile{background:var(--success-color);color:#fff;font-weight:600}.profile-page .profile-header .profile-actions .btn-buy-profile:hover{transition:transform .2s ease,box-shadow .2s ease}.profile-page .profile-header .profile-actions .btn-buy-profile:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-page .profile-header .profile-actions .btn-buy-profile:hover:active{transform:translateY(0)}.profile-page .profile-header .profile-actions .btn-buy-profile:hover{box-shadow:var(--shadow-lg);background:var(--success-hover)}.profile-page .profile-header .profile-actions .btn-secondary{background:var(--background-secondary);color:var(--text-primary)}.profile-page .profile-header .profile-actions .btn-secondary:hover{background:var(--background-hover)}.profile-page .profile-header .profile-actions .btn-icon{padding:.75rem;background:var(--background-secondary);color:var(--text-secondary)}.profile-page .profile-header .profile-actions .btn-icon:hover{background:var(--background-hover)}.profile-page .profile-stats-section{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-page .profile-stats-section .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-page .profile-stats-section .stats-row.engagement-stats{grid-template-columns:repeat(4,1fr)}.profile-page .profile-stats-section .stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);text-align:center;transition:all .2s ease}.profile-page .profile-stats-section .stat-card.clickable{cursor:pointer}.profile-page .profile-stats-section .stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.profile-page .profile-stats-section .stat-card .stat-label{font-size:.813rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.profile-page .profile-stats-section .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-page .profile-stats-section .stat-card.badges-card .badges-list{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge{font-size:1.5rem;cursor:pointer;transition:transform .2s ease}.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge:hover{transform:scale(1.2)}.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge-expand,.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge-collapse{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease}.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge-expand:hover,.profile-page .profile-stats-section .stat-card.badges-card .badges-list .badge-collapse:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.profile-page .profile-bio-section{padding:0 1.5rem 1.5rem}.profile-page .profile-bio-section .profile-name{margin-bottom:.75rem}.profile-page .profile-bio-section .profile-name h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.profile-page .profile-bio-section .profile-name .username{font-size:1rem;color:var(--text-muted)}.profile-page .profile-bio-section .mutual-connections{margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.profile-page .profile-bio-section .profile-bio{margin-bottom:1rem}.profile-page .profile-bio-section .profile-bio p{font-size:1rem;line-height:1.6;color:var(--text-primary);margin:0;white-space:pre-wrap}.profile-page .profile-bio-section .profile-info{display:flex;flex-direction:column;align-items:center;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.profile-page .profile-bio-section .profile-info .info-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.profile-page .profile-bio-section .profile-info .info-item svg{color:var(--text-muted)}.profile-page .profile-bio-section .profile-info .info-item a{color:var(--primary-color);text-decoration:none}.profile-page .profile-bio-section .profile-info .info-item a:hover{text-decoration:underline}.profile-page .profile-bio-section .profile-interests{display:flex;flex-wrap:wrap;gap:.5rem}.profile-page .profile-bio-section .profile-interests .interest-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;background:var(--background-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-page .profile-bio-section .profile-interests .interest-tag:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.profile-page .profile-tabs{display:flex;border-bottom:2px solid var(--border-color);padding:0 1.5rem;gap:.5rem}.profile-page .profile-tabs .tab{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:1rem 1.5rem;font-size:.938rem;font-weight:600;color:var(--text-secondary);position:relative;transition:color .2s ease}.profile-page .profile-tabs .tab:hover{color:var(--text-primary)}.profile-page .profile-tabs .tab.active{color:var(--primary-color)}.profile-page .profile-tabs .tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.profile-page .profile-tab-content{padding:2rem 1.5rem;min-height:400px}.profile-page .profile-tab-content .coming-soon{text-align:center;color:var(--text-muted);font-size:1rem;padding:4rem 0}.profile-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:1rem}.profile-page .modal-overlay .modal-content{background:var(--card-background);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.profile-page .modal-overlay .modal-content h2{margin:0 0 1rem;color:var(--text-primary)}.profile-page .modal-overlay .modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.profile-page .modal-overlay .modal-content button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.profile-page .modal-overlay .modal-content button:hover{transition:transform .2s ease,box-shadow .2s ease}.profile-page .modal-overlay .modal-content button:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-page .modal-overlay .modal-content button:hover:active{transform:translateY(0)}@media(max-width:768px){.profile-page .profile-cover{height:150px}.profile-page .profile-header{padding:0 1rem;margin-top:-50px}.profile-page .profile-header .profile-avatar{width:100px;height:100px;border-radius:50%}.profile-page .profile-header .profile-actions{gap:.5rem}.profile-page .profile-header .profile-actions button{padding:.625rem 1rem;font-size:.813rem}.profile-page .profile-stats-section{padding:1rem}.profile-page .profile-stats-section .stats-row{grid-template-columns:1fr}.profile-page .profile-stats-section .stats-row.engagement-stats{grid-template-columns:repeat(2,1fr)}.profile-page .profile-bio-section{padding:0 1rem 1rem}.profile-page .profile-bio-section .profile-name h1{font-size:1.5rem}.profile-page .profile-tabs{padding:0 1rem;overflow-x:auto}.profile-page .profile-tabs::-webkit-scrollbar{width:4px;height:4px}.profile-page .profile-tabs::-webkit-scrollbar-track{background:transparent}.profile-page .profile-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.profile-page .profile-tabs::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.profile-page .profile-tabs .tab{padding:.875rem 1rem;white-space:nowrap}.profile-page .profile-tab-content{padding:1.5rem 1rem}}.conversations-list{display:flex;flex-direction:column;align-items:center;height:100%;background:var(--card-background)}.conversations-list .conversations-header{padding:1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.conversations-list .conversations-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.conversations-list .conversations-search{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.conversations-list .conversations-search .search-input-wrapper{position:relative;width:100%}.conversations-list .conversations-search .search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.875rem}.conversations-list .conversations-search .search-input-wrapper .search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;transition:all .2s ease}.conversations-list .conversations-search .search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.conversations-list .conversations-search .search-input-wrapper .search-input:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.conversations-list .conversations-threads{flex:1;overflow-y:auto}.conversations-list .conversations-threads::-webkit-scrollbar{width:8px;height:8px}.conversations-list .conversations-threads::-webkit-scrollbar-track{background:transparent}.conversations-list .conversations-threads::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.conversations-list .conversations-threads::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.conversations-list .conversations-threads .thread-item{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:row;width:100%;padding:1rem 1.5rem;gap:.75rem;align-items:center;border-bottom:1px solid var(--border-color);transition:all .2s ease;text-align:left}.conversations-list .conversations-threads .thread-item:hover{background:var(--background-hover)}.conversations-list .conversations-threads .thread-item.active{background:var(--primary-color-light);border-left:3px solid var(--primary-color)}.conversations-list .conversations-threads .thread-item.unread{background:var(--background-secondary)}.conversations-list .conversations-threads .thread-item .thread-avatar{position:relative;flex-shrink:0}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable:hover{transform:scale(1.05);opacity:.85}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable:active{transform:scale(.98)}.conversations-list .conversations-threads .thread-item .thread-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversations-list .conversations-threads .thread-item .thread-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:1.25rem}.conversations-list .conversations-threads .thread-item .thread-avatar .online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;color:var(--success-color);background:var(--card-background);border:2px solid var(--card-background)}.conversations-list .conversations-threads .thread-item .thread-info{flex:1;min-width:0}.conversations-list .conversations-threads .thread-item .thread-info .thread-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-name{font-weight:600;font-size:.938rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0;margin-left:.5rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .preview-text{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .unread-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:10px;flex-shrink:0}.conversations-list .conversations-threads .thread-item.unread .thread-name{font-weight:700}.conversations-list .conversations-threads .thread-item.unread .preview-text{font-weight:600;color:var(--text-primary)}.conversations-list .conversations-threads .thread-item.spotlighted{position:relative;background:linear-gradient(135deg,#1b87fa14,#1b87fa0a);border-left:3px solid #1b87fa;box-shadow:0 0 20px #1b87fa26;animation:spotlightPulse 3s ease-in-out infinite}.conversations-list .conversations-threads .thread-item.spotlighted:hover{background:linear-gradient(135deg,#1b87fa1f,#1b87fa0f);box-shadow:0 0 25px #1b87fa40}.conversations-list .conversations-threads .thread-item.spotlighted .thread-avatar .spotlight-indicator{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b87fa,#4da1fb);color:#fff;font-size:.625rem;border:2px solid var(--card-background);box-shadow:0 2px 8px #1b87fa66;animation:spotlightBounce 2s ease-in-out infinite;z-index:2}.conversations-list .conversations-threads .thread-item.spotlighted .thread-info .thread-header .spotlight-name-icon{color:#1b87fa;font-size:.75rem;margin-right:.375rem;animation:sparkleIcon 2s ease-in-out infinite}.conversations-list .conversations-threads .thread-item.spotlighted .thread-info .thread-preview .unread-badge.spotlighted{background:linear-gradient(135deg,#1b87fa,#4da1fb);box-shadow:0 2px 8px #1b87fa66;animation:badgePulse 2s ease-in-out infinite}.conversations-list .conversations-loading{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;gap:1rem}.conversations-list .conversations-loading .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.conversations-list .conversations-loading p{color:var(--text-secondary);font-size:.938rem;margin:0}@keyframes spotlightPulse{0%,to{box-shadow:0 0 20px #1b87fa26}50%{box-shadow:0 0 30px #1b87fa40}}@keyframes spotlightBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sparkleIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #1b87fa66}50%{box-shadow:0 2px 12px #1b87fa99}}.conversations-list .conversations-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;text-align:center}.conversations-list .conversations-empty p{color:var(--text-secondary);font-size:.938rem;margin:0}@media(max-width:768px){.conversations-list .conversations-header{padding:1rem}.conversations-list .conversations-header h2{font-size:1.25rem}.conversations-list .conversations-search{padding:.75rem 1rem}.conversations-list .conversations-threads .thread-item{padding:.875rem 1rem}.conversations-list .conversations-threads .thread-item .thread-avatar img,.conversations-list .conversations-threads .thread-item .thread-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;font-size:1rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-name{font-size:.875rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .preview-text{font-size:.813rem}}.message-bubble{display:flex;flex-direction:row;gap:.75rem;max-width:70%;width:fit-content}.message-bubble .message-avatar{flex-shrink:0;align-self:flex-end}.message-bubble .message-avatar.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.message-bubble .message-avatar.clickable:hover{transform:scale(1.05);opacity:.85}.message-bubble .message-avatar.clickable:active{transform:scale(.98)}.message-bubble .message-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.message-bubble .message-avatar .avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:.875rem}.message-bubble .message-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0}.message-bubble .message-bubble-content{padding:.75rem 1rem;border-radius:var(--radius-md);word-wrap:break-word}.message-bubble .message-bubble-content .message-text{margin:0;font-size:.938rem;line-height:1.5;white-space:pre-wrap}.message-bubble .message-footer{display:flex;align-items:center;gap:.25rem;padding:0 .25rem}.message-bubble .message-timestamp{font-size:.75rem;color:var(--text-muted)}.message-bubble .message-status{font-size:.75rem;display:flex;align-items:center}.message-bubble .message-status.sent{color:var(--text-muted)}.message-bubble .message-status.read{color:var(--primary-color)}.message-bubble.own{margin-left:auto;margin-right:.5rem;flex-direction:row-reverse;justify-content:flex-end}.message-bubble.own .message-content-wrapper{align-items:flex-end}.message-bubble.own .message-bubble-content{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message-bubble.own .message-bubble-content .message-text{color:#fff}.message-bubble.own .message-timestamp{text-align:right}.message-bubble.other{margin-left:.5rem;margin-right:auto;justify-content:flex-start}.message-bubble.other .message-content-wrapper{align-items:flex-start}.message-bubble.other .message-bubble-content{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble.other .message-bubble-content .message-text{color:var(--text-primary)}.message-bubble.other .message-timestamp{text-align:left}.message-bubble.spotlighted .message-content-wrapper{position:relative}.message-bubble.spotlighted .spotlight-badge{display:flex;flex-direction:row;align-items:center;gap:.375rem;padding:.25rem .625rem;background:linear-gradient(135deg,#1b87fa26,#1b87fa40);border:1px solid #1b87fa;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:#1b87fa;width:fit-content;margin-bottom:.25rem}.message-bubble.spotlighted .spotlight-badge svg{font-size:.75rem;animation:sparkle 2s ease-in-out infinite}.message-bubble.spotlighted .message-bubble-content{position:relative;border:2px solid transparent;background:linear-gradient(var(--card-background),var(--card-background)) padding-box,linear-gradient(135deg,#1b87fa,#1b87fa99,#1b87fa) border-box;box-shadow:0 0 25px #1b87fa66,0 0 50px #1b87fa33,inset 0 0 30px #1b87fa14;animation:elegantGlow 3s ease-in-out infinite}.message-bubble.spotlighted.own .spotlight-badge{align-self:flex-end}.message-bubble.spotlighted.own .message-bubble-content{background:linear-gradient(var(--primary-color),var(--primary-color)) padding-box,linear-gradient(135deg,#fffc,#fff6,#fffc) border-box}.message-bubble.spotlighted.other .spotlight-badge{align-self:flex-start}@keyframes elegantGlow{0%,to{box-shadow:0 0 25px #1b87fa66,0 0 50px #1b87fa33,inset 0 0 30px #1b87fa14}50%{box-shadow:0 0 35px #1b87fa99,0 0 70px #1b87fa4d,inset 0 0 40px #1b87fa1f}}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@media(max-width:768px){.message-bubble{max-width:85%;gap:.5rem}.message-bubble .message-avatar img,.message-bubble .message-avatar .avatar-placeholder{width:28px;height:28px;border-radius:50%;font-size:.75rem}.message-bubble .message-bubble-content{padding:.625rem .875rem}.message-bubble .message-bubble-content .message-text{font-size:.875rem}.message-bubble .message-timestamp{font-size:.688rem}}.chat-area{display:flex;flex-direction:column;align-items:center;height:100%;background:var(--background-color);min-height:0}.chat-area .chat-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--card-background);flex-shrink:0;box-sizing:border-box}.chat-area .chat-header .chat-header-left{display:flex;flex-direction:row;align-items:center;gap:1rem;flex:1;min-width:0}.chat-area .chat-header .chat-header-left .btn-back{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-primary);transition:all .2s ease}.chat-area .chat-header .chat-header-left .btn-back:hover{background:var(--background-hover)}.chat-area .chat-header .chat-header-left .participant-avatar{flex-shrink:0}.chat-area .chat-header .chat-header-left .participant-avatar.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.chat-area .chat-header .chat-header-left .participant-avatar.clickable:hover{transform:scale(1.05);opacity:.85}.chat-area .chat-header .chat-header-left .participant-avatar.clickable:active{transform:scale(.98)}.chat-area .chat-header .chat-header-left .participant-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-area .chat-header .chat-header-left .participant-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:1.125rem}.chat-area .chat-header .chat-header-left .participant-info{flex:1;min-width:0}.chat-area .chat-header .chat-header-left .participant-info .participant-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-area .chat-header .chat-header-left .participant-info .participant-username{font-size:.813rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.chat-area .chat-header .btn-options{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);transition:all .2s ease}.chat-area .chat-header .btn-options:hover{background:var(--background-hover);color:var(--text-primary)}.chat-area .chat-messages{flex:1;overflow-y:auto;padding:1.5rem}.chat-area .chat-messages::-webkit-scrollbar{width:8px;height:8px}.chat-area .chat-messages::-webkit-scrollbar-track{background:transparent}.chat-area .chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-area .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.chat-area .chat-messages{display:flex;flex-direction:column;width:100%;min-height:0;-webkit-overflow-scrolling:touch}.chat-area .chat-messages>*+*{margin-top:1rem}.chat-area .messages-loading{display:flex;flex-direction:column;align-items:center;height:100%;padding:4rem 1.5rem;gap:1rem}.chat-area .messages-loading .spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.chat-area .messages-loading p{color:var(--text-secondary);font-size:.938rem;margin:0}.chat-area .messages-empty{display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.chat-area .messages-empty p{color:var(--text-secondary);font-size:.938rem;margin:0}.chat-area .chat-input-container{width:100%;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--card-background);flex-shrink:0;box-sizing:border-box;position:relative;z-index:10}.chat-area .chat-input-container .chat-input-form{display:flex;flex-direction:row;align-items:center;gap:.75rem;align-items:flex-end}.chat-area .chat-input-container .chat-input-form .btn-attach{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.chat-area .chat-input-container .chat-input-form .btn-attach:hover:not(:disabled){background:var(--background-hover);color:var(--primary-color)}.chat-area .chat-input-container .chat-input-form .btn-attach:disabled{opacity:.4;cursor:not-allowed}.chat-area .chat-input-container .chat-input-form .message-input{flex:1;min-height:40px;max-height:120px;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.938rem;font-family:inherit;resize:none;transition:all .2s ease}.chat-area .chat-input-container .chat-input-form .message-input::placeholder{color:var(--text-muted)}.chat-area .chat-input-container .chat-input-form .message-input:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.chat-area .chat-input-container .chat-input-form .message-input:disabled{opacity:.6;cursor:not-allowed}.chat-area .chat-input-container .chat-input-form .btn-spotlight{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-secondary);border:1px solid var(--border-color);color:gold;flex-shrink:0;transition:all .2s ease}.chat-area .chat-input-container .chat-input-form .btn-spotlight:hover:not(:disabled){background:#ffd7001a;border-color:gold;transform:scale(1.05)}.chat-area .chat-input-container .chat-input-form .btn-spotlight.active{background:linear-gradient(135deg,gold,#ff8c00);border-color:gold;color:#000;animation:spotlightPulse 2s ease-in-out infinite}.chat-area .chat-input-container .chat-input-form .btn-spotlight:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-area .chat-input-container .chat-input-form .btn-send{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;flex-shrink:0;transition:all .2s ease}.chat-area .chat-input-container .chat-input-form .btn-send:hover:not(:disabled){background:var(--primary-color-dark);transform:scale(1.05)}.chat-area .chat-input-container .chat-input-form .btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing-indicator{display:flex;align-items:flex-end;gap:.75rem;max-width:70%;margin-left:.5rem;margin-top:1rem;animation:fadeIn .3s ease}.typing-indicator .typing-avatar{flex-shrink:0}.typing-indicator .typing-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.typing-indicator .typing-avatar .avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:700;font-size:.875rem}.typing-indicator .typing-bubble{padding:.75rem 1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);border-bottom-left-radius:4px}.typing-indicator .typing-bubble .typing-dots{display:flex;gap:.25rem;align-items:center;height:20px}.typing-indicator .typing-bubble .typing-dots span{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite}.typing-indicator .typing-bubble .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-bubble .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlightPulse{0%,to{box-shadow:0 0 #ffd700b3}50%{box-shadow:0 0 0 6px #ffd70000}}.chat-area.chat-empty .empty-state{display:flex;flex-direction:column;align-items:center;height:100%;gap:1rem}.chat-area.chat-empty .empty-state .empty-icon{font-size:4rem;opacity:.5}.chat-area.chat-empty .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.chat-area.chat-empty .empty-state p{font-size:.938rem;color:var(--text-secondary);margin:0}@media(max-width:768px){.chat-area{height:100dvh;max-height:100dvh}.chat-area .chat-header{padding:.75rem 1rem}.chat-area .chat-header .chat-header-left{gap:.75rem}.chat-area .chat-header .chat-header-left .participant-avatar img,.chat-area .chat-header .chat-header-left .participant-avatar .avatar-placeholder{width:36px;height:36px;border-radius:50%;font-size:1rem}.chat-area .chat-header .chat-header-left .participant-info .participant-name{font-size:.938rem}.chat-area .chat-header .chat-header-left .participant-info .participant-username{font-size:.75rem}.chat-area .chat-messages{padding:1rem;overflow-y:auto!important;overscroll-behavior:contain}.chat-area .chat-input-container{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));position:sticky;bottom:0}.chat-area .chat-input-container .chat-input-form{gap:.5rem}.chat-area .chat-input-container .chat-input-form .btn-attach,.chat-area .chat-input-container .chat-input-form .btn-spotlight,.chat-area .chat-input-container .chat-input-form .btn-send{width:36px;height:36px;border-radius:50%}.chat-area .chat-input-container .chat-input-form .message-input{font-size:.875rem;padding:.625rem .875rem;font-size:16px}.chat-area.chat-empty .empty-state .empty-icon{font-size:3rem}.chat-area.chat-empty .empty-state h3{font-size:1.125rem}.chat-area.chat-empty .empty-state p{font-size:.875rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.spotlight-confirm-modal{background:var(--bg-secondary);border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.spotlight-confirm-modal .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.spotlight-confirm-modal .modal-header h2{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.spotlight-confirm-modal .modal-header h2 .spotlight-icon{color:gold}.spotlight-confirm-modal .modal-header .btn-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.spotlight-confirm-modal .modal-header .btn-close:hover{background-color:var(--bg-hover)}.spotlight-confirm-modal .modal-body{padding:1.5rem}.spotlight-confirm-modal .modal-body .confirm-message{margin-bottom:1.5rem;color:var(--text-primary);line-height:1.6}.spotlight-confirm-modal .modal-body .cost-breakdown{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-bottom:1rem}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--text-secondary)}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row:not(:last-child){border-bottom:1px solid var(--border-color)}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row.total{margin-top:.5rem;padding-top:1rem;border-top:2px solid var(--border-color);color:var(--text-primary);font-size:1.1rem}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row .cost-value{font-family:Courier New,monospace;color:#4caf50;font-weight:500}.spotlight-confirm-modal .modal-body .spotlight-description{font-size:.875rem;color:var(--text-secondary);margin:1rem 0 0;padding:1rem;background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border-left:3px solid #ffd700;border-radius:4px}.spotlight-confirm-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}.spotlight-confirm-modal .modal-footer .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.spotlight-confirm-modal .modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.spotlight-confirm-modal .modal-footer .btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.spotlight-confirm-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.spotlight-confirm-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-weight:600}.spotlight-confirm-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.messages-page{width:100%;min-height:100vh;background:var(--background-color)}.messages-page .messages-container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;height:100vh;gap:0;padding:0}.messages-page .messages-container .conversations-panel{width:380px;flex-shrink:0;border-right:1px solid var(--border-color);background:var(--card-background);overflow:hidden;display:flex;flex-direction:column}.messages-page .messages-container .chat-panel{flex:1;min-width:0;background:var(--background-color);overflow:hidden;display:flex;flex-direction:column}@media(max-width:1024px){.messages-page .messages-container .conversations-panel{width:100%;border-right:none}.messages-page .messages-container .chat-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;height:100vh}}@media(max-width:768px){.messages-page .messages-container{height:calc(100vh - 60px)}.messages-page .messages-container .conversations-panel{width:100%}}.feed-page{min-height:100vh;background:var(--background-primary);padding:2rem 0}@media(max-width:639px){.feed-page{padding:1rem 0}}.feed-page .feed-container{width:100%;max-width:var(--content-max-width);padding-left:1rem;padding-right:1rem;max-width:800px;margin:0 auto}@media(max-width:639px){.feed-page .feed-container{padding:0}}.feed-page .feed-header{margin-bottom:2rem;text-align:center}@media(max-width:639px){.feed-page .feed-header{margin-bottom:1.5rem;padding:0 1rem}}.feed-page .feed-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}@media(max-width:639px){.feed-page .feed-header h1{font-size:1.5rem}}.feed-page .feed-header p{font-size:1rem;color:var(--text-secondary);margin:0}@media(max-width:639px){.feed-page .feed-header p{font-size:.9375rem}}.admin-dashboard-page{min-height:100vh;background:var(--background-color);padding:2rem;width:100%;box-sizing:border-box}.admin-dashboard-page .admin-dashboard-container{max-width:1200px;margin:0 auto;width:100%}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header{margin-bottom:2rem}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header .subtitle{font-size:1rem;color:var(--text-secondary)}.admin-dashboard-page .admin-dashboard-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s ease}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover{transition:transform .2s ease,box-shadow .2s ease}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover:active{transform:translateY(0)}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content{flex:1}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.blue .stat-icon{background:#3b82f61a;color:#3b82f6}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.green .stat-icon{background:#22c55e1a;color:#22c55e}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.purple .stat-icon{background:#a855f71a;color:#a855f7}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.orange .stat-icon{background:#f973161a;color:#f97316}.admin-dashboard-page .admin-dashboard-container .admin-section{margin-bottom:3rem}.admin-dashboard-page .admin-dashboard-container .admin-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.admin-dashboard-page .admin-dashboard-container .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;align-items:flex-start;gap:1.5rem;padding:1.5rem;text-align:left;transition:all .2s ease}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover{transition:transform .2s ease,box-shadow .2s ease}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover:active{transform:translateY(0)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover{border-color:var(--primary-color)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content{flex:1}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.blue .action-icon{background:#3b82f61a;color:#3b82f6}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.blue:hover{border-color:#3b82f6}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.green .action-icon{background:#22c55e1a;color:#22c55e}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.green:hover{border-color:#22c55e}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.purple .action-icon{background:#a855f71a;color:#a855f7}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.purple:hover{border-color:#a855f7}.admin-dashboard-page .admin-dashboard-container .status-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);padding:1.5rem}.admin-dashboard-page .admin-dashboard-container .status-card .status-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0}.admin-dashboard-page .admin-dashboard-container .status-card .status-row:not(:last-child){border-bottom:1px solid var(--border-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator .status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.success{color:var(--success-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.success .status-dot{background:var(--success-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.warning{color:var(--warning-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.warning .status-dot{background:var(--warning-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.error{color:var(--danger-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.error .status-dot{background:var(--danger-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.admin-dashboard-page{padding:1rem}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header h1{font-size:2rem}.admin-dashboard-page .admin-dashboard-container .stats-grid,.admin-dashboard-page .admin-dashboard-container .actions-grid{grid-template-columns:1fr}}.admin-sync-page{min-height:100vh;background:var(--background-color);padding:2rem;width:100%;box-sizing:border-box}.admin-sync-page .admin-sync-container{max-width:1200px;margin:0 auto;width:100%}.admin-sync-page .admin-sync-container h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.admin-sync-page .admin-sync-container .subtitle{color:var(--text-secondary);margin-bottom:2rem}.admin-sync-page .admin-sync-container .sync-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-sync-page .admin-sync-container .sync-actions .action-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.admin-sync-page .admin-sync-container .sync-actions .action-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.admin-sync-page .admin-sync-container .sync-actions .action-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group{display:flex;flex-direction:row;align-items:center;gap:.75rem}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-secondary);color:var(--text-primary);font-size:1rem}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input:focus{outline:none;border-color:var(--primary-color)}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-actions .action-card button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:100%;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.938rem;transition:all .2s ease}.admin-sync-page .admin-sync-container .sync-actions .action-card button:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary{background:var(--primary-color);color:#fff}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled){transition:transform .2s ease,box-shadow .2s ease}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-secondary:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary-color)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger{background:var(--danger-color);color:#fff}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled){transition:transform .2s ease,box-shadow .2s ease}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled){opacity:.9}.admin-sync-page .admin-sync-container .sync-status{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.admin-sync-page .admin-sync-container .sync-status h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.admin-sync-page .admin-sync-container .sync-status h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.admin-sync-page .admin-sync-container .sync-status .status-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--background-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.success{border-color:var(--success-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.warning{border-color:var(--warning-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.error{border-color:var(--danger-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table{overflow-x:auto}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table{width:100%;border-collapse:collapse}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead{background:var(--background-secondary)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr{border-bottom:1px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr:hover{background:var(--background-secondary)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td{padding:1rem;color:var(--text-primary)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td.difference{color:var(--warning-color);font-weight:600}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td .btn-sm{padding:.5rem 1rem;font-size:.875rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:all .2s ease}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled){transition:transform .2s ease,box-shadow .2s ease}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-status .errors-section ul{list-style:none;padding:0}.admin-sync-page .admin-sync-container .sync-status .errors-section ul li{padding:.75rem;margin-bottom:.5rem;background:#dc26261a;border-left:4px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--text-primary)}.admin-sync-page .admin-sync-container .sync-result{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.admin-sync-page .admin-sync-container .sync-result h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.admin-sync-page .admin-sync-container .sync-result h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.admin-sync-page .admin-sync-container .sync-result .result-summary{padding:1.5rem;background:var(--background-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem}.admin-sync-page .admin-sync-container .sync-result .result-summary p{margin-bottom:.5rem;color:var(--text-primary)}.admin-sync-page .admin-sync-container .sync-result .result-summary p strong{color:var(--text-secondary)}.admin-sync-page .admin-sync-container .sync-result .updated-profiles{margin-bottom:1.5rem}.admin-sync-page .admin-sync-container .sync-result .updated-profiles ul{list-style:none;padding:0}.admin-sync-page .admin-sync-container .sync-result .updated-profiles ul li{padding:.75rem;margin-bottom:.5rem;background:var(--background-secondary);border-left:4px solid var(--success-color);border-radius:var(--radius-sm);color:var(--text-primary)}.admin-sync-page .admin-sync-container .sync-result button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;padding:.75rem 1.5rem;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.admin-sync-page .admin-sync-container .sync-result button:hover{background:var(--background-hover);border-color:var(--primary-color)}@media(max-width:768px){.admin-sync-page{padding:1rem}.admin-sync-page .admin-sync-container .sync-actions{grid-template-columns:1fr}.admin-sync-page .admin-sync-container .sync-status .status-summary{grid-template-columns:repeat(2,1fr)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table{font-size:.875rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead th,.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody td{padding:.75rem}}.spotlight-pricing-admin{padding:2rem;max-width:1400px;margin:0 auto}.spotlight-pricing-admin .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.spotlight-pricing-admin .admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.spotlight-pricing-admin .admin-header .subtitle{color:var(--text-secondary);margin:0}.spotlight-pricing-admin .admin-header .btn-primary{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.spotlight-pricing-admin .admin-header .btn-primary:hover{background:var(--primary-color-dark);transform:translateY(-2px)}.spotlight-pricing-admin .alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.spotlight-pricing-admin .alert .alert-icon{font-size:1.25rem}.spotlight-pricing-admin .alert.alert-error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d}.spotlight-pricing-admin .alert.alert-success{background:#60d3941a;border:1px solid rgba(96,211,148,.3);color:#00b112}.spotlight-pricing-admin .pricing-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.spotlight-pricing-admin .pricing-form-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.spotlight-pricing-admin .pricing-form-card form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.spotlight-pricing-admin .pricing-form-card form .form-group{display:flex;flex-direction:column}.spotlight-pricing-admin .pricing-form-card form .form-group label{font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.spotlight-pricing-admin .pricing-form-card form .form-group input,.spotlight-pricing-admin .pricing-form-card form .form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.spotlight-pricing-admin .pricing-form-card form .form-group input:focus,.spotlight-pricing-admin .pricing-form-card form .form-group select:focus{outline:none;border-color:var(--primary-color)}.spotlight-pricing-admin .pricing-form-card form .btn-primary{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.spotlight-pricing-admin .pricing-form-card form .btn-primary:hover{background:var(--primary-color-dark)}.spotlight-pricing-admin .pricing-tables{display:flex;flex-direction:column;gap:2rem}.spotlight-pricing-admin .pricing-tables .pricing-type-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.spotlight-pricing-admin .pricing-tables .pricing-type-section h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table{width:100%;border-collapse:collapse}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table thead{background:#1b87fa1a}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table thead tr th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table thead tr th:first-child{border-top-left-radius:8px}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table thead tr th:last-child{border-top-right-radius:8px}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr:hover{background:#1b87fa0d}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr.inactive{opacity:.6}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td{padding:1rem;color:var(--text-secondary)}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td .price-input{width:120px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-primary);font-size:1rem}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td .price-input:focus{outline:none;border-color:var(--primary-color)}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td .status-badge.active{background:#1b87fa33;color:#1b87fa}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td .status-badge.inactive{background:#96969633;color:#888}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions{display:flex;gap:.5rem}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-toggle{background:#1b87fa33;color:#1b87fa}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-toggle:hover{background:#1b87fa4d}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-warning{background:#ffc10733;color:#ffc107}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-warning:hover{background:#ffc1074d}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-success{background:#1b87fa33;color:#1b87fa}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-success:hover{background:#1b87fa4d}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-danger{background:#ff4d4d33;color:#ff4d4d}.spotlight-pricing-admin .pricing-tables .pricing-type-section .pricing-table tbody tr td.actions button.btn-danger:hover{background:#ff4d4d4d}@media(max-width:768px){.spotlight-pricing-admin{padding:1rem}.spotlight-pricing-admin .admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.spotlight-pricing-admin .pricing-form-card form .form-row{grid-template-columns:1fr}.spotlight-pricing-admin .pricing-type-section{overflow-x:auto}}.spotlight-analytics-admin{padding:2rem;max-width:1400px;margin:0 auto}.spotlight-analytics-admin .admin-header{margin-bottom:2rem}.spotlight-analytics-admin .admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.spotlight-analytics-admin .admin-header .subtitle{color:var(--text-secondary);margin:0}.spotlight-analytics-admin .alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.spotlight-analytics-admin .alert .alert-icon{font-size:1.25rem}.spotlight-analytics-admin .alert.alert-error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d}.spotlight-analytics-admin .filters-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-end}.spotlight-analytics-admin .filters-card .filter-group{display:flex;flex-direction:column;min-width:200px}.spotlight-analytics-admin .filters-card .filter-group label{font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.spotlight-analytics-admin .filters-card .filter-group input,.spotlight-analytics-admin .filters-card .filter-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.spotlight-analytics-admin .filters-card .filter-group input:focus,.spotlight-analytics-admin .filters-card .filter-group select:focus{outline:none;border-color:var(--primary-color)}.spotlight-analytics-admin .filters-card .btn-clear{padding:.75rem 1.5rem;background:#1b87fa1a;color:#1b87fa;border:1px solid #1b87fa;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.spotlight-analytics-admin .filters-card .btn-clear:hover{background:#1b87fa33}.spotlight-analytics-admin .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.spotlight-analytics-admin .metrics-grid .metric-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.spotlight-analytics-admin .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.spotlight-analytics-admin .metrics-grid .metric-card.revenue{border-color:#1b87fa;background:linear-gradient(135deg,#1b87fa0d,#1b87fa1a)}.spotlight-analytics-admin .metrics-grid .metric-card .metric-icon{font-size:2.5rem}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content{flex:1}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:600;margin-bottom:.25rem}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-subtext{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.spotlight-analytics-admin .type-breakdown{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.spotlight-analytics-admin .type-breakdown h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card{background:#1b87fa0d;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--background-color);border-radius:6px}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric .label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric .value{font-size:1rem;color:var(--text-primary);font-weight:700}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown h4{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats{display:flex;justify-content:space-around;padding:1rem;background:var(--background-color);border-radius:8px}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat .icon{font-size:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat span:last-child{font-size:1.25rem;font-weight:700;color:var(--text-primary)}@media(max-width:768px){.spotlight-analytics-admin{padding:1rem}.spotlight-analytics-admin .filters-card{flex-direction:column}.spotlight-analytics-admin .filters-card .filter-group{width:100%}.spotlight-analytics-admin .metrics-grid{grid-template-columns:1fr}.spotlight-analytics-admin .breakdown-grid{grid-template-columns:1fr!important}}.spotlight-transactions-page{padding:2rem;max-width:1400px;margin:0 auto}.spotlight-transactions-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.spotlight-transactions-page .page-header h1{font-size:2rem;margin:0;color:var(--text-primary)}.spotlight-transactions-page .page-header p{color:var(--text-secondary);margin:.5rem 0 0;flex-basis:100%}.spotlight-transactions-page .page-header .btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.spotlight-transactions-page .page-header .btn-refresh:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.spotlight-transactions-page .page-header .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.spotlight-transactions-page .page-header .btn-refresh svg.spinning{animation:spin 1s linear infinite}.spotlight-transactions-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.spotlight-transactions-page .summary-cards .summary-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.spotlight-transactions-page .summary-cards .summary-card:hover{transform:translateY(-4px)}.spotlight-transactions-page .summary-cards .summary-card.warning{border-left:4px solid #ff9800}.spotlight-transactions-page .summary-cards .summary-card .card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.spotlight-transactions-page .summary-cards .summary-card .card-icon.blockchain{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spotlight-transactions-page .summary-cards .summary-card .card-icon.database{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.spotlight-transactions-page .summary-cards .summary-card .card-icon.warning{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#ff9800}.spotlight-transactions-page .summary-cards .summary-card .card-content{flex:1}.spotlight-transactions-page .summary-cards .summary-card .card-content h3{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.spotlight-transactions-page .summary-cards .summary-card .card-content .card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.spotlight-transactions-page .summary-cards .summary-card .card-content p{margin:0;font-size:.85rem;color:var(--text-secondary)}.spotlight-transactions-page .transactions-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.spotlight-transactions-page .transactions-section .table-container{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.spotlight-transactions-page .transactions-section .transactions-table{width:100%;border-collapse:collapse}.spotlight-transactions-page .transactions-section .transactions-table thead{background:var(--header-bg, #f8f9fa)}.spotlight-transactions-page .transactions-section .transactions-table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;border-bottom:2px solid var(--border-color)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.spotlight-transactions-page .transactions-section .transactions-table tbody tr:hover{background:var(--hover-bg, rgba(0, 0, 0, .02))}.spotlight-transactions-page .transactions-section .transactions-table tbody tr.has-issue{background:#ff98000d}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td{padding:1rem;color:var(--text-primary);font-size:.9rem}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .tx-hash{color:var(--primary-color);text-decoration:none;font-family:monospace}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .tx-hash:hover{text-decoration:underline}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchaseDmSpotlight{background:#e3f2fd;color:#1976d2}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchasePostSpotlight{background:#f3e5f5;color:#7b1fa2}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchaseProfileSpotlight{background:#e8f5e9;color:#388e3c}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge.success{background:#e8f5e9;color:#4caf50}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge.failed{background:#ffebee;color:#f44336}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge.success{background:#e8f5e9;color:#4caf50}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge.error{background:#ffebee;color:#f44336}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .issue-text{color:#ff9800;font-size:.85rem}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .no-issue{color:var(--text-secondary)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record:hover:not(:disabled){background:var(--primary-hover)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record:disabled{opacity:.6;cursor:not-allowed}.spotlight-transactions-page .loading,.spotlight-transactions-page .error{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}.spotlight-transactions-page .error{color:#f44336}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.spotlight-transactions-page{padding:1rem}.spotlight-transactions-page .page-header h1{font-size:1.5rem}.spotlight-transactions-page .summary-cards{grid-template-columns:1fr}.spotlight-transactions-page .table-container{overflow-x:auto}.spotlight-transactions-page .transactions-table{font-size:.8rem}.spotlight-transactions-page .transactions-table th,.spotlight-transactions-page .transactions-table td{padding:.75rem .5rem}}:root{--primary-color: #1b87fa;--primary-color-light: #1bb5fa;--primary-color-dark: #1b70fa;--secondary-color: #7C8FAC;--secondary-color-light: #e0f2fe;--success-color: #00B112;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #0284c7;--background-color: #F1F1F2;--surface-color: #ffffff;--card-background: #f8f8f8;--border-color: #D3D3D3;--background-hover: #e5e5e5;--background-info: #f0f9ff;--text-primary: #000000;--text-secondary: #828282;--text-muted: #818384;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}[data-theme=dark]{--background-color: #0f0f0f;--surface-color: #1a1a1a;--card-background: #262626;--border-color: #404040;--background-hover: #333333;--background-info: #1e293b;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-muted: #737373;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}.klyx-text-gradient{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.klyx-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klyx-text-balance{text-wrap:balance}:root{--space-unit: 16px;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--padding-card: 24px;--padding-modal: 32px;--padding-section: 48px}:root{--appbar-height: 70px;--sidebar-width: 280px;--sidebar-collapsed-width: 70px;--footer-height: 60px;--content-max-width: 1400px;--dashboard-max-width: 1400px;--feed-max-width: 680px;--profile-max-width: 1200px;--settings-max-width: 800px;--avatar-xs: 24px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 56px;--avatar-xl: 80px;--avatar-2xl: 120px;--button-sm: 32px;--button-md: 40px;--button-lg: 48px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--input-sm: 32px;--input-md: 40px;--input-lg: 48px;--page-content-height: calc(100vh - 70px) ;--full-page-height: calc(100vh - 130px) }:root{--screen-xs: 375px;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}:root{--z-base: 0;--z-sticky: 5;--z-card: 10;--z-dropdown: 15;--z-tooltip: 20;--z-popover: 25;--z-spotlight-card: 30;--z-appbar: 50;--z-sidebar: 55;--z-floating-action: 60;--z-drawer: 100;--z-modal-backdrop: 150;--z-modal: 160;--z-notification: 170;--z-toast: 180;--z-fullscreen: 200;--z-loading-overlay: 250;--z-critical: 999}.klyx-shadow-none{box-shadow:none!important}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}.klyx-shadow-md{box-shadow:var(--shadow-md)}.klyx-shadow-lg{box-shadow:var(--shadow-lg)}.klyx-shadow-xl{box-shadow:var(--shadow-xl)}.klyx-shadow-primary{box-shadow:0 8px 16px -4px #f26d634d}.klyx-glow{box-shadow:0 0 16px #f26d6399}@keyframes klyx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes klyx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes klyx-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes klyx-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes klyx-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes klyx-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes klyx-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes klyx-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes klyx-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes klyx-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes klyx-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes klyx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes klyx-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes klyx-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes klyx-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes klyx-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes klyx-glow{0%,to{box-shadow:0 0 10px #f26d6380}50%{box-shadow:0 0 20px #f26d63cc,0 0 30px #f26d6366}}@keyframes klyx-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.klyx-fade-in{animation:klyx-fade-in .25s cubic-bezier(0,0,.2,1)}.klyx-fade-in-up{animation:klyx-fade-in-up .25s cubic-bezier(0,0,.2,1)}.klyx-scale-in{animation:klyx-scale-in .25s cubic-bezier(0,0,.2,1)}.klyx-spin{animation:klyx-spin 1s linear infinite}.klyx-pulse{animation:klyx-pulse 2s cubic-bezier(.4,0,.2,1) infinite}.klyx-glow{animation:klyx-glow 2s cubic-bezier(.4,0,.2,1) infinite}.klyx-transition-all{transition:all .25s cubic-bezier(.4,0,.2,1)}.klyx-transition-colors{transition:color,background-color,border-color .25s cubic-bezier(.4,0,.2,1)}.klyx-transition-transform{transition:transform .25s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.network-fees-admin{padding:2rem;max-width:1400px;margin:0 auto}.network-fees-admin .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.network-fees-admin .admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.network-fees-admin .admin-header .subtitle{color:var(--text-secondary);margin:0}.network-fees-admin .admin-header .btn-toggle{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.network-fees-admin .admin-header .btn-toggle.btn-enabled{background:#00b11233;color:#00b112;border:2px solid #00B112}.network-fees-admin .admin-header .btn-toggle.btn-enabled:hover{background:#00b1124d;transform:translateY(-2px)}.network-fees-admin .admin-header .btn-toggle.btn-disabled{background:#ff4d4d33;color:#ff4d4d;border:2px solid #ff4d4d}.network-fees-admin .admin-header .btn-toggle.btn-disabled:hover{background:#ff4d4d4d;transform:translateY(-2px)}.network-fees-admin .admin-header .btn-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.network-fees-admin .alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.network-fees-admin .alert .alert-icon{font-size:1.25rem}.network-fees-admin .alert.alert-error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d}.network-fees-admin .alert.alert-success{background:#60d3941a;border:1px solid rgba(96,211,148,.3);color:#00b112}.network-fees-admin .config-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.network-fees-admin .config-summary h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.network-fees-admin .config-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.network-fees-admin .config-summary .summary-grid .summary-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s}.network-fees-admin .config-summary .summary-grid .summary-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.network-fees-admin .config-summary .summary-grid .summary-card .summary-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.calculated{color:#1b87fa}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status{font-size:1.5rem}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status.enabled{color:#00b112}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status.disabled{color:#ff4d4d}.network-fees-admin .config-summary .summary-grid .summary-card .summary-note{font-size:.875rem;color:var(--text-muted)}.network-fees-admin .config-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.network-fees-admin .config-form-card h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.network-fees-admin .config-form-card form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.network-fees-admin .config-form-card form .form-group{display:flex;flex-direction:column}.network-fees-admin .config-form-card form .form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.network-fees-admin .config-form-card form .form-group label .field-description{display:block;font-weight:400;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.network-fees-admin .config-form-card form .form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.network-fees-admin .config-form-card form .form-group input:focus{outline:none;border-color:var(--primary-color)}.network-fees-admin .config-form-card form .form-group input:disabled{opacity:.6;cursor:not-allowed}.network-fees-admin .config-form-card form .calculated-preview{background:#1b87fa1a;border:1px solid rgba(27,135,250,.3);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.network-fees-admin .config-form-card form .calculated-preview h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.125rem}.network-fees-admin .config-form-card form .calculated-preview p{margin:0;color:var(--text-secondary);line-height:1.6}.network-fees-admin .config-form-card form .calculated-preview p strong{color:#1b87fa;font-size:1.125rem}.network-fees-admin .config-form-card form .btn-primary{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.network-fees-admin .config-form-card form .btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px)}.network-fees-admin .config-form-card form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.network-fees-admin .info-panel{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.network-fees-admin .info-panel h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.network-fees-admin .info-panel .info-content{display:flex;flex-direction:column;gap:1.5rem}.network-fees-admin .info-panel .info-content .info-section{padding:1.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px}.network-fees-admin .info-panel .info-content .info-section.warning{background:#ffc1071a;border-color:#ffc1074d}.network-fees-admin .info-panel .info-content .info-section.warning h3{color:#ffc107}.network-fees-admin .info-panel .info-content .info-section h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.125rem}.network-fees-admin .info-panel .info-content .info-section p{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.6}.network-fees-admin .info-panel .info-content .info-section p:last-child{margin-bottom:0}.network-fees-admin .info-panel .info-content .info-section ul{margin:.75rem 0 0;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.network-fees-admin .info-panel .info-content .info-section ul li{margin-bottom:.5rem}.network-fees-admin .info-panel .info-content .info-section ul li strong{color:var(--text-primary)}@media(max-width:768px){.network-fees-admin{padding:1rem}.network-fees-admin .admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.network-fees-admin .admin-header .btn-toggle{width:100%}.network-fees-admin .summary-grid{grid-template-columns:1fr!important}.network-fees-admin .config-form-card form .form-row{grid-template-columns:1fr}}.footer{width:100%;background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;position:relative;bottom:0}.footer-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}@media(max-width:768px){.footer-container{flex-direction:column;gap:1rem;padding:1.5rem 1rem}}.footer-copyright{color:#ffffffb3;font-size:.875rem;font-weight:400}@media(max-width:768px){.footer-copyright{text-align:center;order:2}}.footer-social{display:flex;gap:1.5rem;align-items:center}@media(max-width:768px){.footer-social{order:1}}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff9;font-size:1.25rem;text-decoration:none;border-radius:50%;transition:all .3s ease;position:relative}.footer-social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:transparent;transition:all .3s ease;z-index:-1}.footer-social-link:hover{color:var(--hover-color, #ffffff);transform:translateY(-2px) scale(1.1)}.footer-social-link:hover:before{background-color:#ffffff1a}.footer-social-link:active{transform:translateY(0) scale(1.05)}.footer-social-link:focus-visible{outline:2px solid var(--hover-color, #3b82f6);outline-offset:2px}.footer-social-link svg{transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-container{animation:fadeInUp .5s ease-out}.hamburger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;animation:fadeIn .2s ease}.hamburger-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.1);z-index:1101;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.hamburger-menu.open{transform:translate(0)}.hamburger-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.hamburger-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.hamburger-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:.25rem;color:#ffffffb3;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.hamburger-close-btn:hover{background:#ffffff1a;color:#fff}.hamburger-close-btn:active{transform:scale(.95)}.hamburger-items{flex:1;list-style:none;padding:.5rem 0;margin:0}.hamburger-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;text-align:left;cursor:pointer;transition:all .2s ease}.hamburger-item:hover{background:#ffffff0d;color:#fff}.hamburger-item.active{background:#3b82f61a;border-left-color:#3b82f6;color:#3b82f6}.hamburger-item.active .hamburger-item-icon{color:#3b82f6}.hamburger-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;font-size:1.25rem;color:#fff9;transition:color .2s ease}.hamburger-item-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.hamburger-item-label{font-size:.9375rem;font-weight:500;line-height:1.2}.hamburger-item-description{font-size:.75rem;color:#ffffff80;line-height:1.2}.hamburger-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.hamburger-version{margin:0;font-size:.75rem;color:#fff6;text-align:center}.messages-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;animation:fadeIn .2s ease}.messages-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;background:#1a1a1a;border-left:1px solid rgba(255,255,255,.1);z-index:1101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.messages-panel.open{transform:translate(0)}@media(max-width:480px){.messages-panel{width:100vw}}.messages-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.messages-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.messages-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:.25rem;color:#ffffffb3;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.messages-close-btn:hover{background:#ffffff1a;color:#fff}.messages-list{flex:1;overflow-y:auto}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff6;text-align:center}.messages-empty svg{font-size:3rem;margin-bottom:1rem;opacity:.3}.messages-empty p{margin:0;font-size:.9375rem}.message-item{position:relative;display:flex;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.message-item:hover{background:#ffffff0d}.message-item.unread{background:#3b82f60d}.message-avatar{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.125rem;font-weight:600}.message-content{flex:1;min-width:0}.message-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem;gap:.5rem}.message-from-name{font-size:.9375rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-timestamp{font-size:.75rem;color:#ffffff80;flex-shrink:0}.message-text{margin:0;font-size:.8125rem;color:#ffffffb3;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-unread-indicator{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;background:#3b82f6;border-radius:50%}.messages-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.messages-view-all-btn{width:100%;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;color:#3b82f6;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.messages-view-all-btn:hover{background:#3b82f633;border-color:#3b82f6}.notifications-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;animation:fadeIn .2s ease}.notifications-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#1a1a1a;border-left:1px solid rgba(255,255,255,.1);z-index:1101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.notifications-panel.open{transform:translate(0)}@media(max-width:480px){.notifications-panel{width:100vw}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);gap:1rem}.notifications-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .25rem}.notifications-unread-count{font-size:.8125rem;color:#fff9}.notifications-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:.25rem;color:#ffffffb3;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.notifications-close-btn:hover{background:#ffffff1a;color:#fff}.notifications-tabs{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none}.notifications-tabs::-webkit-scrollbar{display:none}.notifications-tab{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;color:#ffffffb3;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.notifications-tab:hover{background:#ffffff0d;color:#fff}.notifications-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.notifications-actions{padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-mark-read-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:.375rem;color:#3b82f6;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notifications-mark-read-btn:hover{background:#3b82f61a;border-color:#3b82f6}.notifications-mark-read-btn svg{font-size:.875rem}.notifications-list{flex:1;overflow-y:auto;padding:.5rem 0}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff6;text-align:center}.notifications-empty svg{font-size:3rem;margin-bottom:1rem;opacity:.3}.notifications-empty p{margin:0;font-size:.9375rem}.notification-item{position:relative;display:flex;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#3b82f60d}.notification-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.notification-icon-wrapper{flex-shrink:0}.notification-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.notification-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.125rem}.notification-icon.like{background:#ef44441a;color:#ef4444}.notification-icon.comment{background:#3b82f61a;color:#3b82f6}.notification-icon.follow{background:#10b9811a;color:#10b981}.notification-icon.purchase{background:#f59e0b1a;color:#f59e0b}.notification-icon.spotlight{background:#eab3081a;color:#eab308}.notification-icon.royalty{background:#a855f71a;color:#a855f7}.notification-icon.system{background:#8b5cf61a;color:#8b5cf6}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#fff}.notification-message{margin:0 0 .5rem;font-size:.8125rem;color:#ffffffb3;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-timestamp{font-size:.75rem;color:#ffffff80}.notification-dismiss-btn{flex-shrink:0;align-self:flex-start;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;color:#fff6;font-size:.875rem;cursor:pointer;opacity:0;transition:all .2s ease}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{background:#ffffff1a;color:#ffffffb3}.notification-unread-indicator{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;background:#3b82f6;border-radius:50%}.notifications-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.notifications-view-all-btn{width:100%;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;color:#3b82f6;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.notifications-view-all-btn:hover{background:#3b82f633;border-color:#3b82f6}.user-menu{position:relative;z-index:10000}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:2rem;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:#ffffff1a}.user-menu-trigger:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-initials{color:#fff;font-size:.875rem;font-weight:600}.user-name{color:#ffffffe6;font-size:.875rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.user-name.desktop-only{display:none}}.user-menu-icon{color:#fff9;font-size:.75rem;transition:transform .2s ease}.user-menu-icon.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-width:90vw;background:var(--background-color);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 10px 40px #00000080;z-index:9999;animation:slideDown .2s ease;overflow:hidden}.user-menu-header{padding:1.25rem;display:flex;gap:.75rem;background:#ffffff05}.user-avatar-large{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-avatar-large .user-initials{font-size:1.25rem}.user-info{flex:1;min-width:0}.user-display-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{margin:0;font-size:.8125rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-wallet{padding:1rem 1.25rem;background:#3b82f60d}.wallet-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.wallet-label{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.wallet-balance{font-size:1.25rem;font-weight:700;color:#3b82f6}.wallet-address-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:var(--text-primary);font-size:.8125rem;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease}.wallet-address-btn:hover{background:#ffffff1a;border-color:#fff3}.wallet-address-btn svg{color:#3b82f6}.user-menu-divider{height:1px;background:#ffffff1a;margin:0}.user-menu-items{list-style:none;padding:.5rem 0;margin:0}.user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:#ffffff0d;color:#fff}.user-menu-item:hover svg{color:#3b82f6}.user-menu-item svg{width:1.125rem;color:var(--text-primary);transition:color .2s ease}.user-menu-logout{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:transparent;border:none;color:#ef4444;font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.user-menu-logout:hover{background:#ef44441a}.user-menu-logout svg{width:1.125rem}.user-menu-theme{padding:.75rem 1.25rem}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between}.theme-toggle-label{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.9375rem}.theme-toggle-label svg{width:1.125rem;color:var(--text-primary)}.theme-toggle-switch{position:relative;width:48px;height:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.theme-toggle-switch:hover{background:#ffffff26}.theme-toggle-switch.active{background:#3b82f6;border-color:#3b82f6}.theme-toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease}.theme-toggle-switch.active .theme-toggle-slider{transform:translate(24px)}.user-menu-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#60d3941a;border-top:1px solid rgba(96,211,148,.2);border-bottom:1px solid rgba(96,211,148,.2);color:#60d394;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-menu-section-header svg{width:1rem;color:#60d394}.admin-items{background:#60d39405}.admin-items .admin-item:hover{background:#60d3941a}.admin-items .admin-item:hover svg{color:#60d394}.admin-items .admin-item svg{color:#60d394cc}.search-bar{position:relative;width:100%}.search-bar.mobile .search-input-wrapper{background:#1f1f1f;border:1px solid rgba(255,255,255,.2)}.search-bar.mobile .search-results{height:100vh;position:fixed;left:0;right:0;bottom:0;max-height:none;border-radius:0;border:none;border-top:1px solid rgba(255,255,255,.1)}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem;transition:all .2s ease}.search-input-wrapper:focus-within{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#ffffff80;font-size:1rem;flex-shrink:0}.search-input{flex:1;padding:.75rem 0;background:transparent;border:none;outline:none;color:#fff;font-size:.9375rem}.search-input::placeholder{color:#fff6}.search-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;border-radius:50%;color:#ffffff80;font-size:.875rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-clear-btn:hover{background:#ffffff1a;color:#fffc}.search-cancel-btn{padding:0 .5rem;background:transparent;border:none;color:#3b82f6;font-size:.9375rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.search-cancel-btn:hover{opacity:.8}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:70vh;background:#1f1f1f;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 10px 40px #00000080;overflow:hidden;z-index:1200;animation:slideDown .2s ease}.search-loading,.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#ffffff80;text-align:center;gap:1rem}.search-loading svg,.search-no-results svg{font-size:2rem;opacity:.3}.search-loading p,.search-no-results p{margin:0;font-size:.9375rem}.search-spinner{width:2rem;height:2rem;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8125rem;font-weight:600;color:#fffc}.search-results-count{color:#ffffff80;font-weight:400}.search-results-list{list-style:none;padding:0;margin:0;max-height:calc(70vh - 3rem);overflow-y:auto}.search-result-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;cursor:pointer;transition:all .2s ease}.search-result-item:hover{background:#ffffff0d}.search-result-item:last-child{border-bottom:none}.search-result-icon-wrapper{position:relative;flex-shrink:0}.search-result-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.search-result-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;font-size:1rem}.search-result-type-badge{position:absolute;bottom:-4px;right:-4px;padding:.125rem .375rem;background:#1f1f1f;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;font-size:.625rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.025em}.search-result-content{flex:1;min-width:0}.search-result-title{margin:0 0 .125rem;font-size:.9375rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{margin:0;font-size:.8125rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.app-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1a1a1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);transition:transform .3s ease,opacity .3s ease}.app-bar.visible{transform:translateY(0);opacity:1}.app-bar.hidden{transform:translateY(-100%);opacity:0}.app-bar-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media(max-width:768px){.app-bar-container{padding:.75rem 1rem;gap:1rem}}.app-bar-left{display:flex;align-items:center;gap:1rem}.app-bar-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s ease}.app-bar-logo:hover{opacity:.8}.app-bar-logo img{height:32px;width:auto}.app-bar-logo .app-bar-brand{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.5px}@media(max-width:480px){.app-bar-logo .app-bar-brand{display:none}}.app-bar-center{flex:1;max-width:600px;display:flex;justify-content:center}@media(max-width:768px){.app-bar-center{display:none}}.app-bar-right{display:flex;align-items:center;gap:.5rem}.app-bar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:50%;color:#fffc;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.app-bar-icon-btn:hover{background:#ffffff1a;color:#fff}.app-bar-icon-btn:active{transform:scale(.95)}.app-bar-icon-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.app-bar-icon-btn.mobile-only{display:none}@media(max-width:768px){.app-bar-icon-btn.mobile-only{display:inline-flex}}.app-bar-badge{position:absolute;top:0;right:0;min-width:.125rem;height:.625rem;padding:0 .25rem;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;border-radius:10px;border:2px solid rgba(26,26,26,.95);box-shadow:0 2px 4px #0003}.mobile-search-overlay{position:fixed;top:60px;left:0;right:0;background:#1a1a1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease;z-index:999}@media(min-width:769px){.mobile-search-overlay{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.app-bar-visible{padding-top:60px}.session-timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-timeout-modal{background:var(--card-background);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 60px #0006;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.session-timeout-modal h2{margin:0 0 16px;font-size:24px;font-weight:600;color:var(--text-primary)}.modal-message{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.countdown-display{background:var(--bg-secondary);border-radius:12px;padding:24px;margin:24px 0;border:2px solid var(--border-color)}.countdown-time{display:block;font-size:48px;font-weight:700;font-family:Courier New,monospace;color:var(--accent);margin-bottom:8px;text-shadow:0 2px 4px rgba(94,23,235,.3)}.countdown-label{display:block;font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.modal-info{font-size:14px;color:var(--text-tertiary);margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:center}.logout-btn,.continue-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:140px}.logout-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);box-shadow:0 4px 12px #ff11114d}.logout-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}.continue-btn{background:var(--accent);color:#fff;box-shadow:0 4px 12px #5e17eb4d}.continue-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #5e17eb66}.logout-btn:active,.continue-btn:active{transform:translateY(0)}[data-theme=dark] .countdown-display{background:#ffffff0d}[data-theme=light] .countdown-display{background:#00000008}[data-theme=light] .countdown-time{text-shadow:0 2px 4px rgba(94,23,235,.2)}