.header-main{background:#fff;box-shadow:0 4px 4px #00000040;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.header-custom{position:relative;display:flex;align-items:center;gap:10px}@media (min-width: 768px){.header-custom{gap:15px}}@media (min-width: 992px){.header-custom{gap:20px}}@media (min-width: 1200px){.header-custom{gap:40px}}@media (min-width: 1400px){.header-custom{gap:90px}}.header-logo{flex-shrink:0}.logo-link{text-decoration:none;display:flex;align-items:center}.logo-link img{max-width:100%;height:auto;object-fit:contain}.logo-vietfile{display:flex;align-items:center;color:#dc3545;font-weight:700;font-size:24px}.logo-v{background:#dc3545;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;margin-right:2px}.logo-v:after{content:"★";position:absolute;top:-2px;right:-2px;color:#ffc107;font-size:10px}.logo-text{color:#dc3545}.logo-domain{color:#6c757d;font-weight:500}.header-center{flex:1 1 auto}@media (min-width: 768px){.header-center{gap:10px!important}}@media (min-width: 992px){.header-center{gap:15px!important}}@media (min-width: 1200px){.header-center{gap:20px!important}}@media (min-width: 1400px){.header-center{gap:30px!important}}.header-search{flex:1 1 auto;max-width:none;min-width:300px}@media (min-width: 1200px){.header-search{min-width:400px}}@media (min-width: 1400px){.header-search{min-width:500px}}.search-container{display:flex;background:#fff;box-shadow:0 0 1px #0000001a;overflow:visible;border:1px solid #e9ecef;height:61px}.category-dropdown{position:relative}.category-btn{background:#fff;border:none;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px;color:#495057;cursor:pointer;white-space:nowrap;min-width:61px;height:100%}.category-btn i:first-child{color:#6c757d}.category-btn i:last-child{color:#adb5bd;font-size:12px}.search-separator{width:1px;background:#e9ecef;margin:8px 0}.search-input-container{flex:1;display:flex;align-items:center;padding:0 16px;min-width:61px}.search-form{display:flex;align-items:center;width:100%;height:100%}.search-input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;color:#495057}.search-input::placeholder{color:#adb5bd}.search-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;min-width:61px;height:100%;display:flex;align-items:center;justify-content:center}.search-btn:hover{color:#dc3545}.header-actions{display:flex;gap:8px;flex-shrink:0;flex-grow:0}@media (min-width: 1200px){.header-actions{gap:10px}}@media (min-width: 1400px){.header-actions{gap:15px}}.action-btn{display:flex;align-items:center;gap:8px;border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.action-btn:hover{border-color:var(--primary-color)}.get-link-btn,.blog-btn{background:var(--primary-color-2);color:#fff}.login-btn{background:#fff;color:#dc3545;border:1px solid #dc3545}.btn-icon{background:#fff3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.login-btn .btn-icon{background:#dc3545;color:#fff}@media (max-width: 991.98px){.header-search,.header-actions{display:none}.header-logo{max-width:150px}.logo-link{margin-right:0!important}.logo-link img{max-height:40px;width:auto;margin-right:10px!important}}@media (max-width: 575.98px){.header-logo{max-width:120px}.logo-link img{max-height:35px;margin-right:5px!important}}.mobile-side-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1001;display:flex;flex-direction:column;overflow-y:auto}.mobile-side-menu.active{right:0}.mobile-side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-side-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e9ecef}.mobile-menu-close{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer}.mobile-search{padding:20px;border-bottom:1px solid #e9ecef}.mobile-search .search-container{border-radius:20px;height:45px!important}.mobile-nav-list{list-style:none;padding:0}.mobile-nav-list li{border-bottom:1px solid #f8f9fa}.mobile-nav-list a{display:block;padding:15px 20px;text-decoration:none;color:#495057;font-weight:500}.mobile-nav-list a:hover,.mobile-nav-list a.active{background:#f8f9fa;color:#dc3545}.mobile-actions{padding:20px;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:10px}.mobile-actions .action-btn{width:100%;justify-content:center}.mobile-category-dropdown{position:relative}.mobile-category-btn{width:100%;background:#fff;border:none;padding:15px 20px;display:flex;align-items:center;gap:8px;font-size:14px;color:#495057;cursor:pointer;text-align:left;border-bottom:1px solid #f8f9fa}.mobile-category-btn:hover{background:#f8f9fa;color:#dc3545}.mobile-dropdown-arrow{margin-left:auto;transition:transform .3s ease}.mobile-category-dropdown-menu{display:none;background:#fff;border-top:1px solid #e9ecef;max-height:60vh;overflow-y:auto}.mobile-category-dropdown-menu.active{display:block}.mobile-category-dropdown-menu .vip-column,.mobile-category-dropdown-menu .free-column{margin:10px;border-radius:8px}.mobile-category-dropdown-menu .vip-header,.mobile-category-dropdown-menu .free-header{padding:6px 15px;font-size:14px}.mobile-category-dropdown-menu .col-12 span{font-size:13px}.col-album:hover{background:#2e2e2e12}.category-dropdown{position:relative!important;z-index:1001!important;overflow:visible!important}.dropdown-arrow{transition:transform .3s ease}.category-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;max-width:976px;min-width:976px;max-height:80vh;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;display:none;overflow-y:auto;overflow-x:hidden}.category-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0);display:block}.vip-column{box-shadow:0 0 6px #00000040;color:#fff;border-radius:10px;border-bottom:3px solid #F0A610}.vip-header{border-top-left-radius:10px;border-top-right-radius:10px;background:#f0a610;padding:8px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.2)}.vip-header h5{color:#fff;font-weight:700}.vip-content{background:#fff;color:#333;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.free-column{box-shadow:0 0 6px #00000040;color:#fff;border-radius:10px;border-bottom:3px solid #00A3DF}.free-header{border-top-left-radius:10px;border-top-right-radius:10px;padding:8px 20px;text-align:center;background:#00a3df}.free-content{color:#333;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#333;transition:all .2s ease;font-size:14px;font-weight:500}.dropdown-item:hover{background:#f8f9fa;transform:translate(2px)}.item-icon{width:20px;height:20px;background:#f1f3f4;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;color:#333}.dropdown-actions{display:flex;gap:16px;padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.action-card{flex:1;background:#fff;border:none;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.colorful-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.adobe-icon{background:red;color:#fff}.tools-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-card span{font-size:12px;font-weight:600;text-align:center;color:#495057;line-height:1.3}.user-section{position:relative;display:flex;flex-direction:column;align-items:flex-end}.register-download-section{background:transparent;padding:8px 0;position:fixed;top:69px;left:0;right:0;z-index:999;pointer-events:none}.register-download-section .btn{display:flex;align-items:center;justify-content:center;border-radius:0 0 30px 30px;border:1px solid #FFF;pointer-events:auto;background:linear-gradient(180deg,#ff8686,#e93030);color:#fff;font-size:14px;transition:min-height .15s ease-out,box-shadow .3s ease;position:relative;overflow:hidden;min-height:47px;min-width:200px;animation:continuous-glow 1.5s ease-in-out infinite}@keyframes continuous-glow{0%{box-shadow:0 0 8px #ff868666,0 0 15px #ff86864d,0 0 25px #ff868633}50%{box-shadow:0 0 25px #ff8686b3,0 0 40px #ff868699,0 0 60px #ff868680}to{box-shadow:0 0 8px #ff868666,0 0 15px #ff86864d,0 0 25px #ff868633}}@keyframes bell-shake{0%,to{transform:rotate(0)}10%{transform:rotate(-20deg)}20%{transform:rotate(20deg)}30%{transform:rotate(-16deg)}40%{transform:rotate(16deg)}50%{transform:rotate(-12deg)}60%{transform:rotate(12deg)}70%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}90%{transform:rotate(-4deg)}}.register-download-section .btn:hover{min-height:50px;animation:continuous-glow 1s ease-in-out infinite;transition:min-height .1s ease-out,box-shadow .3s ease}.register-download-section .btn img{filter:brightness(0) invert(1)}.user-dropdown{display:flex;align-items:center;gap:12px;position:relative}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:350px;max-height:400px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.notification-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--bg-gradient);color:#fff}.notification-title{margin:0;font-size:16px;font-weight:600}.mark-all-read-btn{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#fff3cd;border-left:4px solid #ffc107}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:16px;color:#fff}.notification-icon.payment{background:linear-gradient(135deg,#28a745,#20c997)}.notification-icon.purchase{background:linear-gradient(135deg,#dc3545,#fd7e14)}.notification-icon.manual{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.notification-icon.monthly_bonus{background:linear-gradient(135deg,#17a2b8,#6f42c1)}.notification-content{flex:1}.notification-title-text{font-size:14px;font-weight:600;color:#333;margin-bottom:3px;line-height:1.3}.notification-desc{font-size:12px;color:#666;margin-bottom:5px;line-height:1.3}.notification-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#999}.notification-amount{font-weight:600;font-size:13px}.notification-amount.positive{color:#28a745}.notification-amount.negative{color:#dc3545}.notification-footer{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.notification-view-all{color:#dc3545;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.notification-view-all:hover{color:#a71e2a;text-decoration:none}.notification-loading{text-align:center;padding:40px 20px;color:#666;font-size:14px}.notification-empty{text-align:center;padding:40px 20px;color:#666}.notification-empty i{font-size:2rem;color:#ddd;margin-bottom:10px;display:block}@media (max-width: 768px){.notification-dropdown{width:300px;right:-50px}}.notification-btn{position:relative;background:#fff;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;border-left:3px solid var(--primary-color)}.notification-btn:hover{background:var(--bg-gradient)}.notification-btn:hover img{animation:bell-shake 1.2s ease-in-out infinite;filter:brightness(0) invert(1)}.notification-badge{position:absolute;top:-9px;right:-9px;background:var(--primary-color);color:#fff;border-radius:50%;width:25px;height:25px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.user-profile-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.user-avatar-container{width:45px;height:45px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.user-profile-btn:hover .user-avatar-container{border:1px solid var(--primary-color)}.user-profile-btn img.avatar-default{filter:contrast(0);object-fit:cover}.user-profile-btn img.avatar{object-fit:cover;width:45px;height:45px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.user-avatar{width:32px;height:32px;border-radius:50%}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow-y:auto;overflow-x:hidden}.user-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar-large{width:68px;height:68px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.user-avatar-large .avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;object-fit:cover}.user-avatar-large img.avatar-default{width:100%;height:100%;object-fit:cover;filter:contrast(0)}.user-details{flex:1}.user-name{margin:0 0 4px;font-size:17px;font-weight:400;color:#2e2e2e;font-style:italic}.user-email{margin:0;font-size:15px;color:#8e8e8e;font-style:italic}.user-type{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.user-type i{color:#dc3545}.download-count{text-align:center}.download-count p{margin:0 0 12px;font-size:14px;color:#666}.count-display{display:flex;align-items:baseline;justify-content:center;gap:4px}.count-number{font-weight:700}.count-text{font-size:14px;color:#666}.unlimited-btn{width:100%;background:var(--bg-gradient);color:#fff;border:none;padding:10px 20px;font-size:17px;font-style:normal;font-weight:400;line-height:32px}.unlimited-btn:hover{transform:translateY(-1px)}.user-menu{list-style:none;padding:0;margin:0}.user-menu li{border-bottom:1px solid #f8f9fa}.user-menu li:last-child{border-bottom:none}.user-menu a{display:flex;align-items:center;gap:12px;padding:15px 20px;text-decoration:none;color:#333;font-size:14px;transition:background .3s ease}.user-menu a:hover{color:#000;background:#f8f9fa}.user-menu a:hover img{filter:contrast(0)}.partner-btn{width:100%;background:var(--bg-gradient);color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.partner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ee5a244d}@media (max-width: 991.98px){.category-dropdown-menu{width:100vw;left:-50px;right:-50px;margin-top:0}.dropdown-columns{flex-direction:column}.dropdown-column{min-height:auto}.dropdown-actions{flex-direction:column;gap:12px}.action-card{flex-direction:row;text-align:left}.action-card span{text-align:left}}@media (max-width: 1199.98px){.register-download-section{top:47px!important}.register-download-section .btn{min-height:30px!important;min-width:186px!important}}