*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--bg-dark:#0a0a0a;--bg-card:#111111;--bg-secondary:#1a1a1a;--border:#222;--text-primary:#ffffff;--text-secondary:#888;--text-muted:#666;--orange:#ff6b35;--red:#ef4444;--green:#10b981;--grid-color:rgb(var(--ink-rgb) / 0.03)}body{font-family:var(--font-sans);color:var(--text-primary);min-height:100vh;background-color:var(--bg-dark);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;overflow-x:hidden;position:relative;padding-top:80px}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgb(var(--primary-rgb) / 0.4) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgb(var(--primary-rgb) / 0.35) 0%,transparent 30%),radial-gradient(circle at 50% 50%,rgb(var(--primary-rgb) / 0.3) 0%,transparent 35%);pointer-events:none;z-index:0;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.05)}}@keyframes gradientShift{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.1)}}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgb(var(--ink-rgb) / 0.01) 2px,rgb(var(--ink-rgb) / 0.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgb(var(--ink-rgb) / 0.01) 2px,rgb(var(--ink-rgb) / 0.01) 4px);pointer-events:none;z-index:0;opacity:0.3}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s ease,visibility 0.5s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-circle{width:50px;height:50px;border:3px solid rgb(var(--primary-rgb) / 0.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header:not(.dynamic-island){position:fixed;top:0;left:0;right:0;z-index:1000;background:rgb(var(--surface-rgb) / 0.3);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgb(var(--ink-rgb) / 0.02);box-shadow:0 2px 10px rgb(var(--shade-rgb) / 0.2),0 1px 0 rgb(var(--ink-rgb) / 0.01) inset;animation:headerSlideDown 0.8s ease-out}.header:not(.dynamic-island)::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(var(--primary-rgb) / 0.15) 50%,transparent 100%);opacity:0.3}@keyframes headerSlideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-container{max-width:1400px;margin:0 auto;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:40px}.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.header:not(.dynamic-island) .logo-icon{width:28px;height:28px;object-fit:contain;display:block}.logo-name{font-size:18px;font-weight:700;color:var(--text-primary)}.nav-links{display:flex;gap:30px;align-items:center;flex:1;justify-content:center}.nav-links .nav-link,.header .nav-links .nav-link,.header-container .nav-links .nav-link{color:rgb(var(--ink-rgb) / 0.7) !important;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease;position:relative;padding:8px 16px;overflow:hidden;border-radius:6px}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width 0.3s ease;box-shadow:none}.nav-link::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(var(--primary-rgb) / 0.05);border-radius:6px;opacity:0;transition:opacity 0.3s ease;z-index:-1}.nav-links .nav-link:hover,.header .nav-links .nav-link:hover,.header-container .nav-links .nav-link:hover{color:rgb(var(--ink-rgb) / 0.95) !important;transform:translateY(-1px)}.nav-links .nav-link.active,.header .nav-links .nav-link.active,.header-container .nav-links .nav-link.active{color:rgb(var(--ink-rgb) / 0.95) !important}.nav-link.active::after{opacity:1}.nav-link:hover::before{width:60%}.nav-link:hover::after{opacity:1}.nav-link.active{color:rgb(var(--ink-rgb) / 0.95)}.nav-link.active::after{opacity:1}.header-right{display:flex;align-items:center;gap:15px}.user-balance{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgb(var(--primary-rgb) / 0.1);border-radius:8px;border:1px solid rgb(var(--primary-rgb) / 0.2)}.balance-label{font-size:12px;color:var(--text-secondary)}.balance-amount{font-size:16px;font-weight:700;color:var(--primary)}.login-header-btn,.topup-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none}.login-header-btn{background:transparent;color:var(--text-primary);border:1px solid rgb(var(--ink-rgb) / 0.1)}.login-header-btn:hover{background:rgb(var(--ink-rgb) / 0.05);border-color:rgb(var(--ink-rgb) / 0.2)}.topup-btn{background:var(--primary);color:var(--primary-ink)}.topup-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:none}.logout-header-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:999px;background:rgb(var(--ink-rgb) / 0.06);border:1px solid rgb(var(--ink-rgb) / 0.12);color:rgb(var(--ink-rgb) / 0.85);cursor:pointer;transition:all 0.25s ease}.logout-header-btn:hover{background:rgb(207 129 113 / 0.15);border-color:rgb(207 129 113 / 0.35);color:#fca5a5}.main-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:40px 30px;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.category-filter{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;padding:0 20px}.category-btn{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:25px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;white-space:nowrap}.category-btn:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);box-shadow:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;animation:fadeInUp 1s ease-out 0.2s both}.page-title{font-size:24px;font-weight:700;color:var(--text-primary)}.price-range{font-size:18px;font-weight:600;color:var(--text-secondary)}.products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.products-container .product-card{animation:fadeInUp 0.6s ease-out both}.products-container .product-card:nth-child(1){animation-delay:0.3s}.products-container .product-card:nth-child(2){animation-delay:0.4s}.products-container .product-card:nth-child(3){animation-delay:0.5s}.products-container .product-card:nth-child(4){animation-delay:0.6s}.products-container .product-card:nth-child(5){animation-delay:0.7s}.products-container .product-card:nth-child(6){animation-delay:0.8s}.product-card{background:var(--bg-card);border-radius:16px;border:1px solid rgb(var(--ink-rgb) / 0.1);overflow:hidden;transition:all 0.3s ease;position:relative;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.5);border-color:rgb(var(--ink-rgb) / 0.15)}.product-badge{position:absolute;top:15px;right:15px;background:var(--red);color:white;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:10;text-transform:uppercase;box-shadow:0 4px 15px rgb(207 129 113 / 0.4)}.product-image{width:100%;height:250px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.product-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--shade-rgb) / 0) 30%,rgb(var(--shade-rgb) / 0.06) 100%);pointer-events:none}.product-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--primary-rgb) / 0.1),rgb(var(--primary-rgb) / 0.05));display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.product-info{padding:20px}.product-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.product-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;opacity:0.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:20px}.product-actions{display:flex;flex-direction:column;gap:10px}.buy-btn{width:100%;padding:12px 20px;background:var(--bg-secondary);border:1px solid rgb(var(--ink-rgb) / 0.1);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.buy-btn:hover{background:rgb(var(--primary-rgb) / 0.1);border-color:var(--primary);color:var(--primary)}.stock-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:10px;flex-wrap:wrap}.stock-info svg{width:16px;height:16px}.stock-info .sales-count{color:var(--green);font-weight:500;margin-left:4px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(var(--shade-rgb) / 0.8);align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(5px)}.modal.show{display:flex}.modal-content{background:var(--bg-card);padding:30px;border-radius:20px;border:1px solid rgb(var(--ink-rgb) / 0.1);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:modalSlideIn 0.4s ease-out}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgb(var(--ink-rgb) / 0.05);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.3s}.close-btn:hover{color:var(--text-primary);background:rgb(var(--ink-rgb) / 0.05)}.modal-content h2{margin-bottom:20px;text-align:center;color:var(--text-primary);font-size:24px;font-size:24px;font-weight:700}.auth-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgb(var(--ink-rgb) / 0.1)}.auth-tab{flex:1;padding:12px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-form{animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}#promptpayForm .form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:10px;color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input{width:100%;padding:15px;background:rgb(var(--ink-rgb) / 0.05);border:2px solid rgb(var(--ink-rgb) / 0.1);border-radius:10px;color:var(--text-primary);font-size:16px;transition:all 0.3s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:none;background:rgb(var(--ink-rgb) / 0.08)}.form-hint{display:block;margin-top:5px;font-size:12px;color:var(--text-muted)}.error-message{color:var(--red);font-size:12px;margin-top:5px;display:none}.submit-btn{width:100%;padding:15px;background:var(--primary);color:var(--primary-ink);border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:10px}.submit-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:none}.payment-method-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;border-bottom:1px solid rgb(var(--ink-rgb) / 0.1);padding-bottom:12px}.method-btn{flex:1;padding:12px 20px;background:rgb(var(--ink-rgb) / 0.05);border:1px solid rgb(var(--ink-rgb) / 0.1);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-align:center}.method-btn:hover{background:rgb(var(--ink-rgb) / 0.1);border-color:rgb(var(--ink-rgb) / 0.2);color:var(--text-primary)}.method-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);box-shadow:none}.method-btn.active:hover{background:var(--primary-dark)}#promptpayQRDisplay{margin-top:15px;padding-top:15px;border-top:1px solid rgb(var(--ink-rgb) / 0.1)}#promptpayQRDisplay img{display:block;margin:0 auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.3)}#promptpayQRInfo{text-align:center;margin:15px 0}#promptpayQRInfo p{margin:8px 0}#promptpayStatusMessage{text-align:center;padding:10px;border-radius:8px;background:rgb(var(--primary-rgb) / 0.1);margin-top:8px;font-size:13px}.promptpay-slip-upload{text-align:left}.slip-upload-label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--text-primary)}.slip-upload-zone{position:relative;border:2px dashed rgb(var(--ink-rgb) / 0.15);border-radius:12px;background:rgb(var(--ink-rgb) / 0.03);transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;cursor:pointer;overflow:hidden}.slip-upload-zone:hover{border-color:rgb(var(--primary-rgb) / 0.45);background:rgb(var(--primary-rgb) / 0.06)}.slip-upload-zone.is-dragover{border-color:var(--primary);background:rgb(var(--primary-rgb) / 0.12);box-shadow:none}.slip-upload-zone.has-file{border-style:solid;border-color:rgb(143 179 154 / 0.35);background:rgb(143 179 154 / 0.05);cursor:default}.slip-upload-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.slip-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;text-align:center}.slip-upload-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgb(var(--primary-rgb) / 0.12);color:var(--primary-light);margin-bottom:4px}.slip-upload-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.slip-upload-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.slip-upload-link{color:var(--primary-light);font-weight:600;text-decoration:underline;text-underline-offset:2px}.slip-upload-selected{padding:12px}.slip-upload-preview-wrap{border-radius:10px;overflow:hidden;background:rgb(var(--shade-rgb) / 0.25);border:1px solid rgb(var(--ink-rgb) / 0.08);margin-bottom:10px}.slip-upload-preview-wrap img{display:block;width:100%;max-height:220px;object-fit:contain}.slip-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.slip-upload-file-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.slip-upload-file-name{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slip-upload-change-btn{flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;color:var(--primary-light);background:rgb(var(--primary-rgb) / 0.12);border:1px solid rgb(var(--primary-rgb) / 0.25);border-radius:8px;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease}.slip-upload-change-btn:hover{background:rgb(var(--primary-rgb) / 0.2);border-color:rgb(var(--primary-rgb) / 0.4)}.slip-upload-hint{margin-top:10px;text-align:center;line-height:1.5}.promptpay-verify-btn{width:100%;margin-top:12px !important;background:var(--green) !important;color:white !important;border:none !important;border-radius:10px !important;font-size:14px !important;font-weight:600 !important;cursor:pointer;transition:filter 0.2s ease,transform 0.15s ease}.promptpay-verify-btn:hover:not(:disabled){filter:brightness(1.08)}.promptpay-verify-btn:disabled{opacity:0.6;cursor:not-allowed}.submit-btn{margin-top:8px !important;padding:12px !important;font-size:16px !important}.purchase-details{margin-bottom:30px;padding:20px;background:rgb(var(--ink-rgb) / 0.05);border-radius:12px}.purchase-details-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgb(var(--ink-rgb) / 0.05);font-size:16px}.purchase-details-item:last-child{border-bottom:none;padding-top:15px;border-top:1px solid rgb(var(--ink-rgb) / 0.1);font-weight:700;font-size:18px}.purchase-description-item{flex-direction:column;align-items:flex-start;gap:8px}.purchase-description-item span:first-child{font-weight:600;color:var(--text-secondary);font-size:13px}.purchase-description-item span:last-child{color:var(--text-secondary);font-size:13px;line-height:1.5;opacity:0.9}.insufficient-balance{color:var(--red) !important;font-weight:600}.modal-actions{display:flex;gap:15px}.btn-primary,.btn-secondary{flex:1;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgb(var(--ink-rgb) / 0.2)}.btn-secondary:hover{background:rgb(var(--ink-rgb) / 0.05);border-color:rgb(var(--ink-rgb) / 0.3)}.page-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgb(var(--ink-rgb) / 0.1);padding-bottom:0}.page-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-bottom:-1px;position:relative}.page-tab:hover{color:var(--text-primary)}.page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.page-tab svg{width:18px;height:18px}.page-section{animation:fadeInUp 0.5s ease-out}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.history-actions{display:flex;gap:12px;align-items:center}.history-search{padding:10px 14px;border-radius:10px;border:1px solid rgb(var(--ink-rgb) / 0.06);background:rgb(var(--ink-rgb) / 0.02);color:var(--text-primary);min-width:260px;outline:none;transition:box-shadow 0.15s ease,transform 0.08s ease}.history-search::placeholder{color:rgb(var(--ink-rgb) / 0.35)}.history-search:focus{box-shadow:none;transform:translateY(-1px);border-color:var(--primary)}.history-title{font-size:24px;font-weight:700;color:var(--text-primary)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all 0.3s ease}.refresh-btn:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary);transform:rotate(180deg)}.history-container{min-height:400px}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.history-loading .loader-circle{margin-bottom:20px}.history-loading p{font-size:14px;margin-top:10px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);text-align:center}.history-empty svg{margin-bottom:20px;opacity:0.5}.history-empty p{font-size:16px;margin-bottom:8px}.history-empty-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.history-list{display:flex;flex-direction:column;gap:20px}.history-load-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding-top:8px}.history-load-more-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:12px;border:1px solid rgb(var(--ink-rgb) / 0.12);background:rgb(var(--ink-rgb) / 0.04);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.history-load-more-btn:hover:not(:disabled){background:rgb(var(--ink-rgb) / 0.08);border-color:rgb(var(--ink-rgb) / 0.2);transform:translateY(-1px)}.history-load-more-btn:disabled{opacity:0.6;cursor:not-allowed}.history-load-more-info{font-size:13px;color:var(--text-secondary);margin:0}.history-item{background:var(--bg-card);border:1px solid rgb(var(--ink-rgb) / 0.1);border-radius:16px;padding:24px;transition:all 0.3s ease}.history-item:hover{border-color:rgb(var(--ink-rgb) / 0.15);box-shadow:0 8px 30px rgba(0,0,0,0.3);transform:translateY(-2px)}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgb(var(--ink-rgb) / 0.05)}.history-item-info{flex:1}.history-item-name{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.history-item-date{font-size:13px;color:var(--text-secondary)}.history-item-price{font-size:24px;font-weight:700;color:var(--primary)}.history-item-details{display:flex;flex-direction:column;gap:12px}.history-detail-row{display:flex;align-items:center;gap:12px;font-size:14px}.history-detail-label{color:var(--text-secondary);font-weight:500;min-width:120px}.history-detail-value{color:var(--text-primary);flex:1}.history-detail-value.expired{color:var(--red);font-weight:600}.access-key-row{align-items:flex-start}.access-key-container{display:flex;align-items:center;gap:10px;flex:1;background:rgb(var(--primary-rgb) / 0.1);border:1px solid rgb(var(--primary-rgb) / 0.2);border-radius:8px;padding:12px 16px}.access-key-value{flex:1;font-family:var(--font-mono);font-size:14px;color:var(--primary);word-break:break-all;background:transparent;border:none;padding:0}.copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgb(var(--primary-rgb) / 0.2);border:1px solid rgb(var(--primary-rgb) / 0.3);border-radius:6px;color:var(--primary);cursor:pointer;transition:all 0.3s ease;flex-shrink:0}.copy-btn:hover{background:rgb(var(--primary-rgb) / 0.3);border-color:var(--primary);transform:scale(1.05)}.history-item.collapsed .history-item-details{display:none}.history-item .history-item-header{cursor:pointer}.toast{position:fixed;bottom:30px;right:30px;background:var(--bg-card);border:1px solid rgb(var(--ink-rgb) / 0.1);border-radius:12px;padding:16px 24px;color:var(--text-primary);font-size:14px;font-weight:500;box-shadow:0 8px 30px rgba(0,0,0,0.5);z-index:10000;opacity:0;transform:translateY(20px);transition:all 0.3s ease;display:flex;align-items:center;gap:12px}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-left:4px solid var(--green)}.toast-error{border-left:4px solid var(--red)}.toast::before{content:'';width:20px;height:20px;border-radius:50%;flex-shrink:0}.toast-success::before{background:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.toast-error::before{background:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}@media (max-width:768px){body:not(:has(.header.dynamic-island)){padding-top:140px}.header:not(.dynamic-island) .header-container{padding:15px 20px;gap:15px;flex-wrap:wrap}.header:not(.dynamic-island) .nav-links{order:3;width:100%;justify-content:flex-start;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid rgb(var(--ink-rgb) / 0.05)}.nav-link{font-size:13px;padding:6px 12px}.main-content{padding:20px 20px}.products-container{grid-template-columns:repeat(2,1fr);gap:15px}.product-image{height:180px}.product-info{padding:15px}.product-name{font-size:16px}.product-description{font-size:12px;margin-bottom:10px}.product-price{font-size:20px}.page-header{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.page-title{font-size:18px}.price-range{font-size:14px}.page-tabs{margin-bottom:20px}.page-tab{padding:10px 16px;font-size:14px}.page-tab svg{width:16px;height:16px}.history-title{font-size:20px}.history-item{padding:20px}.history-item-header{flex-direction:column;gap:15px}.history-item-price{font-size:20px}.history-detail-row{flex-direction:column;align-items:flex-start;gap:6px}.history-detail-label{min-width:auto}.access-key-container{flex-direction:column;align-items:stretch}.copy-btn{width:100%;height:36px}.toast{bottom:20px;right:20px;left:20px;max-width:calc(100% - 40px)}}