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