.homepage-background{z-index:-10;pointer-events:none;height:100vh;position:fixed;top:0;left:0;right:0;overflow:hidden}.dark .homepage-background:before,[data-theme=dark] .homepage-background:before{content:"";background:radial-gradient(600px 300px at 20% 20%,#3b82f60f,#0000 60%),radial-gradient(500px 250px at 80% 30%,#8b5cf60a,#0000 60%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000);mask-image:linear-gradient(#000 0% 50%,#0000)}.homepage-background:after{content:"";opacity:.5;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(800px 400px at 50% 0,#000 40%,#0000 80%);mask-image:radial-gradient(800px 400px at 50% 0,#000 40%,#0000 80%)}:root:not(.dark) .homepage-background:before,[data-theme=light] .homepage-background:before{content:"";background:radial-gradient(600px 300px at 50% -10%,#8b5cf608,#0000);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 40%,#0000);mask-image:linear-gradient(#000 0% 40%,#0000)}.animate-fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.15s}.anim-delay-3{animation-delay:.2s}.anim-delay-4{animation-delay:.25s}.gallery-item-animate{opacity:0;animation:.5s ease-out forwards fadeInUp}.gallery-item-animate:first-child{animation-delay:30ms}.gallery-item-animate:nth-child(2){animation-delay:60ms}.gallery-item-animate:nth-child(3){animation-delay:90ms}.gallery-item-animate:nth-child(4){animation-delay:.12s}.gallery-item-animate:nth-child(5){animation-delay:.15s}.gallery-item-animate:nth-child(6){animation-delay:.18s}.gallery-item-animate:nth-child(7){animation-delay:.21s}.gallery-item-animate:nth-child(8){animation-delay:.24s}.dark .header-glass,[data-theme=dark] .header-glass{-webkit-backdrop-filter:blur(20px);background:#0a0a0bcc!important;border-bottom:1px solid #ffffff0f!important}:root:not(.dark) .header-glass,[data-theme=light] .header-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffd9!important;border-bottom:1px solid #0000000f!important}.header-glass{-webkit-backdrop-filter:blur(20px)}.tab-btn-gradient{background:#ffffff08;transition:all .2s;position:relative;border:1px solid #ffffff0f!important}@media (hover:hover){.tab-btn-gradient:hover{background:#ffffff14;border-color:#ffffff1f!important}}.tab-btn-active{box-shadow:0 0 20px #ffffff0d;color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff26!important}:root:not(.dark) .tab-btn-gradient,[data-theme=light] .tab-btn-gradient{background:#00000005;border-color:#0000000f!important}@media (hover:hover){:root:not(.dark) .tab-btn-gradient:hover,[data-theme=light] .tab-btn-gradient:hover{background:#0000000d;border-color:#0000001a!important}}:root:not(.dark) .tab-btn-active,[data-theme=light] .tab-btn-active{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.card-hover-effect{background:#ffffff05;border:1px solid #ffffff0a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (hover:hover){.card-hover-effect:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.card-hover-effect:hover img{transform:scale(1.05)}}:root:not(.dark) .card-hover-effect,[data-theme=light] .card-hover-effect{background:#fff;border-color:#0000000f}@media (hover:hover){:root:not(.dark) .card-hover-effect:hover,[data-theme=light] .card-hover-effect:hover{border-color:#0000001a;box-shadow:0 12px 40px #0000001a}}.grid-slider-container{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem .875rem;display:flex}.grid-slider{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:2px}.grid-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;box-shadow:0 0 10px #ffffff4d}@media (hover:hover){.grid-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px #fff6}}.grid-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}:root:not(.dark) .grid-slider-container,[data-theme=light] .grid-slider-container{background:#00000005;border-color:#0000000f}:root:not(.dark) .grid-slider,[data-theme=light] .grid-slider{background:#0000001a}:root:not(.dark) .grid-slider::-webkit-slider-thumb{background:var(--accent-color);box-shadow:0 2px 8px #0003}[data-theme=light] .grid-slider::-webkit-slider-thumb{background:var(--accent-color);box-shadow:0 2px 8px #0003}.column-count{color:#ffffffe6;font-weight:500}:root:not(.dark) .column-count,[data-theme=light] .column-count{color:var(--text-primary)}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header-icon{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-text-cyan{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.feed-header-hashtag{color:#f97316;font-size:1.5rem;font-weight:700}.divider-gradient{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px}:root:not(.dark) .divider-gradient,[data-theme=light] .divider-gradient{background:linear-gradient(90deg,#0000,#00000014,#0000)}.search-glass{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;transition:all .2s}.search-glass:focus{background:#ffffff0d;outline:none;box-shadow:0 0 0 2px #ffffff0d;border-color:#ffffff1f!important}:root:not(.dark) .search-glass,[data-theme=light] .search-glass{background:#00000005;border-color:#00000014}:root:not(.dark) .search-glass:focus,[data-theme=light] .search-glass:focus{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1);background:#fff;border-color:var(--accent-color)!important}.footer-dark{border-top:1px solid #ffffff0a;background:#0a0a0b!important}.footer-dark a{color:#ffffff80;transition:color .2s}@media (hover:hover){.footer-dark a:hover{color:#ffffffe6}}.main-content-area{z-index:1;position:relative}.dark .homepage-bg,[data-theme=dark] .homepage-bg{background-color:#0a0a0b}:root:not(.dark) .homepage-bg,[data-theme=light] .homepage-bg{background-color:var(--bg-primary)}.border-glass{position:relative}.border-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(225deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d}:root:not(.dark) .glass-panel,[data-theme=light] .glass-panel{background:#fffc;border-color:#0000000d}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 20px rgba(var(--accent-rgb),.2)}50%{box-shadow:0 0 30px rgba(var(--accent-rgb),.35)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-animate-in{animation:.5s ease-out forwards fadeInUp}.admin-animate-in-delayed{opacity:0;animation:.5s ease-out .1s forwards fadeInUp}.admin-glow-pulse{animation:3s ease-in-out infinite subtleGlow}.admin-dashboard-header,.admin-glass-panel{-webkit-backdrop-filter:blur(20px)}.admin-dashboard-card{box-shadow:var(--shadow-sm);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.admin-dashboard-card:hover{box-shadow:var(--shadow-md)}.admin-content-section{padding:1.5rem}.admin-notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:18px;padding:.125rem .375rem;font-size:.625rem;font-weight:700;box-shadow:0 0 8px #ef444480}.admin-divider{background:linear-gradient(90deg,transparent,var(--border-primary),transparent);border:none;height:1px;margin:1rem 0}.admin-floating-save{box-shadow:0 4px 20px rgba(var(--accent-rgb),.4);border-radius:12px;font-size:.875rem;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite subtleGlow}.admin-floating-save:hover{box-shadow:0 6px 30px rgba(var(--accent-rgb),.5);transform:translateY(-2px)}.admin-skeleton{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--bg-tertiary)50%,var(--bg-secondary)100%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.admin-dashboard ::-webkit-scrollbar{width:6px;height:6px}.admin-dashboard ::-webkit-scrollbar-track{background:0 0}.admin-dashboard ::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.admin-dashboard ::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.admin-progress{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}.admin-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;height:100%;transition:width .3s}.admin-avatar{border:2px solid var(--border-primary);border-radius:50%;transition:border-color .2s;overflow:hidden}.admin-avatar:hover{border-color:var(--border-secondary)}.admin-tag{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-tag-accent{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.admin-empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.admin-empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:1rem}@media (max-width:768px){.admin-dashboard-header{padding:.75rem 1rem}.admin-content-section{padding:1rem}.admin-floating-save{padding:.625rem 1.25rem;bottom:1rem;right:1rem}}
