.app-store{background:#fff;max-width:1200px;min-height:100vh;margin:0 auto}.app-store .search-input .ant-input-search{background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s;overflow:hidden}.app-store .search-input .ant-input-search:hover{border-color:#9ca3af}.app-store .search-input .ant-input-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.app-store .search-input .ant-input-search .ant-input{color:#374151;background:0 0;border:none;padding:12px 16px;font-size:14px}.app-store .search-input .ant-input-search .ant-input::placeholder{color:#9ca3af}.app-store .search-input .ant-input-search .ant-input:focus{box-shadow:none}.app-store .search-input .ant-input-search .ant-input-search-button{color:#fff;background:#3b82f6;border:none;border-radius:0 8px 8px 0;height:auto;padding:12px 16px;font-weight:500;transition:background-color .2s}.app-store .search-input .ant-input-search .ant-input-search-button:hover{background:#2563eb}.app-store .category-filters{margin-bottom:20px}.app-store .category-filters .filters-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.app-store .category-filters .filters-container::-webkit-scrollbar{height:4px}.app-store .category-filters .filters-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.app-store .category-filters .filters-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.app-store .category-filters .filters-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-store .category-filters .filters-container .filter-btn{color:#000;cursor:pointer;white-space:nowrap;scroll-snap-align:start;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:all .2s}.app-store .category-filters .filters-container .filter-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.app-store .category-filters .filters-container .filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-store .category-filters .filters-container .filter-btn.active:hover{background:#2563eb;border-color:#2563eb}.app-store .category-filters .custom-select .ant-select-selector,.app-store .category-filters .custom-select .ant-select-selection-item{color:#000!important}.app-store .category-filters .custom-select .ant-select-item-option-content{color:#000!important;font-weight:600!important}.app-store .category-filters .filters-actions .ant-select{min-width:140px}.app-store .category-filters .filters-actions .ant-select-selector{box-shadow:none;align-items:center;transition:all .2s;display:flex;background:#fff!important;border-color:#e2e8f0!important;border-radius:9999px!important;height:34px!important;padding:2px 12px!important}.app-store .category-filters .filters-actions .ant-select-selector:hover{border-color:#94a3b8!important}.app-store .category-filters .filters-actions .ant-select-selector:focus,.app-store .category-filters .filters-actions .ant-select-selector.ant-select-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.app-store .category-filters .filters-actions .ant-select-arrow{color:#64748b}.app-store .content-wrapper{padding:180px 24px 24px}@media (max-width:768px){.app-store .content-wrapper{padding:160px 16px 16px}}@media (max-width:640px){.app-store .content-wrapper{padding:140px 12px 12px}}@media (max-width:480px){.app-store .content-wrapper{padding:120px 8px 8px}}.app-store .section{margin-bottom:40px}.app-store .section .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.app-store .section .section-header h2{color:#1f2937;margin:0;font-size:24px;font-weight:700}.app-store .section .section-header .see-all{color:#3b82f6;cursor:pointer;font-size:16px;font-weight:500}.app-store .section .section-header .see-all:hover{color:#2563eb}@media (max-width:768px){.app-store .section{margin-bottom:32px}.app-store .section .section-header{margin-bottom:16px}.app-store .section .section-header h2{font-size:20px}.app-store .section .section-header .see-all{font-size:14px}}@media (max-width:480px){.app-store .section{margin-bottom:24px}.app-store .section .section-header{margin-bottom:12px}.app-store .section .section-header h2{font-size:18px}.app-store .section .section-header .see-all{font-size:12px}}.app-store .featured-apps{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;margin-bottom:32px;display:grid}.app-store .all-apps{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;display:grid}@media (max-width:1024px){.app-store .featured-apps,.app-store .all-apps{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}}@media (max-width:768px){.app-store .featured-apps,.app-store .all-apps{grid-template-columns:1fr;gap:12px}.app-store .featured-apps{margin-bottom:24px}}@media (max-width:480px){.app-store .featured-apps,.app-store .all-apps{gap:8px}.app-store .featured-apps{margin-bottom:20px}}.app-store .app-card{cursor:pointer;background:#fff;border:1px solid #f1f3f4;border-radius:16px;flex-direction:column;min-width:0;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.app-store .app-card:hover{border-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.app-store .app-card.featured{background:linear-gradient(135deg,#fafbff 0%,#f0f9ff 100%);border:1px solid #dbeafe}.app-store .app-card.featured:hover{box-shadow:0 8px 20px #3b82f61a}.app-store .app-card .card-header{justify-content:space-between;align-items:flex-start;min-width:0;margin-bottom:12px;display:flex;overflow:hidden}.app-store .app-card .card-header .app-icon{background:#f8fafc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.app-store .app-card .card-header .price-section{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;min-width:0;display:flex}.app-store .app-card .card-header .price-section .price-info{flex-direction:column;align-items:flex-end;display:flex}.app-store .app-card .card-header .price-section .price-info .price-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.app-store .app-card .card-header .price-section .price-info .price-value{color:#059669;font-size:16px;font-weight:700;line-height:1}.app-store .app-card .card-header .price-section .price-free{color:#059669;background:#ecfdf5;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.app-store .app-card .app-info-link{width:100%;min-width:0;color:inherit;flex:1;text-decoration:none;transition:all .2s}.app-store .app-card .app-info-link:hover{text-decoration:none;transform:translateY(-2px)}.app-store .app-card .app-info-link:hover .app-name{color:#3b82f6}.app-store .app-card .app-info{flex:1;width:100%;min-width:0;overflow:hidden}.app-store .app-card .app-info .app-name{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.3;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.app-store .app-card .app-info .app-category{color:#6b7280;margin:0 0 6px;font-size:14px;font-weight:500;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.app-store .app-card .app-info .app-description{color:#6b7280;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;margin:0 0 8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.app-store .app-card .app-info .app-stats{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;font-size:14px;display:flex}.app-store .app-card .app-info .app-stats .rating{color:#f59e0b;align-items:center;gap:4px;font-weight:600;display:flex}.app-store .app-card .app-info .app-stats .rating .anticon{font-size:12px}.app-store .app-card .app-info .app-stats .downloads{color:#6b7280;align-items:center;gap:4px;font-weight:500;display:flex}.app-store .app-card .app-info .app-stats .downloads .anticon{font-size:12px}.app-store .app-card .app-info .app-stats .hot-tag-inline{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:600;animation:2s infinite hotPulse;box-shadow:0 2px 6px #ff6b6b4d}.app-store .app-card .install-btn{background:#3b82f6;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;height:auto;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.app-store .app-card .install-btn:hover{background:#2563eb}.app-store .loading-state{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.app-store .loading-state .loading-spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}.app-store .loading-state p{color:#6b7280;font-size:16px;font-weight:500}.app-store .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.app-store .empty-state .empty-icon{opacity:.6;margin-bottom:16px;font-size:64px}.app-store .empty-state h3{color:#374151;margin-bottom:8px;font-size:20px;font-weight:600}.app-store .empty-state p{color:#6b7280;font-size:16px}@media (max-width:768px){.app-store .empty-state{padding:60px 16px}.app-store .empty-state .empty-icon{margin-bottom:12px;font-size:48px}.app-store .empty-state h3{font-size:18px}.app-store .empty-state p{font-size:14px}}@media (max-width:480px){.app-store .empty-state{padding:40px 12px}.app-store .empty-state .empty-icon{margin-bottom:10px;font-size:36px}.app-store .empty-state h3{font-size:16px}.app-store .empty-state p{font-size:12px}}.app-store .pagination-container{justify-content:center;margin-top:32px;padding:16px 0;display:flex}.app-store .pagination-container .ant-pagination .ant-pagination-item{border:1px solid #e5e7eb;border-radius:8px;margin:0 4px}.app-store .pagination-container .ant-pagination .ant-pagination-item:hover{color:#3b82f6;border-color:#3b82f6}.app-store .pagination-container .ant-pagination .ant-pagination-item.ant-pagination-item-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-store .pagination-container .ant-pagination .ant-pagination-item.ant-pagination-item-active:hover{background:#2563eb;border-color:#2563eb}.app-store .pagination-container .ant-pagination .ant-pagination-prev,.app-store .pagination-container .ant-pagination .ant-pagination-next{border:1px solid #e5e7eb;border-radius:8px;margin:0 4px}.app-store .pagination-container .ant-pagination .ant-pagination-prev:hover,.app-store .pagination-container .ant-pagination .ant-pagination-next:hover{color:#3b82f6;border-color:#3b82f6}.app-store .pagination-container .ant-pagination .ant-pagination-jump-prev,.app-store .pagination-container .ant-pagination .ant-pagination-jump-next{border:1px solid #e5e7eb;border-radius:8px;margin:0 4px}.app-store .pagination-container .ant-pagination .ant-pagination-jump-prev:hover,.app-store .pagination-container .ant-pagination .ant-pagination-jump-next:hover{color:#3b82f6;border-color:#3b82f6}.app-store .pagination-container .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input{border:1px solid #e5e7eb;border-radius:6px}.app-store .pagination-container .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.app-store .pagination-container .ant-pagination .ant-pagination-total-text{color:#6b7280;margin-right:16px;font-size:14px}@media (max-width:768px){.app-store .pagination-container{margin-top:24px;padding:12px 0}.app-store .pagination-container .ant-pagination .ant-pagination-item,.app-store .pagination-container .ant-pagination .ant-pagination-prev,.app-store .pagination-container .ant-pagination .ant-pagination-next{min-width:32px;height:32px;margin:0 2px;line-height:30px}.app-store .pagination-container .ant-pagination .ant-pagination-total-text{margin-right:12px;font-size:12px}}@media (max-width:480px){.app-store .pagination-container{margin-top:20px;padding:8px 0}.app-store .pagination-container .ant-pagination .ant-pagination-item{min-width:28px;height:28px;margin:0 1px;font-size:12px;line-height:26px}.app-store .pagination-container .ant-pagination .ant-pagination-prev,.app-store .pagination-container .ant-pagination .ant-pagination-next{min-width:28px;height:28px;margin:0 1px;line-height:26px}.app-store .pagination-container .ant-pagination .ant-pagination-total-text{margin-right:8px;font-size:11px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hotPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 4px 12px #ff6b6b80}}@media (max-width:1024px){.app-store .app-header{padding:0 16px}.app-store .app-header .header-container{gap:12px;padding:12px 0}.app-store .app-header .header-container .header-top-row{gap:16px;height:52px}.app-store .app-header .header-container .header-top-row .header-search{max-width:400px}.app-store .app-header .header-container .header-top-row .header-brand .brand-title{font-size:22px}.app-store .content-wrapper{padding:160px 16px 16px}.app-store .featured-apps,.app-store .all-apps{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.app-store .app-header{padding:0 12px}.app-store .app-header .header-container{gap:12px;padding:12px 0}.app-store .app-header .header-container .header-top-row{flex-direction:column;gap:12px;height:auto}.app-store .app-header .header-container .header-top-row .header-brand .brand-title{font-size:20px}.app-store .app-header .header-container .header-top-row .header-search{order:2;max-width:100%}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input{padding:10px 14px;font-size:14px}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input-search-button{padding:10px 14px}.app-store .app-header .header-container .header-top-row .header-actions{order:1;align-self:flex-end}.app-store .app-header .header-container .header-top-row .header-actions .login-btn{padding:8px 14px;font-size:13px}.app-store .app-header .header-container .header-categories .category-filters{justify-content:center;gap:6px}.app-store .app-header .header-container .header-categories .category-filters .category-tag{padding:5px 10px;font-size:12px}.app-store .content-wrapper{padding:180px 12px 12px}.app-store .featured-apps,.app-store .all-apps{grid-template-columns:1fr}.app-store .section .section-header h2{font-size:20px}.app-store .app-card{padding:12px}.app-store .app-card .card-header .app-icon{width:50px;height:50px;font-size:28px}.app-store .app-card .card-header .price-section{gap:6px}.app-store .app-card .app-info .app-name{font-size:16px;line-height:1.2}.app-store .app-card .app-info .app-category{font-size:13px}.app-store .app-card .app-info .app-description{-webkit-line-clamp:1;font-size:12px;line-height:1.3}.app-store .app-card .app-info .app-stats{gap:12px;font-size:13px}.app-store .app-card .install-btn{padding:4px 12px;font-size:11px}}@media (max-width:640px){.app-store .app-header{padding:0 8px}.app-store .app-header .header-container{gap:8px;padding:8px 0}.app-store .app-header .header-container .header-top-row{gap:8px}.app-store .app-header .header-container .header-top-row .header-brand .brand-title{font-size:18px}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input{padding:8px 12px;font-size:13px}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input-search-button{padding:8px 12px}.app-store .app-header .header-container .header-top-row .header-actions .login-btn{padding:6px 12px;font-size:12px}.app-store .app-header .header-container .header-categories .category-filters .category-tag{padding:4px 8px;font-size:11px}.app-store .content-wrapper{padding:160px 8px 8px}.app-store .app-card{padding:8px}.app-store .app-card .card-header .app-icon{width:40px;height:40px;font-size:24px}.app-store .app-card .card-header .price-section{gap:4px}.app-store .app-card .app-info .app-name{font-size:14px;line-height:1.1}.app-store .app-card .app-info .app-category{font-size:12px}.app-store .app-card .app-info .app-description{font-size:11px;line-height:1.2}.app-store .app-card .app-info .app-stats{gap:8px;font-size:12px}.app-store .app-card .install-btn{padding:3px 8px;font-size:10px}}@media (max-width:480px){.app-store .app-header .header-container{gap:6px;padding:6px 0}.app-store .app-header .header-container .header-top-row{gap:6px}.app-store .app-header .header-container .header-top-row .header-brand .brand-title{font-size:16px}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input{padding:6px 10px;font-size:12px}.app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input-search-button{padding:6px 10px}.app-store .app-header .header-container .header-top-row .header-actions .login-btn{padding:5px 10px;font-size:11px}.app-store .app-header .header-container .header-categories .category-filters .category-tag{padding:3px 6px;font-size:10px}.app-store .content-wrapper{padding:140px 6px 6px}.app-store .app-card{padding:6px}.app-store .app-card .card-header .app-icon{width:36px;height:36px;font-size:20px}.app-store .app-card .app-info .app-name{font-size:13px;line-height:1.1}.app-store .app-card .app-info .app-category{font-size:11px}.app-store .app-card .app-info .app-description{font-size:10px;line-height:1.2}.app-store .app-card .app-info .app-stats{align-items:flex-start;font-size:14px}.app-store .app-card .install-btn{padding:2px 6px;font-size:9px}}.dark .app-store{background:#111827}.dark .app-store .app-header{background:#1f2937;border-bottom-color:#374151}.dark .app-store .app-header.scrolled{box-shadow:0 1px 3px #0000004d}.dark .app-store .app-header .header-container .header-top-row .header-brand .brand-title{color:#f9fafb}.dark .app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search{background:#374151;border-color:#4b5563}.dark .app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search:hover{border-color:#6b7280}.dark .app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input{color:#f9fafb;background:0 0}.dark .app-store .app-header .header-container .header-top-row .header-search .search-input .ant-input-search .ant-input::placeholder{color:#9ca3af}.dark .app-store .app-header .header-container .header-categories .category-filters .category-tag{color:#d1d5db;background:#374151;border-color:#4b5563}.dark .app-store .app-header .header-container .header-categories .category-filters .category-tag:hover{color:#3b82f6;background:#4b5563;border-color:#3b82f6}.dark .app-store .app-header .header-container .header-categories .category-filters .category-tag.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.dark .app-store .section .section-header h2{color:#f9fafb}.dark .app-store .app-card,.dark .app-store .app-card.featured{background:#1f2937;border-color:#374151}.dark .app-store .app-card .card-header .app-icon{background:#374151}.dark .app-store .app-card .hot-tag-inline{background:#dc2626;box-shadow:0 2px 8px #dc26264d}.dark .app-store .app-card .app-info .app-name{color:#f9fafb}.dark .app-store .app-card .app-info .app-category{color:#d1d5db}.dark .app-store .app-card .app-info .app-description,.dark .app-store .app-card .app-info .app-stats .downloads{color:#9ca3af}.dark .app-store .app-card .app-info .app-stats .hot-tag-inline{background:#dc2626;box-shadow:0 2px 8px #dc26264d}.dark .app-store .empty-state h3{color:#f9fafb}.dark .app-store .empty-state p,.dark .app-store .loading-state p{color:#d1d5db}@media (max-width:320px){.dark .app-card{padding:4px}.dark .app-card .card-header .app-icon{width:32px;height:32px;font-size:18px}.dark .app-card .card-header .price-section{gap:2px}.dark .app-card .app-info .app-name{font-size:12px;line-height:1.1}.dark .app-card .app-info .app-category{font-size:10px}.dark .app-card .app-info .app-description{font-size:9px;line-height:1.2}.dark .app-card .app-info .app-stats{flex-direction:column;align-items:flex-start;gap:2px;font-size:10px}.dark .app-card .install-btn{padding:1px 4px;font-size:8px}}