:root{--bg-darker: #060913;--bg-dark: #0a0f1d;--bg-card: rgba(16, 24, 48, .7);--bg-card-hover: rgba(25, 38, 74, .8);--border-glass: rgba(255, 255, 255, .08);--border-glass-focus: rgba(99, 102, 241, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-bright: #ffffff;--color-primary: #6366f1;--color-secondary: #a855f7;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--grad-indigo-purple: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--grad-ocean: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--grad-sunset: linear-gradient(135deg, #f43f5e 0%, #f97316 100%);--grad-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-dark-card: linear-gradient(180deg, rgba(20, 30, 60, .8) 0%, rgba(10, 15, 35, .9) 100%);--grad-glow-btn: linear-gradient(90deg, #6366f1, #a855f7, #06b6d4, #6366f1);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease;--active-banner-grad: var(--grad-indigo-purple)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-darker);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background:var(--body-bg-custom, transparent);background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none;transition:background var(--transition-slow)}h1,h2,h3,h4,.logo-text,.view-counter-badge,.payout-amount{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.glow-blob{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.22;pointer-events:none;transition:all var(--transition-slow)}.glow-blob-1{width:500px;height:500px;background:radial-gradient(circle,#6366f1,#a855f7);top:-10%;left:-10%;animation:float-blob-1 25s infinite alternate}.glow-blob-2{width:600px;height:600px;background:radial-gradient(circle,#06b6d4,#3b82f6);bottom:-15%;right:-10%;animation:float-blob-2 30s infinite alternate}.glow-blob-3{width:400px;height:400px;background:radial-gradient(circle,#d946ef,#6366f1);top:40%;left:45%;opacity:.12;animation:float-blob-3 20s infinite alternate}@keyframes float-blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(100px,80px) scale(1.15)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-120px,-90px) scale(.9)}}@keyframes float-blob-3{0%{transform:translate(0) scale(.85)}to{transform:translate(80px,-150px) scale(1.2)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5px;border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 10px 30px #00000040;padding:25px;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:#ffffff26}.section-container{max-width:1240px;margin:60px auto;padding:0 20px}.section-header{margin-bottom:35px;text-align:center}.section-tag{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25);margin-bottom:12px}.section-header h2{font-size:2.2rem;color:var(--text-bright);margin-bottom:10px}.section-header p{color:var(--text-muted);font-size:1.1rem;max-width:650px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-normal);text-decoration:none;gap:8px}.btn-sm{padding:8px 16px;font-size:.85rem;border-radius:8px}.btn-block{display:flex;width:100%}.btn-primary{background:var(--active-banner-grad);color:var(--text-bright)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-secondary{background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-main)}.btn-secondary:hover{background:#ffffff26;color:var(--text-bright);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%);color:var(--text-bright)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#b91c1c 100%);color:var(--text-bright)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-glow{position:relative;background-size:300% 100%;background-image:var(--grad-glow-btn);animation:glow-btn-anim 8s infinite alternate}@keyframes glow-btn-anim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-header{background:#060913bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:100;transition:all var(--transition-normal)}.header-container{max-width:1240px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon{font-size:1.8rem}.logo-text{font-size:1.5rem;color:var(--text-bright)}.main-nav{display:flex;gap:10px}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:8px;transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-bright);background:#ffffff0d}.nav-link.active{border-bottom:2px solid var(--color-primary);border-radius:8px 8px 0 0;background:#6366f10d}.role-selector{display:flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-glass);padding:4px;border-radius:30px;gap:2px}.role-label{font-size:.8rem;color:var(--text-muted);padding:0 10px;font-weight:600;text-transform:uppercase}.role-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.role-btn:hover{color:var(--text-bright)}.role-btn.member-active{background:var(--active-banner-grad);color:var(--text-bright);box-shadow:0 2px 10px #6366f14d}.role-btn.admin-active{background:linear-gradient(135deg,#ef4444,#b91c1c);color:var(--text-bright);box-shadow:0 2px 10px #ef44444d}.portal-section{display:none}.portal-section.active{display:block;animation:fade-in-section var(--transition-slow)}@keyframes fade-in-section{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-banner{max-width:1200px;margin:30px auto;padding:50px;border-radius:24px;background:linear-gradient(#0a0f1ebf,#0a0f1ed9),var(--active-banner-grad);border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;gap:30px}.hero-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.03) 46%,rgba(255,255,255,.03) 50%,transparent 51%);background-size:30px 30px;z-index:1;pointer-events:none}.hero-content{max-width:650px;position:relative;z-index:2}.hero-badge{display:inline-block;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:30px;font-size:.85rem;font-weight:700;color:var(--text-bright);margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-content h1{font-size:3rem;line-height:1.15;color:var(--text-bright);margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.hero-content p{font-size:1.15rem;color:#fffc;margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.hero-stats-floating{display:flex;flex-direction:column;gap:15px;position:relative;z-index:2;min-width:280px}.mini-stat-card{background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:15px 20px;display:flex;align-items:center;gap:15px;transform:transition var(--transition-normal)}.mini-stat-card:hover{background:#ffffff1f;transform:translate(-5px)}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-num{font-size:1.3rem;font-weight:800;color:var(--text-bright)}.stat-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.calculator-card{position:relative;overflow:hidden}.calc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:30px}.calc-slider-area{display:flex;flex-direction:column;justify-content:center}.slider-label{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-bright);margin-bottom:20px;font-size:1.1rem}.view-counter-badge{background:#06b6d426;color:var(--color-accent);border:1px solid rgba(6,182,212,.3);padding:6px 14px;border-radius:30px;font-size:1.15rem;box-shadow:0 0 15px #06b6d433}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:#ffffff1a;outline:none;margin-bottom:10px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 0 10px #06b6d4cc;transition:transform var(--transition-fast)}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-weight:500;margin-bottom:30px}.manual-input-box{background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.manual-input-box label{font-size:.9rem;color:var(--text-muted)}.input-with-suffix{display:flex;align-items:center;background:#06091380;border:1px solid var(--border-glass);border-radius:8px;padding-right:15px}.input-with-suffix input{background:transparent;border:none;color:var(--text-bright);padding:10px 15px;font-size:1.1rem;font-weight:700;width:130px;text-align:right;outline:none}.input-with-suffix .suffix{font-size:.85rem;color:var(--text-muted);font-weight:600}.payout-card{background:var(--grad-dark-card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;text-align:center;position:relative;box-shadow:inset 0 0 20px #6366f11a}.payout-label{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;display:block;margin-bottom:5px}.payout-amount{font-size:2.8rem;display:block;color:var(--color-success);margin-bottom:5px;text-shadow:0 0 20px rgba(16,185,129,.25)}.payout-rate{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:20px}.payout-divider{height:1px;background:#ffffff14;margin:20px 0}.payout-details{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.detail-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.detail-row strong,.detail-row span:last-child{color:var(--text-bright);font-weight:600}.tiers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-top:1px solid rgba(255,255,255,.08);padding-top:30px}.tier-item{background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;padding:15px;text-align:center;transition:background var(--transition-fast)}.tier-item:hover{background:#ffffff0d}.tier-icon{font-size:1.5rem;margin-bottom:8px}.tier-title{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:4px}.tier-val{font-size:1.05rem;font-weight:700;color:var(--text-bright)}.filter-bar{display:flex;justify-content:center;gap:12px;margin-bottom:35px;flex-wrap:wrap}.filter-btn{background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);padding:10px 20px;border-radius:30px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-fast)}.filter-btn:hover{border-color:#fff3;color:var(--text-bright)}.filter-btn.active{background:var(--active-banner-grad);color:var(--text-bright);border:none;box-shadow:0 4px 15px #6366f159}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.campaign-card{display:flex;flex-direction:column;overflow:hidden}.campaign-thumb-area{position:relative;height:190px;background:#0f1626;overflow:hidden}.campaign-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.campaign-card:hover .campaign-thumb-img{transform:scale(1.06)}.campaign-badge{position:absolute;top:15px;left:15px;background:#060913b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--text-bright);border:1px solid rgba(255,255,255,.1)}.campaign-platform-tags{position:absolute;bottom:15px;right:15px;display:flex;gap:5px}.platform-tag{background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.platform-tag.tiktok{background:#000;border:1px solid rgba(255,255,255,.2)}.platform-tag.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-tag.youtube{background:red}.campaign-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.campaign-body h3{font-size:1.25rem;color:var(--text-bright);margin-bottom:10px;line-height:1.3}.campaign-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.campaign-links-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding-top:15px}.submit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.submit-form-card h3,.guide-card h3{margin-bottom:20px;color:var(--text-bright);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:.88rem;font-weight:600;color:var(--text-bright)}input[type=text],input[type=number],input[type=url],input[type=tel],input[type=password],select,textarea{width:100%;background:#06091366;border:1px solid var(--border-glass);border-radius:8px;padding:12px 15px;color:var(--text-bright);font-family:inherit;font-size:.95rem;outline:none;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px #6366f140;background:#06091399}.input-with-prefix{display:flex;align-items:center;background:#06091366;border:1px solid var(--border-glass);border-radius:8px}.input-with-prefix .prefix{padding-left:15px;color:var(--text-muted);font-weight:600}.input-with-prefix input{border:none;background:transparent;width:100%}.form-help{font-size:.78rem;color:var(--text-muted)}.platform-radio-group{display:flex;gap:15px}.platform-radio{display:flex;align-items:center;cursor:pointer}.platform-radio input{display:none}.radio-custom{padding:10px 16px;border-radius:8px;background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-muted);font-weight:500;font-size:.88rem;transition:all var(--transition-fast);display:block}.platform-radio input:checked+.radio-custom{background:#6366f126;border-color:var(--color-primary);color:var(--text-bright);box-shadow:0 0 10px #6366f133}.custom-file-upload{position:relative;display:block}.custom-file-upload input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.custom-file-upload .file-label{display:block;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;padding:11px 15px;text-align:center;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.custom-file-upload input:hover+.file-label{background:#ffffff14;color:var(--text-bright)}.guide-list{list-style:none;display:flex;flex-direction:column;gap:20px}.guide-list li{display:flex;gap:15px;align-items:flex-start}.guide-num{background:var(--active-banner-grad);color:var(--text-bright);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;box-shadow:0 3px 8px #6366f14d}.guide-text{font-size:.9rem;color:var(--text-muted);line-height:1.5}.guide-text strong{color:var(--text-bright);display:block;margin-bottom:2px}.payout-badge-helper{display:inline-block;margin-top:5px;padding:2px 8px;background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2);border-radius:4px;font-size:.78rem;font-weight:600}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.data-table th{background:#0609134d;padding:16px 20px;color:var(--text-bright);font-weight:600;border-bottom:2px solid rgba(255,255,255,.08)}.data-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-muted);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff05}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-danger)!important}.text-blue{color:var(--color-info)!important}.text-purple{color:var(--color-secondary)!important}.text-truncate{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.text-lg{font-size:1.4rem}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-pending{background:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.badge-approved{background:#3b82f626;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.badge-rejected{background:#ef444426;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.badge-claimed{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3);animation:claim-pulse-glow 2s infinite}@keyframes claim-pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.admin-top-bar{max-width:1200px;margin:30px auto;padding:0 20px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:20px}.admin-top-bar h2{color:var(--text-bright);font-size:1.8rem}.admin-tab-nav{display:flex;background:#ffffff08;border:1px solid var(--border-glass);padding:4px;border-radius:10px;gap:2px}.admin-tab-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;font-size:.88rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all var(--transition-fast)}.admin-tab-btn:hover{color:var(--text-bright)}.admin-tab-btn.active{background:#ffffff14;color:var(--text-bright);box-shadow:0 1px 5px #0003}.admin-tab-content{display:none;max-width:1240px;margin:0 auto 50px;padding:0 20px}.admin-tab-content.active{display:block;animation:fade-in-section var(--transition-normal)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:35px}.analytic-card{position:relative;overflow:hidden}.card-title{font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;display:block;margin-bottom:8px}.card-value-group{display:flex;align-items:baseline;justify-content:space-between}.card-value{font-size:2.1rem;font-weight:800;color:var(--text-bright)}.card-trend{font-size:.85rem;font-weight:600}.card-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.admin-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.admin-col{min-height:300px}.search-filter-box input{padding:8px 15px;font-size:.85rem;width:250px;border-radius:8px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;align-items:start}.settings-grid h3{margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;display:flex;align-items:center;gap:8px}.settings-slide-item{background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .25s ease}.settings-slide-item:hover{background:#ffffff09;border-color:#6366f14d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.settings-slide-item h4{margin:0 0 12px;font-size:.95rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:6px}.banner-gradient-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gradient-option{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid var(--border-glass);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.gradient-option input{display:none}.gradient-preview{width:24px;height:24px;border-radius:50%;display:block;flex-shrink:0}.theme-purple-indigo{background:var(--grad-indigo-purple)}.theme-ocean{background:var(--grad-ocean)}.theme-sunset{background:var(--grad-sunset)}.theme-emerald{background:var(--grad-emerald)}.gradient-option:has(input:checked){border-color:var(--color-primary);background:#ffffff0f}.gradient-label{font-size:.82rem;font-weight:500}.floating-chat-widget{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:var(--active-banner-grad);box-shadow:0 5px 25px #6366f180;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:2147483640;cursor:pointer;transition:all var(--transition-normal);animation:chat-bounce 3s infinite ease-in-out}.floating-chat-widget:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #6366f1b3}.chat-icon{font-size:1.8rem;color:#fff}.chat-badge{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#ef4444;border:2px solid white}@keyframes chat-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-footer{border-top:1px solid rgba(255,255,255,.05);background:#060913cc;padding:30px 20px;text-align:center;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.footer-content p{font-size:.9rem;color:var(--text-muted)}.footer-note{font-size:.8rem!important;color:#fff3!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030712cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;animation:fade-in-overlay var(--transition-fast)}.modal-overlay.active{display:flex}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:600px;animation:modal-slide-up var(--transition-normal)}@keyframes modal-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.modal-header h3{color:var(--text-bright);font-size:1.3rem}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-bright)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;margin-top:25px}.claim-summary-box{background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.summary-row span{color:var(--text-muted)}.claim-action-buttons{display:flex;gap:10px}.verify-details-box{background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}.verify-link-wrapper{margin-bottom:10px}.info-rate-calc{font-size:.95rem;color:var(--text-muted)}@media (max-width: 1024px){.hero-banner{flex-direction:column;padding:40px;text-align:center}.hero-content{max-width:100%}.hero-buttons{justify-content:center}.hero-stats-floating{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;margin-top:20px}.mini-stat-card{flex:1 1 200px;justify-content:center}.calc-grid{grid-template-columns:1fr;gap:30px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr}}@media (max-width: 768px){.header-container{flex-direction:column;gap:15px}.main-nav{width:100%;justify-content:center;flex-wrap:wrap}.nav-link{font-size:.85rem;padding:6px 12px}.hero-content h1{font-size:2.2rem}.tiers-grid{grid-template-columns:repeat(2,1fr)}.submit-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.search-filter-box input{width:100%}.card-header-with-action{flex-direction:column;align-items:flex-start;gap:10px}.settings-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.claim-action-buttons{flex-direction:column;width:100%}.analytics-grid{grid-template-columns:1fr!important;gap:15px}.data-table{min-width:960px}.glass-card{padding:16px 20px}.card-value{font-size:1.85rem}}.auth-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:480px}.auth-card{padding:40px;box-shadow:0 15px 35px #0006;border-radius:20px;border:1px solid var(--border-glass)}.auth-header{text-align:center;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px}.auth-header h2{font-size:1.8rem;color:var(--text-bright);margin-bottom:8px}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-footer{text-align:center;margin-top:25px;font-size:.88rem;color:var(--text-muted)}.auth-footer a{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--text-bright);text-decoration:underline}.auth-error-msg{display:block;margin-bottom:15px;font-size:.85rem;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:8px;border-radius:6px}.user-profile-menu{display:flex;align-items:center;gap:15px}.user-name-display{font-size:.9rem;color:var(--text-muted)}.user-name-display strong{color:var(--text-bright)}.dashboard-container{display:grid;grid-template-columns:260px 1fr;height:100vh;width:100%;overflow:hidden}.dashboard-main-panel{height:100vh;overflow-y:auto;padding:40px 30px;position:relative;scroll-behavior:smooth;min-width:0}.app-sidebar{width:260px;height:100vh;background:#0a0f1ef2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;left:0;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:20px;cursor:pointer}.sidebar-profile{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;margin-bottom:30px}.avatar-glow{width:42px;height:42px;border-radius:50%;background:#6366f126;border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 0 10px #6366f133;flex-shrink:0}.profile-info{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-size:.95rem;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;transition:all var(--transition-fast);background:transparent;border:none;text-align:left;width:100%;cursor:pointer;font-family:inherit}.sidebar-link:hover{color:var(--text-bright);background:#ffffff0a}.sidebar-link.active{color:var(--text-bright);background:#6366f114;border-left:3px solid var(--color-primary);border-radius:0 10px 10px 0;box-shadow:inset 4px 0 10px #6366f10d}.sidebar-link .menu-icon{font-size:1.15rem}.sidebar-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.mobile-header{display:none;justify-content:space-between;align-items:center;background:#060913e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);padding:15px 20px;position:sticky;top:0;z-index:90;height:60px;width:100%}.hamburger-menu{background:transparent;border:none;color:var(--text-bright);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-bright);font-family:Outfit,sans-serif}.mobile-profile-name{font-size:.85rem;color:var(--text-muted);background:#ffffff0d;padding:4px 10px;border-radius:6px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95;display:none}.sidebar-overlay-backdrop.active{display:block}.dashboard-hero-card{background:linear-gradient(135deg,#141e3c99,#0a0f23b3);position:relative;overflow:hidden}.dashboard-hero-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.welcome-box h2{font-size:1.8rem;color:var(--text-bright);margin:8px 0}.welcome-box p{color:var(--text-muted);font-size:.95rem}@media (max-width: 900px){.dashboard-container{grid-template-columns:1fr;height:auto;overflow:visible}.dashboard-main-panel{height:auto;overflow-y:visible;padding:25px 20px}.app-sidebar{position:fixed;top:0;left:-265px;z-index:100;transition:left var(--transition-normal);box-shadow:10px 0 40px #000c}.app-sidebar.active{left:0}.mobile-header{display:flex}}.pulse-indicator{animation:live-pulse-glow 1.5s infinite}@keyframes live-pulse-glow{0%{transform:scale(.9);box-shadow:0 0 #10b98166}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.chart-svg{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-chart 2.5s cubic-bezier(.25,.1,.25,1) forwards}@keyframes draw-chart{to{stroke-dashoffset:0}}.promo-banner-wrapper{position:relative;box-shadow:0 10px 30px #0000004d}.promo-slides-container{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.promo-slide{min-width:100%;width:100%;aspect-ratio:1200 / 380;display:block;position:relative}.promo-slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.promo-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.promo-dot.active{background:var(--text-bright);width:24px;border-radius:4px}.promo-arrow{background:#0006!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.promo-arrow:hover{background:#000c!important;transform:translateY(-50%) scale(1.1)}.promo-banner-wrapper.single-slide .promo-arrow,.promo-banner-wrapper.single-slide .promo-dots-container{display:none!important}@media (max-width: 768px){.promo-slide{aspect-ratio:1200 / 480}.promo-arrow{width:30px!important;height:30px!important;font-size:.9rem!important}}.rank-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}.rank-badge.bronze{background:linear-gradient(135deg,#a75d31,#d88b58);color:#fff;border-color:#d88b5866}.rank-badge.silver{background:linear-gradient(135deg,#7e8c8d,#bdc3c7);color:#fff;border-color:#bdc3c766}.rank-badge.gold{background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#111;border-color:#f3e5ab99;text-shadow:0 1px 0 rgba(255,255,255,.2)}.rank-progress-container{margin-top:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:15px}.rank-progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.rank-progress-track{background:#06091399;height:8px;border-radius:4px;overflow:hidden;position:relative}.rank-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transition:width .8s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 12px var(--color-primary)}.dashboard-grid-row{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;margin-top:25px}@media (max-width: 1024px){.dashboard-grid-row{grid-template-columns:1fr}}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .3s ease}.leaderboard-item:hover{background:#ffffff0a;transform:translate(4px);border-color:#ffffff14}.leaderboard-item.rank-1{border-color:#d4af374d;background:linear-gradient(90deg,#d4af3708,#ffffff03)}.leaderboard-rank-left{display:flex;align-items:center;gap:15px}.leaderboard-rank-num{font-weight:800;font-size:1.1rem;color:var(--text-muted);width:24px;text-align:center}.leaderboard-item.rank-1 .leaderboard-rank-num{color:#d4af37}.leaderboard-item.rank-2 .leaderboard-rank-num{color:#bdc3c7}.leaderboard-item.rank-3 .leaderboard-rank-num{color:#a75d31}.leaderboard-user-details{display:flex;flex-direction:column}.leaderboard-username{font-weight:600;color:var(--text-bright)}.leaderboard-rank-badge{font-size:.7rem;color:var(--text-muted)}.leaderboard-rank-right{text-align:right}.leaderboard-views-count{font-family:Outfit,sans-serif;font-weight:700;color:var(--color-primary);font-size:1rem}.leaderboard-payout-est{font-size:.75rem;color:var(--color-success);font-weight:500}.toast-container{position:fixed;bottom:30px;left:30px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.payout-toast{background:#0a0f23bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--color-success);box-shadow:0 8px 32px #0006,0 0 15px #10b98126;color:#fff;padding:16px 20px;border-radius:12px;width:340px;pointer-events:auto;display:flex;gap:15px;align-items:center;transform:translate(-400px);opacity:0;animation:toast-slide-in .5s cubic-bezier(.175,.885,.32,1.275) forwards,toast-fade-out .5s ease 5.5s forwards}.toast-icon{font-size:1.6rem;background:#10b9811a;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0;border:1px solid rgba(16,185,129,.2)}.toast-content{flex-grow:1;display:flex;flex-direction:column;gap:2px}.toast-title{font-weight:700;font-size:.88rem;color:var(--text-bright)}.toast-desc{font-size:.8rem;color:var(--text-muted);line-height:1.3}.toast-time{font-size:.7rem;color:#ffffff4d;text-align:right}@keyframes toast-slide-in{to{transform:translate(0);opacity:1}}@keyframes toast-fade-out{to{transform:translateY(20px);opacity:0}}.announcement-banner{background:linear-gradient(135deg,#f59e0b26,#ef444426);border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:16px 20px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 4px 20px #f59e0b0d,inset 0 0 10px #f59e0b0d;animation:banner-glow-pulse 3s infinite alternate}@keyframes banner-glow-pulse{0%{border-color:#f59e0b40;box-shadow:0 4px 20px #f59e0b0d}to{border-color:#f59e0b73;box-shadow:0 4px 25px #f59e0b26}}.announcement-content{display:flex;align-items:center;gap:12px;color:var(--text-bright);font-size:.92rem;font-weight:500;line-height:1.5;flex-grow:1;width:0}.announcement-content marquee{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}.announcement-icon{font-size:1.4rem;animation:bell-ring 2s infinite ease-in-out}.announcement-close{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.announcement-close:hover{color:var(--text-bright)}.header-actions-area{display:flex;align-items:center;gap:15px;position:relative}.notification-bell-btn{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-bright);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .3s ease;font-size:1.15rem}.notification-bell-btn:hover{background:#6366f11a;border-color:var(--color-primary);box-shadow:0 0 10px #6366f14d}.notification-badge{position:absolute;top:-2px;right:-2px;background:var(--color-danger);color:#fff;font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #060913;box-shadow:0 0 8px #ef444499}.notification-dropdown{position:absolute;top:55px;right:0;background:#0a0f23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0009,0 0 15px #6366f114;width:320px;border-radius:16px;display:none;flex-direction:column;z-index:1000;overflow:hidden;transform-origin:top right;animation:scale-up .2s cubic-bezier(.19,1,.22,1) forwards}@keyframes scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.notification-dropdown.active{display:flex}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.notification-header h4{margin:0;color:var(--text-bright);font-size:.95rem;font-weight:700}.notification-mark-read{background:transparent;border:none;color:var(--color-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .2s ease}.notification-mark-read:hover{color:var(--color-secondary)}.notification-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notification-item{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px;transition:background .2s ease;cursor:pointer}.notification-item:hover{background:#ffffff05}.notification-item.unread{background:#6366f108;border-left:3px solid var(--color-primary)}.notification-item.unread:hover{background:#6366f10d}.notification-item-title{font-weight:700;font-size:.85rem;color:var(--text-bright)}.notification-item-msg{font-size:.8rem;color:var(--text-muted);line-height:1.4}.notification-item-time{font-size:.72rem;color:#ffffff40;margin-top:2px}.notification-empty{padding:30px 20px;text-align:center;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px}.notification-empty-icon{font-size:2rem;opacity:.4}@keyframes bell-ring{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(8deg)}20%,40%,60%,80%{transform:rotate(-8deg)}}.member-header-nav-right{display:flex;align-items:center;gap:15px}#chat-widget-container{z-index:99!important}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;flex-shrink:0;position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.leaderboard-item.rank-1 .leaderboard-avatar{background:linear-gradient(135deg,#d4af37,#a78bfa);border:none;box-shadow:0 0 15px #d4af3799;animation:gold-glow-pulse 2s infinite alternate}@keyframes gold-glow-pulse{0%{box-shadow:0 0 5px #d4af3766}to{box-shadow:0 0 20px #d4af37cc}}.leaderboard-item.rank-2 .leaderboard-avatar{background:linear-gradient(135deg,#7e8c8d,#06b6d4);border:2px solid #bdc3c7;box-shadow:0 0 12px #06b6d466}.leaderboard-item.rank-3 .leaderboard-avatar{background:linear-gradient(135deg,#a75d31,#f97316);border:2px solid #d88b58;box-shadow:0 0 10px #f973164d}.custom-toast-container{position:fixed;top:25px;right:25px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:360px;max-width:90vw}.custom-toast{background:#0a0f1ecc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;color:#fff;display:flex;gap:15px;align-items:center;position:relative;pointer-events:auto;box-shadow:0 10px 30px #0000004d;transform:translate(420px);opacity:0;animation:toast-slide-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;transition:all .3s ease}.custom-toast.fade-out{transform:translateY(-20px) scale(.9);opacity:0}.custom-toast.success{border-left:4px solid var(--color-success);box-shadow:0 10px 30px #0000004d,0 0 15px #10b98126}.custom-toast.error{border-left:4px solid var(--color-danger);box-shadow:0 10px 30px #0000004d,0 0 15px #ef444426}.custom-toast.warning{border-left:4px solid var(--color-warning);box-shadow:0 10px 30px #0000004d,0 0 15px #f59e0b26}.custom-toast.info{border-left:4px solid var(--color-info);box-shadow:0 10px 30px #0000004d,0 0 15px #3b82f626}.custom-toast-icon{font-size:1.5rem;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.custom-toast.success .custom-toast-icon{background:#10b98126;border-color:#10b9814d;color:var(--color-success)}.custom-toast.error .custom-toast-icon{background:#ef444426;border-color:#ef44444d;color:var(--color-danger)}.custom-toast.warning .custom-toast-icon{background:#f59e0b26;border-color:#f59e0b4d;color:var(--color-warning)}.custom-toast-content{flex-grow:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.custom-toast-title{font-weight:700;font-size:.9rem;color:var(--text-bright)}.custom-toast-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.custom-toast-close{background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;transition:color .2s ease;align-self:flex-start;margin-top:-4px}.custom-toast-close:hover{color:var(--text-bright)}.theme-switcher{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:10px 14px;border-radius:12px;margin-bottom:15px}.theme-switcher-title{font-size:.8rem;color:var(--text-muted);font-weight:600}.theme-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:50%;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s ease;filter:grayscale(.7) opacity(.5);display:flex;align-items:center;justify-content:center}.theme-btn:hover{transform:scale(1.25);filter:grayscale(0) opacity(1)}.theme-btn.active{transform:scale(1.25);filter:grayscale(0) opacity(1);box-shadow:0 0 12px #ffffff14;background:#ffffff0a}body.theme-cyberemerald{--bg-darker: #020503;--bg-dark: #040c06;--bg-card: rgba(4, 20, 10, .75);--bg-card-hover: rgba(8, 30, 16, .85);--border-glass: rgba(16, 185, 129, .12);--border-glass-focus: rgba(16, 185, 129, .5);--color-primary: #10b981;--color-secondary: #059669;--color-accent: #f59e0b;--grad-indigo-purple: linear-gradient(135deg, #10b981 0%, #f59e0b 100%);--active-banner-grad: linear-gradient(135deg, #10b981 0%, #f59e0b 100%)}body.theme-cyberemerald .glow-blob-1{background:radial-gradient(circle,#10b981,#059669)}body.theme-cyberemerald .glow-blob-2{background:radial-gradient(circle,#f59e0b,#d97706)}body.theme-midnight{--bg-darker: #020813;--bg-dark: #041026;--bg-card: rgba(8, 24, 56, .75);--bg-card-hover: rgba(12, 36, 84, .85);--border-glass: rgba(6, 182, 212, .15);--border-glass-focus: rgba(6, 182, 212, .5);--color-primary: #06b6d4;--color-secondary: #3b82f6;--color-accent: #a855f7;--grad-indigo-purple: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--active-banner-grad: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%)}body.theme-midnight .glow-blob-1{background:radial-gradient(circle,#06b6d4,#3b82f6)}body.theme-midnight .glow-blob-2{background:radial-gradient(circle,#a855f7,#6366f1)}.btn{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.btn:active{transform:scale(.96)}.btn-glow:hover{box-shadow:0 0 15px var(--color-primary)}.music-widget{position:fixed;bottom:30px;left:290px;width:50px;height:50px;border-radius:50%;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:0 5px 25px #0000004d;display:flex;align-items:center;justify-content:center;z-index:90;cursor:pointer;transition:all var(--transition-normal)}.music-widget:hover{transform:scale(1.08);border-color:#fff3;box-shadow:0 8px 30px #0006}.music-widget-btn{font-size:1.25rem;color:var(--text-bright);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.music-visualizer{display:flex;align-items:flex-end;gap:2px;height:12px;margin-left:5px}.music-bar{width:2px;background-color:var(--color-primary);border-radius:1px;height:2px;transition:height var(--transition-fast)}.music-widget.playing .music-bar{animation:audio-bounce 1s ease-in-out infinite alternate}.music-widget.playing .music-bar:nth-child(1){animation-duration:.6s;background-color:var(--color-primary)}.music-widget.playing .music-bar:nth-child(2){animation-duration:.8s;animation-delay:.15s;background-color:var(--color-secondary)}.music-widget.playing .music-bar:nth-child(3){animation-duration:.5s;animation-delay:.3s;background-color:var(--color-accent)}.music-widget.playing .music-bar:nth-child(4){animation-duration:.7s;animation-delay:.05s;background-color:var(--color-success)}@keyframes audio-bounce{0%{height:2px}to{height:12px}}@media (max-width: 900px){.music-widget{bottom:20px;left:20px;width:44px;height:44px}.music-widget-btn{font-size:1.1rem}}