.dashboard-container{max-width:1400px;margin:2rem auto;padding:0 1.5rem;min-height:60vh}<style is:global> .dashboard-container{max-width:1400px;margin:2rem auto;padding:0 clamp(1rem,3vw,1.5rem);min-height:60vh}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.loading-spinner{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);border:3px solid #f3f3f3;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:clamp(.875rem,2vw,1rem);text-align:center}.dashboard-header{margin-bottom:clamp(2rem,5vw,3rem)}.dashboard-header h1{font-size:clamp(1.75rem,4vw,2.5rem);color:#333;text-align:center;line-height:1.2;margin:0;padding:0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1.25rem,3vw,2rem);flex-wrap:wrap;gap:.75rem}.section-header h2{font-size:clamp(1.25rem,3vw,1.75rem);color:#111;margin:0;font-weight:700;line-height:1.2}.browse-all-btn,.view-all-link{color:#2563eb;text-decoration:none;font-weight:500;font-size:clamp(.813rem,2vw,.9rem);transition:color .2s;white-space:nowrap}.browse-all-btn:hover,.view-all-link:hover{color:#1d4ed8;text-decoration:underline}.products-section{width:100%;margin-bottom:clamp(2rem,5vw,4rem);background:#f8f9fa;border-radius:clamp(12px,2vw,16px);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 1px 3px #00000014}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,3vw,2rem)}.product-card{background:#fff;border-radius:clamp(12px,2vw,16px);overflow:hidden;border:1px solid #e9ecef;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #00000014;min-height:380px;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00000026;border-color:#cbd5e1}.product-image-link{display:block;text-decoration:none;position:relative}.product-image-wrapper{position:relative;width:100%;height:clamp(200px,35vw,264px);overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.product-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-title-overlay{position:absolute;bottom:clamp(12px,2vw,16px);left:clamp(12px,2vw,16px);right:clamp(12px,2vw,16px);margin:0;color:#fff;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.7);z-index:2;letter-spacing:-.02em}.product-card:hover .product-image{transform:scale(1.05)}.product-content{padding:clamp(1rem,3vw,1.5rem);display:flex;flex-direction:column;flex:1}.product-summary{color:#64748b;line-height:1.7;font-size:clamp(.875rem,2vw,.938rem);margin:0}.purchases-section{background:#fff;border-radius:clamp(12px,2vw,16px);padding:clamp(1.5rem,4vw,2.5rem);margin:0 0 clamp(1.5rem,3vw,2rem) 0;box-shadow:0 1px 3px #00000014}.purchases-list{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(clamp(1.5rem,4vw,2.5rem)*-1);padding:0 clamp(1.5rem,4vw,2.5rem)}.purchases-table{width:100%;border-collapse:collapse;min-width:500px}.purchases-table thead{border-bottom:2px solid #e5e7eb}.purchases-table th{text-align:left;padding:clamp(.5rem,1.5vw,.75rem) clamp(.25rem,1vw,.5rem);font-weight:600;color:#6b7280;font-size:clamp(.688rem,1.5vw,.813rem);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.purchases-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.purchases-table tbody tr:hover{background:#f9fafb}.purchases-table td{padding:clamp(.75rem,2vw,1rem) clamp(.25rem,1vw,.5rem);vertical-align:middle}.order-col{color:#6b7280;font-family:monospace;font-size:clamp(.688rem,1.5vw,.813rem);white-space:nowrap;cursor:help}.date-col{color:#6b7280;white-space:nowrap;font-size:clamp(.75rem,1.8vw,.875rem)}.product-col{min-width:140px}.product-col a{color:#111827;text-decoration:none;font-weight:500;font-size:clamp(.813rem,2vw,.938rem);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-col a:hover{color:#2563eb;text-decoration:underline}.status-col{white-space:nowrap}.status-badge{display:inline-block;padding:clamp(.125rem,.5vw,.25rem) clamp(.375rem,1vw,.625rem);border-radius:9999px;font-size:clamp(.625rem,1.3vw,.688rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-success{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-refunded{background:#f3f4f6;color:#4b5563}.status-failed{background:#fee2e2;color:#991b1b}.amount-col{text-align:left;font-weight:600;color:#111827;white-space:nowrap;font-size:clamp(.813rem,2vw,.938rem)}.loading-cell,.empty-cell,.no-data{text-align:center;color:#9ca3af;padding:clamp(2rem,5vw,3rem);font-size:clamp(.813rem,2vw,.875rem)}.no-products{text-align:center;color:#9ca3af;padding:clamp(2rem,5vw,3rem);grid-column:1 / -1;font-size:clamp(.813rem,2vw,.875rem)}@media (min-width: 1400px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1399px) and (min-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 1023px){.dashboard-container{margin:1.5rem auto}.products-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.product-card{min-height:340px}}@media (max-width: 767px){.dashboard-container{margin:1rem auto}.section-header{flex-direction:row;justify-content:space-between;align-items:baseline}.products-section,.purchases-section{border-radius:12px}.products-grid{grid-template-columns:1fr;gap:1.25rem}.product-card{min-height:320px}.product-image-wrapper{height:220px}.purchases-list{position:relative}.purchases-list:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,white);pointer-events:none}.purchases-table th:nth-child(1),.purchases-table td:nth-child(1){min-width:80px}.purchases-table th:nth-child(2),.purchases-table td:nth-child(2){min-width:85px}.purchases-table th:nth-child(3),.purchases-table td:nth-child(3){min-width:140px}.purchases-table th:nth-child(4),.purchases-table td:nth-child(4){min-width:90px}.purchases-table th:nth-child(5),.purchases-table td:nth-child(5){min-width:70px}}@media (max-width: 480px){.dashboard-container{padding:0 .75rem;margin:.75rem auto}.loading-state{min-height:300px}.dashboard-header{margin-bottom:1.5rem}.products-section,.purchases-section{padding:1.25rem;margin-bottom:1.25rem}.products-grid{gap:1rem}.product-card{min-height:280px}.product-image-wrapper{height:180px}.product-content{padding:1rem}.purchases-table{font-size:.75rem}.purchases-table th,.purchases-table td{padding:.5rem .25rem}.order-col{font-size:.688rem}.product-col a{font-size:.813rem}.status-badge{font-size:.563rem;padding:.125rem .313rem}.amount-col{font-size:.813rem}.purchases-list{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}.purchases-list:before{content:"← Swipe to see more →";display:block;text-align:center;font-size:.688rem;color:#9ca3af;padding:.5rem 0;font-style:italic}}@media (max-width: 319px){.dashboard-container{padding:0 .5rem}.products-section,.purchases-section{padding:1rem}.product-image-wrapper{height:160px}.dashboard-header h1{font-size:1.5rem}.section-header h2{font-size:1.125rem}}@media (hover: none) and (pointer: coarse){.product-card:hover{transform:none}.purchases-table tbody tr:hover{background:transparent}}@media print{.dashboard-container{max-width:100%}.products-grid{grid-template-columns:repeat(3,1fr)}.product-card{box-shadow:none;border:1px solid #e5e7eb;page-break-inside:avoid}.purchases-list{overflow:visible}.purchases-list:before,.purchases-list:after{display:none}}