.purchases-container{padding:var(--space-8) 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text-primary)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.stats-section{margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:var(--font-size-3xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);border-radius:var(--radius-full)}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.filters-section{margin-bottom:var(--space-8)}.filters-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6)}.search-box{position:relative;margin-bottom:var(--space-4)}.search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-base)}.search-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.filter-controls{display:flex;gap:var(--space-4);flex-wrap:wrap}.filter-select,.sort-select{min-width:150px;padding:var(--space-3) var(--space-4)}.purchases-section{margin-bottom:var(--space-8)}.purchases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.sort-controls .sort-select{min-width:200px}.purchases-list{display:block;width:100%}.purchases-list .purchase-item{background:var(--color-bg-secondary)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;padding:var(--space-6)!important;margin-bottom:var(--space-4)!important;transition:all var(--transition-fast)!important;cursor:pointer;display:block!important;width:100%!important;box-sizing:border-box!important}.purchases-list .purchase-item:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important;border-color:var(--color-accent)!important}.purchases-list .purchase-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:var(--space-4)!important}.purchases-list .purchase-info h3{font-size:var(--font-size-lg)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin-bottom:var(--space-1)!important}.purchases-list .purchase-meta{display:flex!important;gap:var(--space-4)!important;font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--space-2)!important}.purchases-list .version-info{display:flex!important;flex-direction:column!important;gap:var(--space-1)!important;font-size:var(--font-size-xs)!important}.purchases-list .version-label{color:var(--color-text-muted)!important}.purchases-list .version-label strong{color:var(--color-text-secondary)!important}.purchases-list .new-version-badge{display:inline-block!important;background:var(--color-accent)!important;color:#fff!important;font-size:var(--font-size-xs)!important;font-weight:600!important;padding:var(--space-1) var(--space-2)!important;border-radius:var(--radius-sm)!important;margin-top:var(--space-1)!important;width:fit-content!important}.purchases-list .download-count-badge{background:var(--color-accent)!important;color:#fff!important;font-size:var(--font-size-xs)!important;font-weight:600!important;padding:var(--space-1) var(--space-2)!important;border-radius:var(--radius-sm)!important;white-space:nowrap!important}.purchases-list .purchase-details{display:flex!important;justify-content:space-between!important;align-items:center!important}.purchases-list .purchase-amount{font-size:var(--font-size-xl)!important;font-weight:700!important;color:var(--color-text-primary)!important}.purchases-list .purchase-actions{display:flex!important;gap:var(--space-2)!important}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.pagination-container{display:flex;justify-content:center;margin-top:var(--space-8)}.pagination{display:flex;align-items:center;gap:var(--space-4)}.pagination-btn{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-accent);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.empty-purchases{display:none}.empty-purchases.show{display:block}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.version-modal-content{max-width:800px;max-height:90vh;width:90%}.version-history-content{max-height:70vh;overflow-y:auto;padding:var(--space-4)}.version-history-content h1,.version-history-content h2,.version-history-content h3,.version-history-content h4{color:var(--color-text-primary);margin-bottom:var(--space-3);margin-top:var(--space-4)}.version-history-content h1:first-child,.version-history-content h2:first-child{margin-top:0}.version-history-content ul,.version-history-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.version-history-content li{margin-bottom:var(--space-2);line-height:1.6;color:var(--color-text-secondary)}.version-history-content p{margin-bottom:var(--space-3);line-height:1.6;color:var(--color-text-secondary)}.version-history-content code{background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.version-history-content pre{background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-base);overflow-x:auto;margin-bottom:var(--space-4)}.loading-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary)}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.purchase-actions .btn-outline.btn-primary{color:var(--color-accent)!important;border-color:var(--color-accent)!important}.purchase-actions .btn-outline.btn-primary:hover{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}.modal-body{padding:var(--space-6);overflow-y:auto}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.stats-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column}.filter-select,.sort-select{min-width:auto}.purchases-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.purchase-header{flex-direction:column;gap:var(--space-2)}.purchase-details{flex-direction:column;gap:var(--space-4);align-items:stretch}.purchase-actions{justify-content:center}.page-title{font-size:var(--font-size-2xl)}}.btn-white-text,.btn-white-text:hover{color:#fff!important}.purchases-list .btn-primary{background:var(--color-accent);color:#fff!important;border-color:var(--color-accent)}.purchases-list .btn-primary:hover{background:var(--color-accent-dark, #15a085);color:#fff!important;border-color:var(--color-accent-dark, #15a085)}.purchases-list .btn-outline.btn-primary{background:var(--color-accent);color:#fff!important;border-color:var(--color-accent)}.purchases-list .btn-outline.btn-primary:hover{background:var(--color-accent-dark, #15a085);color:#fff!important;border-color:var(--color-accent-dark, #15a085)}