.auth-background-decoration{position:absolute;top:0;right:0;width:500px;height:500px;background:none;opacity:0;animation:none}.auth-title{color:#1e40af;font-size:28px;font-weight:700;margin:0;line-height:1.2}.auth-subtitle{color:var(--text-muted);font-size:14px;margin:var(--spacing-xs) 0 0 0}.captcha-image{width:120px;height:48px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1e40af;letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;transition:var(--transition)}.captcha-image:hover{border-color:#1e40af;background:#fff;transform:scale(1.05);box-shadow:0 2px 8px #1e40af26}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:#475569;font-size:14px}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1e40af}@media (max-width: 480px){.auth-container{padding:var(--spacing-xs);min-height:100vh;align-items:flex-start;padding-top:var(--spacing-md)}.auth-box{padding:var(--spacing-md);border-radius:var(--radius-sm)}.auth-header{margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.auth-logo{width:40px;height:40px}.auth-title{font-size:22px}.auth-subtitle{font-size:12px}.auth-form{gap:var(--spacing-sm)}.form-group input{padding:var(--spacing-sm);font-size:16px}.auth-button{padding:var(--spacing-sm);font-size:15px}.auth-background-decoration{width:250px;height:250px;opacity:.4}.captcha-group{flex-direction:column}.captcha-image{width:100%;height:48px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:var(--spacing-md);position:relative;overflow:hidden}.auth-background-decoration{display:none}.auth-box{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;padding:var(--spacing-xl);width:100%;max-width:480px;position:relative;z-index:1;transition:var(--transition)}.auth-box:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.auth-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.auth-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.auth-logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(59,130,246,.4));border-radius:var(--radius-sm)}.auth-logo:hover{transform:scale(1.1) rotate(5deg)}.auth-logo:hover .auth-logo-image{filter:drop-shadow(0 6px 12px rgba(59,130,246,.6))}.auth-title-group{flex:1}.auth-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0;line-height:1.2;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#94a3b8;font-size:14px;margin:var(--spacing-xs) 0 0 0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group label{color:#64748b;font-size:14px;font-weight:600}.form-group input{padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:14px;color:#1e293b;transition:var(--transition)}.form-group input:hover{border-color:#cbd5e1}.form-group input:focus{outline:none;border-color:#1e40af;background:#fff;box-shadow:0 0 0 3px #1e40af1a;transform:translateY(-1px)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#94a3b8}.email-group{display:flex;gap:var(--spacing-xs)}.email-input{flex:1}.email-suffix-select{position:relative}.suffix-select{padding:var(--spacing-sm) 40px var(--spacing-sm) var(--spacing-md);background:#0f172a80;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;min-width:140px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.suffix-select:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.suffix-select:focus{outline:none;border-color:var(--primary-color);background:#0f172ab3;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.suffix-select:disabled{opacity:.6;cursor:not-allowed}.suffix-select option{background:var(--bg-secondary);color:var(--text-primary)}.captcha-group{display:flex;gap:var(--spacing-xs)}.captcha-input{flex:1}.captcha-image{width:120px;height:48px;background:#0f172a80;border:1px solid var(--glass-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--primary-color);letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.captcha-image:hover{border-color:var(--primary-color);background:#0f172ab3;transform:scale(1.05);box-shadow:var(--shadow-glow)}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);font-size:14px}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.error-message{color:#dc2626;font-size:14px;padding:var(--spacing-sm);background:#fee2e2;border-radius:var(--radius-sm);border:1px solid #fecaca}.auth-button{padding:var(--spacing-md);background:#1e40af;color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:var(--spacing-xs);box-shadow:0 2px 8px #1e40af33;position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-button:hover:not(:disabled):before{width:400px;height:400px}.auth-button:hover:not(:disabled){background:#1e3a8a;transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #1e40af4d}.auth-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:var(--spacing-md) 0;position:relative}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--glass-border)}.auth-divider span{position:relative;background:var(--glass-bg);padding:0 var(--spacing-md);color:var(--text-muted);font-size:12px}.auth-links{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.auth-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition)}.auth-link:hover{color:var(--primary-color);transform:translate(2px)}.link-highlight{color:var(--primary-color);margin-left:var(--spacing-xs);font-weight:600}.link-highlight:hover{color:var(--primary-hover)}@media (max-width: 1024px){.auth-box{max-width:440px;padding:var(--spacing-lg)}.auth-background-decoration{width:400px;height:400px}}@media (max-width: 768px){.auth-container{padding:var(--spacing-sm)}.auth-box{max-width:100%;padding:var(--spacing-lg)}.auth-title{font-size:24px}.auth-subtitle{font-size:13px}.auth-background-decoration{width:300px;height:300px}}@media (max-width: 480px){.auth-container{padding:var(--spacing-xs);min-height:100vh;align-items:flex-start;padding-top:var(--spacing-md)}.auth-box{padding:var(--spacing-md);border-radius:var(--radius-sm)}.auth-header{margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.auth-logo{width:40px;height:40px}.auth-title{font-size:22px}.auth-subtitle{font-size:12px}.auth-form{gap:var(--spacing-sm)}.form-group input{padding:var(--spacing-sm);font-size:16px}.auth-button{padding:var(--spacing-sm);font-size:15px}.auth-background-decoration{width:250px;height:250px;opacity:.4}.email-group{flex-direction:column}.suffix-select{width:100%}.captcha-group{flex-direction:column}.captcha-image{width:100%;height:48px}}@media (max-width: 360px){.auth-box{padding:var(--spacing-sm)}.auth-title{font-size:20px}.form-group label,.auth-link{font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.auth-container{padding:var(--spacing-xs);align-items:flex-start;padding-top:var(--spacing-xs)}.auth-box{padding:var(--spacing-md);max-width:520px}.auth-header{margin-bottom:var(--spacing-md)}.auth-form{gap:var(--spacing-sm)}}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.logo-image{flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(59,130,246,.4));transition:var(--transition);display:block;object-fit:contain;border-radius:var(--radius-sm)}.logo-image:hover{filter:drop-shadow(0 6px 12px rgba(59,130,246,.6));transform:scale(1.05)}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-brand-name{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-brand-subtitle{font-size:12px;color:var(--text-muted);line-height:1}.layout{min-height:100vh;display:flex;background:var(--bg-gradient);color:var(--text-primary);position:relative}.layout.is-scan-client{flex-direction:column}.layout.is-scan-client .sidebar{position:relative;width:100%;height:auto;max-width:100%;border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;align-items:center;padding:var(--spacing-md)}.layout.is-scan-client .sidebar-nav{display:flex;flex-direction:row;gap:var(--spacing-sm);overflow-x:auto;flex-wrap:nowrap}.layout.is-mobile .sidebar{width:0;overflow:hidden;padding:0;margin:0;border:none}.layout.is-mobile .main-wrapper{margin-left:0;width:100%}.sidebar{width:280px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);display:flex;flex-direction:column;border-right:1px solid var(--glass-border);position:fixed;height:100vh;left:0;top:0;z-index:100;box-shadow:var(--glass-shadow);transition:all .3s ease}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#667eea26,#764ba226)}.logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.logo:hover{transform:scale(1.1) rotate(5deg)}.brand-name{font-size:18px;font-weight:700;color:#1e293b;line-height:1.2;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:12px;color:#475569;line-height:1.2}.user-section{padding:var(--spacing-lg);margin:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,0 0 20px #667eea4d;transition:var(--transition);position:relative;overflow:hidden}.user-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);opacity:0;transition:opacity .3s ease;pointer-events:none}.user-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26,0 0 30px #3b82f64d;border-color:#3b82f680}.user-section:hover:before{opacity:1}.user-number{font-size:48px;font-weight:700;color:#fff;line-height:1;margin-bottom:var(--spacing-sm);transition:var(--transition);text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:1}.user-section:hover .user-number{transform:scale(1.05);text-shadow:0 4px 20px rgba(0,0,0,.4)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative;z-index:1}.user-level-badge{font-size:14px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);background:#fff3;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.user-id{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.3);background:#ffffff1a;padding:6px 10px;border-radius:4px}.logout-icon{background:#ef444433;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:28px;height:28px}.logout-icon:hover{background:#ef44444d;border-color:#fffc;transform:scale(1.1)}.logout-icon:hover{background:#ef444433;border-color:var(--error-color);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm) var(--spacing-xs);color:#e2e8f0;text-decoration:none;transition:var(--transition);border-radius:var(--radius-sm);font-weight:500;letter-spacing:.3px;border-left:3px solid transparent;position:relative;background:transparent}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#3b82f626;border-radius:var(--radius-sm);transition:var(--transition)}.nav-item:hover{background:#3b82f640;color:#fff;transform:translate(4px);box-shadow:inset 0 0 8px #3b82f64d}.nav-item:hover:before{width:100%}.nav-item.active{background:#3b82f659;color:#fff;border-left:4px solid;border-left-color:#60a5fa;font-weight:700;position:relative;box-shadow:inset 0 0 12px #3b82f666,inset -2px 0 8px #3b82f64d}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-gradient);box-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f680,0 0 30px #3b82f64d;border-radius:0 2px 2px 0;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f680,0 0 30px #3b82f64d}50%{box-shadow:0 0 15px #3b82f6,0 0 30px #3b82f6b3,0 0 45px #3b82f680}}.nav-item.active svg{color:#fff;filter:drop-shadow(0 0 4px rgba(59,130,246,.6))}.nav-item svg{flex-shrink:0;transition:var(--transition);color:inherit}.nav-item:hover svg{transform:scale(1.05);color:var(--text-secondary)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--glass-border);text-align:center}.sidebar-footer p{margin:0;font-size:12px;color:var(--text-muted)}.main-wrapper{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.main-header{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--glass-border);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--glass-shadow);position:sticky;top:0;z-index:50}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.private-message-btn{background:var(--primary-gradient);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-size:14px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-glow);position:relative;overflow:hidden;border:none;cursor:pointer}.private-message-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.private-message-btn:hover:before{width:300px;height:300px}.private-message-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-glow-hover)}.main-content{flex:1;padding:var(--spacing-lg);background:transparent;overflow-y:auto;animation:pageTransition .35s cubic-bezier(.4,0,.2,1)}@keyframes pageTransition{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.sidebar{width:240px}.main-wrapper{margin-left:240px}.main-content{padding:var(--spacing-md)}}@media (max-width: 768px){.sidebar{width:200px}.main-wrapper{margin-left:200px}.sidebar-header{padding:var(--spacing-sm)}.brand-name{font-size:16px}.brand-subtitle{font-size:11px}.user-number{font-size:36px}.nav-item{padding:10px var(--spacing-sm);font-size:13px}.main-header{padding:var(--spacing-sm) var(--spacing-md)}.page-title{font-size:22px}.main-content{padding:var(--spacing-sm)}}@media (max-width: 480px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}.main-header{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:flex-start;position:relative}.main-header .mobile-menu-toggle{display:flex;order:-1;margin-right:8px}.main-header .page-title{flex:1;font-size:18px;margin:0}.main-header .private-message-btn{order:3;padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.page-title{font-size:20px}.main-content{padding:var(--spacing-sm)}}@media (max-height: 500px) and (orientation: landscape){.sidebar{width:180px}.main-wrapper{margin-left:180px}.user-number{font-size:32px}.nav-item{padding:8px var(--spacing-sm)}}.sidebar-nav::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.mobile-menu-toggle{display:none;position:relative;background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer;padding:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:100;order:-1;flex-shrink:0}.mobile-menu-toggle:hover{color:var(--primary-hover)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease-in-out}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(135deg,#1e40af,#1e3a8a);z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;box-shadow:2px 0 8px #0003}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:60px}.mobile-menu-header h2{margin:0;color:#fff;font-size:18px;flex:1}.mobile-menu-close{background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.mobile-menu-close:active{background:#ffffff1a}.mobile-menu-items{flex:1;overflow-y:auto;padding:12px 0}.mobile-nav-item{padding:14px 16px;color:#fffc;text-decoration:none;display:flex;align-items:center;gap:12px;border-left:3px solid transparent;transition:all .2s ease;font-size:15px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav-item:active{background:#ffffff1a}.mobile-nav-item.active{background:#ffffff26;border-left-color:#60a5fa;color:#fff;font-weight:500}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.is-mobile .main-wrapper{margin-left:0}.is-mobile .sidebar{display:none}}.home{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;padding-top:0;margin-top:-38px}.stats-section{margin-bottom:var(--spacing-xs);margin-top:0;padding-top:0;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.stat-card-pending,.stat-card-sent,.stat-card-balance,.stat-card-level{background:#fff;border-color:#e2e8f0}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow-hover)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1e40af;opacity:.9;border-radius:var(--radius-sm);color:#fff;flex-shrink:0;transition:var(--transition);border:none;position:relative}.stat-icon-pending{background:#1e40af;color:#fff}.stat-icon-sent{background:#0369a1;color:#fff}.stat-icon-balance{background:#7c3aed;color:#fff}.stat-icon-level{background:#2563eb;color:#fff}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);opacity:.3;box-shadow:var(--shadow-glow)}.stat-content{flex:1}.stat-label{color:#64748b;font-size:13px;margin-bottom:4px}.stat-value{color:#1e40af;font-size:24px;font-weight:700;line-height:1.2;transition:var(--transition);margin-bottom:2px}.stat-value-level{font-size:20px;color:#1e40af}.stat-card:hover .stat-value{transform:scale(1.05)}.stat-label{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-label-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-trend{margin-top:2px;font-size:11px}.trend-up{color:#3b82f6;background:#3b82f626;padding:2px 8px;border-radius:12px;display:inline-block}.trend-success{color:#10b981;background:#10b98126;padding:2px 8px;border-radius:12px;display:inline-block}.trend-info{color:#f59e0b;background:#f59e0b26;padding:2px 8px;border-radius:12px;display:inline-block}.trend-badge{color:#8b5cf6;background:#8b5cf626;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:600}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);position:relative;z-index:1;margin-top:calc(var(--spacing-sm) * -1)}.announcements-section,.packages-section{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a;transition:var(--transition);position:relative;overflow:hidden}.announcements-section:before,.packages-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.announcements-section:hover:before,.packages-section:hover:before{opacity:1}.announcements-section:hover,.packages-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid #e2e8f0}.section-header h2{color:#1e40af;font-size:20px;font-weight:700;margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.refresh-button{background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.refresh-button:hover{background:#f8fafc;color:#1e40af;border-color:#1e40af;transform:rotate(180deg) scale(1.1);box-shadow:0 2px 8px #1e40af26}.more-button{background:#1e40af;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:none;transition:var(--transition)}.more-button:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:transparent}.data-table th{padding:var(--spacing-sm);text-align:left;font-weight:600;color:#64748b;font-size:13px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.data-table td{padding:var(--spacing-sm);border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:#f8fafc;border-left:3px solid #1e40af}.data-table tbody tr:last-child td{border-bottom:none}.detail-row{background-color:#f1f5f9!important}.announcement-icon{display:inline-block;margin-right:var(--spacing-xs);font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.announcement-item{display:flex;align-items:center;gap:var(--spacing-xs)}.announcement-title{flex:1;color:#475569;transition:var(--transition)}.clickable-row:hover .announcement-title{color:#1e40af}.announcement-badge{background:#f97316;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #f973164d}.announcement-time{color:#94a3b8;font-size:12px;white-space:nowrap}.modal-overlay,.announcement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcement-modal{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-icon-title{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-emoji{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.modal-icon-section{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-icon-wrapper{width:48px;height:48px;background:var(--primary-gradient);opacity:.2;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.3)}.modal-icon-emoji{font-size:24px;color:var(--warning-color);font-weight:700}.modal-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:var(--transition);z-index:10}.modal-close-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.modal-title{font-size:24px;font-weight:700;color:#1e40af;margin:0 0 var(--spacing-sm) 0;line-height:1.4;display:flex;align-items:center;gap:var(--spacing-xs)}.modal-time{color:#94a3b8;font-size:13px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #e2e8f0}.modal-body{color:#475569;font-size:15px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.announcement-modal::-webkit-scrollbar{width:8px}.announcement-modal::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.announcement-modal::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}.announcement-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.package-row{transition:var(--transition)}.package-row:hover{background:#f8fafc}.package-name{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:#1e40af}.package-text{color:#1e40af}.package-mode{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-align:center}.package-mode-private{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.package-mode-group{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.package-quantity{color:#475569;font-weight:600}.package-price{color:#dc2626;font-weight:700;font-size:16px}.recharge-button{background:#1e40af;color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 2px 8px #1e40af33;display:flex;align-items:center;gap:4px}.recharge-button:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.recharge-button:active{transform:translateY(0) scale(.98)}@media (max-width: 1024px){.content-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home{gap:var(--spacing-md)}.content-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm)}.stat-icon{width:48px;height:48px}.stat-value{font-size:24px}.announcements-section,.packages-section{padding:var(--spacing-md)}.section-header h2{font-size:18px}}@media (max-width: 480px){.home{gap:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}.stat-card{padding:var(--spacing-sm)}.stat-label{font-size:13px}.stat-value{font-size:20px}.announcements-section,.packages-section{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.section-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.section-header h2{font-size:16px}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 8px}.recharge-button{padding:6px var(--spacing-sm);font-size:12px}}@media (max-width: 360px){.stat-card{padding:var(--spacing-xs);flex-direction:column;text-align:center}.stat-icon{width:40px;height:40px}.stat-value{font-size:18px}.announcements-section,.packages-section{padding:var(--spacing-xs)}.data-table th,.data-table td{padding:8px 6px;font-size:11px}}@media (max-height: 500px) and (orientation: landscape){.home{gap:var(--spacing-sm)}.stats-grid{grid-template-columns:repeat(4,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}}.private-message-page{color:#fff}.page-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:30px}.private-message-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-group-left,.form-group-right{display:flex;flex-direction:column;gap:15px}.form-group-left label,.form-group-right label{color:#b0b8c4;font-size:14px;font-weight:500}.ad-content-input,.recipients-input{width:100%;padding:16px;background:linear-gradient(135deg,#1a2332,#1e293b);border:1px solid #2a3441;border-radius:10px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.ad-content-input:hover,.recipients-input:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.ad-content-input:focus,.recipients-input:focus{outline:none;border-color:#3b82f6;background:linear-gradient(135deg,#151c28,#1a2332);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.ad-content-input::placeholder,.recipients-input::placeholder{color:#5a6575}.char-count{text-align:right;color:#5a6575;font-size:12px;margin-top:-10px}.recipients-section{display:flex;flex-direction:column;gap:10px}.recipients-info{background:#1a2332;border:1px solid #2a3441;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px}.info-item{color:#b0b8c4;font-size:12px;line-height:1.5}.upload-section{display:flex;flex-direction:column;gap:10px}.file-upload-wrapper{position:relative}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-input:disabled{cursor:not-allowed}.file-upload-display{background:linear-gradient(135deg,#1a2332,#1e293b);border:2px dashed #2a3441;border-radius:10px;padding:18px;display:flex;align-items:center;gap:12px;color:#b0b8c4;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:60px;cursor:pointer}.file-upload-display:hover{border-color:#3b82f6;border-style:solid;background:linear-gradient(135deg,#151c28,#1a2332);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f633}.file-upload-display svg{flex-shrink:0;color:#3b82f6;transition:transform .3s}.file-upload-display:hover svg{transform:scale(1.2) rotate(5deg)}.member-restriction{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:8px 12px;background:#2a1a1a;border:1px solid #ff4444;border-radius:4px;color:#f44;font-size:12px;text-align:center;z-index:1}.remaining-section{display:flex;flex-direction:column;gap:10px}.balance-info,.cost-info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.balance-label,.cost-label{color:#9ca3af;font-size:14px;font-weight:500}.balance-value,.cost-value{color:#3b82f6;font-size:20px;font-weight:700}.balance-value.insufficient,.cost-value.insufficient{color:#ef4444}.cost-info{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.cost-value{color:#22c55e}.cost-info:has(.insufficient){background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.3)}.insufficient-warning{color:#ef4444;font-size:12px;font-weight:500}.remaining-section label{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:18px;color:#3b82f6;font-size:18px;font-weight:700;text-align:center;box-shadow:0 4px 12px #3b82f626;transition:all .3s;position:relative;margin:0;cursor:default;overflow:hidden}.remaining-section label:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.remaining-section label:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f640}.message{padding:16px 24px;border-radius:12px;font-size:14px;text-align:center;margin:16px auto;max-width:500px;display:flex;align-items:center;justify-content:center;gap:10px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:linear-gradient(135deg,#4ade8026,#22c55e1a);border:1px solid #4ade80;color:#4ade80;box-shadow:0 4px 15px #4ade8033}.message.error{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef4444;color:#ef4444;box-shadow:0 4px 15px #ef444433}.form-actions{display:flex;justify-content:center;margin-top:10px}.submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 48px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:180px;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f666;letter-spacing:.5px}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled):before{width:400px;height:400px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #3b82f699}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.form-row{grid-template-columns:1fr;gap:25px}}@media (max-width: 768px){.page-title{font-size:20px;margin-bottom:20px}.form-row{gap:20px}.ad-content-input,.recipients-input{padding:12px}.submit-button{width:100%;padding:12px}}@media (max-width: 480px){.page-title{font-size:18px}.recipients-info{padding:10px}.info-item{font-size:11px}.remaining-section label{font-size:16px}}.collection-page{padding:var(--spacing-md);min-height:calc(100vh - 80px)}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collection-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:14px;animation:slideIn .3s ease-out}.collection-message.success{background:#10b98133;border:1px solid var(--success-color);color:var(--success-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.collection-message.error{background:#f43f5e33;border:1px solid var(--error-color);color:var(--error-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.collection-container{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition)}.collection-container:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.group-link-section{margin-bottom:20px}.group-link-input{width:100%;padding:var(--spacing-md);background:#0f172a80;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.group-link-input:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.group-link-input:focus{outline:none;border-color:var(--primary-color);background:#0f172ab3;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.group-link-input:disabled{opacity:.5;cursor:not-allowed}.group-link-input::placeholder{color:var(--text-muted)}.collection-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.collection-status{flex:0 0 auto}.status-label{color:#999;font-size:14px}.condition-selector{position:relative;flex:1;min-width:200px}.condition-dropdown{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:border-color .2s;-webkit-user-select:none;user-select:none}.condition-dropdown:hover:not(.disabled){border-color:#555}.condition-dropdown.disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a}.condition-dropdown.open{border-color:#3b82f6}.condition-label{color:#e0e0e0;font-size:14px}.dropdown-arrow{color:#999;font-size:10px;transition:transform .2s}.condition-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#2a2a2a;border:1px solid #444;border-radius:6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.dropdown-item{padding:12px 16px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.dropdown-item:hover{background:linear-gradient(90deg,#3b82f61a,#3b82f60d);border-left-color:#3b82f6;transform:translate(4px);color:#fff}.collected-count{flex:0 0 auto}.count-input{padding:10px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;width:150px;text-align:center;cursor:default}.collection-actions{display:flex;gap:12px;margin-bottom:20px}.btn-start-collect,.btn-import{padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;position:relative;overflow:hidden;letter-spacing:.5px}.btn-start-collect{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-start-collect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-start-collect:hover:not(:disabled):before{width:400px;height:400px}.btn-start-collect:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #3b82f699}.btn-start-collect:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-start-collect:disabled,.btn-start-collect.disabled{background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.btn-import{background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);color:#fff;box-shadow:0 4px 16px #10b98166}.btn-import:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-import:hover:not(:disabled):before{width:400px;height:400px}.btn-import:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #10b98199}.btn-import:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-import:disabled,.btn-import.disabled{background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.member-notice{padding:12px;background:#2a2a2a;border:1px solid #ef4444;border-radius:6px;text-align:center}.member-notice p{color:#ef4444;font-size:14px;margin:0}@media (max-width: 768px){.collection-page{padding:16px}.collection-controls{flex-direction:column;align-items:stretch}.condition-selector,.collected-count,.count-input{width:100%}.collection-actions{flex-direction:column}.btn-start-collect,.btn-import{width:100%}}.records-page{padding:20px;min-height:calc(100vh - 80px)}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.records-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-input{padding:10px 40px 10px 14px;background:linear-gradient(135deg,#1a2332,#1e293b);border:1px solid #2a3441;border-radius:10px;color:#e0e0e0;font-size:14px;width:220px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.search-input:focus{outline:none;border-color:#3b82f6;background:linear-gradient(135deg,#151c28,#1a2332);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.records-table-container{background:linear-gradient(135deg,#1a2332,#1e293b);border-radius:16px;border:1px solid #2a3441;overflow-x:auto;box-shadow:0 4px 16px #0003;transition:all .4s cubic-bezier(.4,0,.2,1)}.records-table-container:hover{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f626}.records-table{width:100%;border-collapse:collapse;min-width:1000px}.records-table thead{background:#252525}.records-table th{padding:12px 16px;text-align:left;color:#999;font-size:14px;font-weight:500;border-bottom:1px solid #333;white-space:nowrap}.records-table tbody tr{border-bottom:1px solid #2a2a2a;transition:all .3s cubic-bezier(.4,0,.2,1)}.records-table tbody tr:hover{background:linear-gradient(90deg,#3b82f614,#3b82f608);transform:translate(4px);border-left:3px solid #3b82f6}.records-table td{padding:12px 16px;color:#e0e0e0;font-size:14px;vertical-align:middle}.empty-message{color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-message p{font-size:16px;margin:0 0 8px;color:#999;font-weight:500}.empty-message span{font-size:14px;color:#666}.avatar-cell{display:flex;align-items:center}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid #444}.ad-content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;background:#10b981;color:#fff}.filter-badge.no{background:#6b7280}.status-processing{background:#3b82f6;color:#fff}.status-rejected{background:#ef4444;color:#fff}.report-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.report-btn:hover{background:#2563eb}@media (max-width: 768px){.records-page{padding:16px}.records-header,.records-filters,.filter-group{flex-direction:column;align-items:stretch}.search-input{width:100%}.records-table-container{overflow-x:auto}}.group-send-page{min-height:100vh;background:#f8fafc;color:#0f172a;position:relative}.group-send-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f8fafcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(51,65,85,.2);transition:all .3s ease;box-shadow:0 2px 8px #00000014}.group-send-nav.scrolled{background:#f8fafcfa;box-shadow:0 4px 16px #0000001f}.nav-container{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:20px;font-weight:700;color:#1e40af}.nav-links{display:flex;gap:32px}.nav-links a{color:#0f172a;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:#2563eb}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#2563eb;transition:width .3s}.nav-links a:hover:after{width:100%}.hero-section{background:linear-gradient(135deg,#1e40af,#2563eb);padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:56px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeInDown 1s ease-out}.hero-subtitle{font-size:22px;color:#fffffff2;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-section{padding:80px 20px;background:#f1f5f9}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{text-align:center;padding:40px 24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.feature-item:hover{transform:translateY(-10px);border-color:#2563eb;box-shadow:0 10px 30px #2563eb26;background:#fff}.feature-number{font-size:48px;font-weight:700;color:#2563eb;margin-bottom:20px;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.feature-item h3{font-size:22px;color:#0f172a;margin-bottom:16px;font-weight:600}.feature-item p{font-size:15px;color:#64748b;line-height:1.8}.packages-section{padding:80px 20px;background:#fff;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:42px;font-weight:700;text-align:center;color:#0f172a;margin-bottom:50px;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#2563eb,transparent)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:60px}.package-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:40px 30px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.package-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.05),transparent);transition:left .5s}.package-card:hover:before{left:100%}.package-card:hover{border-color:#2563eb;transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #2563eb26}.package-name{font-size:32px;font-weight:700;color:#1e40af;margin-bottom:24px;position:relative;z-index:1}.package-price{font-size:48px;font-weight:700;color:#0f172a;margin-bottom:30px;position:relative;z-index:1}.package-price:before{content:"价格：";font-size:18px;color:#64748b;font-weight:400}.package-features{list-style:none;padding:0;margin:0 0 35px;text-align:left}.package-features li{padding:14px 0;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:15px;transition:color .3s;position:relative;z-index:1;font-weight:500}.package-features li:last-child{border-bottom:none}.package-features li:hover{color:#1e40af;padding-left:10px;transition:all .3s}.package-features strong{color:#0f172a;font-weight:700}.order-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;position:relative;z-index:1;overflow:hidden;box-shadow:0 4px 12px #2563eb4d}.order-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.order-btn:hover:before{width:300px;height:300px}.order-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb66;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.order-btn:active{transform:translateY(0)}.stats-section{padding:80px 20px;background:#f1f5f9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px 30px;text-align:center;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px);border-color:#2563eb;box-shadow:0 15px 30px #2563eb1f}.stat-value{font-size:48px;font-weight:700;color:#2563eb;margin-bottom:12px;position:relative;z-index:1;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;color:#64748b;position:relative;z-index:1;font-weight:500}.testimonials-section{padding:80px 20px;background:#f8fafc}.testimonials-intro{text-align:center;color:#64748b;font-size:17px;line-height:2;margin-bottom:50px;max-width:900px;margin-left:auto;margin-right:auto}.testimonials-intro p{margin-bottom:20px}.testimonials-intro p:last-child{margin-bottom:0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;transition:all .4s;position:relative;box-shadow:0 2px 8px #0000000f}.testimonial-card:after{content:'"';position:absolute;top:10px;right:20px;font-size:60px;color:#2563eb14;font-family:serif}.testimonial-card:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 10px 24px #2563eb1a;background:#fff}.testimonial-company{font-size:18px;font-weight:600;color:#2563eb;margin-bottom:16px;position:relative;z-index:1}.testimonial-text{font-size:15px;color:#1e293b;line-height:1.8;margin:0;position:relative;z-index:1}.steps-section{padding:80px 20px;background:#fff}.steps-subtitle{text-align:center;color:#64748b;font-size:20px;margin-bottom:50px;font-weight:400}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.step-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:40px 30px;text-align:center;transition:all .4s;position:relative;box-shadow:0 2px 8px #0000000a}.step-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#2563eb,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.step-item:hover:before{opacity:1}.step-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px #2563eb1f;border-color:#2563eb}.step-number{font-size:64px;font-weight:700;color:#2563eb;margin-bottom:24px;display:inline-block;animation:rotateIn .8s ease-out}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.step-item h3{font-size:26px;color:#0f172a;margin-bottom:20px;font-weight:600}.step-item p{font-size:15px;color:#64748b;line-height:1.8}.group-send-footer{background:#0f172a;padding:60px 20px;text-align:center;border-top:1px solid #334155}.footer-container{max-width:1200px;margin:0 auto}.footer-slogan{font-size:32px;font-weight:700;background:linear-gradient(135deg,#2563eb,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;animation:fadeInUp 1s ease-out}.footer-copyright{font-size:14px;color:#94a3b8}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.fade-in-up{opacity:1;transform:translateY(0)}.delay-0{transition-delay:0s}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@media (max-width: 768px){.nav-links{gap:20px}.nav-links a{font-size:14px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:32px}.features-container,.packages-grid,.stats-grid,.testimonials-grid,.steps-grid{grid-template-columns:1fr}.package-card{padding:30px 20px}.package-price,.stat-value{font-size:40px}.footer-slogan{font-size:24px}}html{scroll-behavior:smooth}.recharge-records-page{padding:20px;min-height:calc(100vh - 80px)}.recharge-records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:600;color:#e0e0e0;margin:0}.recharge-records-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{color:#999;font-size:14px;white-space:nowrap}.status-filter-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;cursor:pointer;min-width:120px;transition:border-color .2s;-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{border-color:#555}.dropdown-trigger.open{border-color:#3b82f6}.dropdown-trigger span:first-child{color:#e0e0e0;font-size:14px}.dropdown-arrow{color:#999;font-size:10px;transition:transform .2s;margin-left:8px}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#2a2a2a;border:1px solid #444;border-radius:6px;min-width:120px;z-index:100;box-shadow:0 4px 12px #0000004d}.dropdown-item{padding:10px 12px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background:#333}.dropdown-item.selected{background:#3b82f6;color:#fff}.search-group{position:relative;display:flex;align-items:center}.search-input{padding:8px 36px 8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;width:200px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6}.search-input::placeholder{color:#666}.search-icon{position:absolute;right:12px;color:#999;font-size:14px;pointer-events:none}.recharge-records-table-container{background:#1e1e1e;border-radius:8px;border:1px solid #333;overflow-x:auto;position:relative;min-height:400px}.recharge-records-table{width:100%;border-collapse:collapse;min-width:800px}.recharge-records-table thead{background:#252525}.recharge-records-table th{padding:12px 16px;text-align:left;color:#999;font-size:14px;font-weight:500;border-bottom:1px solid #333;white-space:nowrap}.recharge-records-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background-color .2s}.recharge-records-table tbody tr:hover{background:#252525}.recharge-records-table td{padding:12px 16px;color:#e0e0e0;font-size:14px;vertical-align:middle}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8}.loading-state .spinner{width:40px;height:40px;border:4px solid #2a3441;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{text-align:center;padding:80px 20px!important;background:#1e1e1e}.empty-message{color:#666}.empty-message p{font-size:18px;margin:0;color:#999;font-weight:500}.package-cell{font-weight:500;color:#e0e0e0}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc}.amount-cell{font-weight:600;color:#3b82f6}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-pending{background:#f59e0b;color:#fff}.status-completed{background:#10b981;color:#fff}.status-failed{background:#ef4444;color:#fff}.status-cancelled{background:#6b7280;color:#fff}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px;border-top:1px solid #2a2a2a}.pagination-btn{padding:6px 12px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:16px;cursor:pointer;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#333;border-color:#555;color:#3b82f6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page{padding:6px 12px;background:#3b82f6;color:#fff;border-radius:4px;font-size:14px;font-weight:500;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.recharge-records-page{padding:16px}.recharge-records-header,.recharge-records-filters,.filter-group{flex-direction:column;align-items:stretch}.search-input{width:100%}.recharge-records-table-container{overflow-x:auto}.pagination{justify-content:center}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#1e1e1e;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#666}.settings-page{padding:var(--spacing-md);min-height:calc(100vh - 80px)}.page-title{font-size:28px;font-weight:700;color:#1e40af;margin-bottom:var(--spacing-md)}.settings-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:14px;animation:slideIn .3s ease-out}.settings-message.success{background:#10b98133;border:1px solid var(--success-color);color:var(--success-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.settings-message.error{background:#f43f5e33;border:1px solid var(--error-color);color:var(--error-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.settings-container{max-width:600px}.account-info-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition)}.account-info-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.card-title{font-size:22px;font-weight:700;color:#1e40af;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.3px}.form-input{width:100%;padding:12px 14px;background:#f8fafccc;border:2px solid #e2e8f0;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-input:hover:not(:disabled){border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:focus{outline:none;border-color:#667eea;background:#f8fafcf2;box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px)}.form-input:disabled{opacity:.6;cursor:not-allowed;background:#0f172a33}.form-input::placeholder{color:#94a3b8}.form-hint{font-size:12px;color:#64748b;margin-top:4px;display:block}.password-validation{display:flex;gap:8px;margin-top:8px;font-size:13px;font-weight:500}.password-validation span{display:inline-flex;align-items:center;gap:4px}.password-validation .valid{color:#10b981}.password-validation .invalid{color:#ef4444}.form-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden;letter-spacing:.5px}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:not(:disabled):before{width:400px;height:400px}.submit-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #667eea80}.submit-btn:active:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;opacity:.6;box-shadow:0 4px 12px #94a3b833}.message-content{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.settings-page{padding:var(--spacing-sm)}.account-info-card{padding:var(--spacing-md)}.settings-form{gap:var(--spacing-md)}.submit-btn{padding:12px 20px;font-size:14px}}.official-channel-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0a0a}.redirect-container{text-align:center;max-width:500px}.redirect-content{background:#1e1e1e;border-radius:12px;padding:60px 40px;border:1px solid #333}.redirect-title{font-size:24px;font-weight:600;color:#e0e0e0;margin-bottom:20px}.channel-info{background:#252525;border-radius:8px;padding:24px;margin:30px 0;border:1px solid #333}.channel-name{font-size:20px;font-weight:600;color:#3b82f6;margin-bottom:12px}.channel-subscribers{font-size:14px;color:#999;margin-bottom:8px}.channel-description{font-size:14px;color:#ccc}.redirect-message{font-size:16px;color:#999;margin-bottom:30px;line-height:1.6}.redirect-link{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:4px;transition:color .2s}.redirect-link:hover{color:#60a5fa;text-decoration:underline}.loading-spinner{display:flex;justify-content:center;align-items:center;margin-top:30px}.spinner{width:40px;height:40px;border:4px solid #2a2a2a;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.redirect-content{padding:40px 24px}.redirect-title{font-size:20px}.redirect-message{font-size:14px}}.recharge-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.recharge-page:before{content:"";position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 70%);border-radius:50%}.recharge-container{width:100%;max-width:500px;position:relative;z-index:1}.recharge-card{background:#1e1e1e;border-radius:16px;padding:40px;border:1px solid #333;box-shadow:0 20px 60px #00000080}.package-title{font-size:28px;font-weight:700;color:#e0e0e0;text-align:center;margin-bottom:30px}.recharge-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center;animation:slideIn .3s ease-out}.recharge-message.success{background-color:#10b981;color:#fff}.recharge-message.error{background-color:#ef4444;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-method-section{margin-bottom:30px}.currency-selector{margin-bottom:16px}.currency-label{display:flex;align-items:center;gap:8px;color:#e0e0e0;font-size:16px;font-weight:500}.usdt-icon{width:32px;height:32px;background:#10b981;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.method-buttons{display:flex;gap:12px}.method-btn{flex:1;padding:12px 20px;background:#2a2a2a;border:2px solid #444;border-radius:8px;color:#e0e0e0;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.method-btn:hover{border-color:#555;background:#333}.method-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.amount-section{text-align:center;margin-bottom:30px;padding:20px;background:#252525;border-radius:8px}.amount-label{font-size:14px;color:#999;margin-bottom:8px}.amount-value{font-size:32px;font-weight:700;color:#3b82f6}.address-section{margin-bottom:30px}.address-label{font-size:14px;color:#999;margin-bottom:12px}.address-value{background:#252525;border:1px solid #444;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:14px;color:#e0e0e0;word-break:break-all;margin-bottom:16px;line-height:1.6}.address-actions{display:flex;gap:12px}.copy-btn,.scan-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.copy-btn{background:#3b82f6;color:#fff}.copy-btn:hover{background:#2563eb}.scan-btn{background:#2a2a2a;color:#e0e0e0;border:1px solid #444}.scan-btn:hover{background:#333;border-color:#555}.countdown-section{text-align:center;margin-bottom:30px;padding:16px;background:#252525;border-radius:8px}.countdown-label{font-size:14px;color:#999;margin-bottom:8px}.countdown-value{font-size:24px;font-weight:700;color:#ef4444;font-family:Courier New,monospace}.tips-section{margin-bottom:30px}.tip-item{font-size:13px;color:#999;line-height:1.8;margin-bottom:8px}.tip-item:last-child{margin-bottom:0}.back-section{text-align:center}.back-btn{padding:12px 32px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .3s}.back-btn:hover{background:#333;border-color:#555}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#e0e0e0}.loading-container .spinner{width:50px;height:50px;border:4px solid #2a2a2a;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.qr-display-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.qr-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.qr-display-title{font-size:16px;font-weight:600;color:#333}.qr-display-close{background:none;border:none;color:#666;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .3s}.qr-display-close:hover{color:#333}.qr-display-code{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.qr-display-code svg{display:block}.qr-display-tips{text-align:center}.qr-display-tips p{font-size:12px;color:#666;line-height:1.6;margin:4px 0}@media (max-width: 768px){.recharge-card{padding:30px 20px}.package-title{font-size:24px}.amount-value{font-size:28px}.qr-display-section{padding:15px}.qr-display-code svg{width:200px!important;height:200px!important}}:root{--bg-primary: #1e40af;--bg-secondary: #334155;--bg-gradient: linear-gradient(135deg, #1e40af 0%, #334155 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--backdrop-blur: blur(20px);--primary-gradient: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #dc2626;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #64748b;--text-light: #ffffff;--text-light-secondary: #e2e8f0;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--shadow-glow: 0 0 20px rgba(30, 64, 175, .2);--shadow-glow-hover: 0 0 30px rgba(37, 99, 235, .3);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background-attachment:fixed;color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;overflow-x:hidden;min-width:320px;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}code{font-family:Inter,PingFang SC,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%;overflow-x:hidden;position:relative;z-index:1}button{transition:var(--transition);cursor:pointer}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}button:active:not(:disabled){transform:translateY(0)}input,textarea,select{transition:var(--transition);font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #3b82f633,var(--shadow-glow)}a{transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-color)}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse}video,iframe{max-width:100%;height:auto}@media (hover: none) and (pointer: coarse){button,a{min-height:44px;min-width:44px}}@media (prefers-contrast: high){*{border-color:currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff}.header,.navbar,.footer{display:none}}