.receipt-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;box-sizing:border-box;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards receiptFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes receiptFadeIn{0%{opacity:0}to{opacity:1}}.receipt-modal-container{flex-direction:column;gap:10px;width:100%;max-width:800px;margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) forwards receiptSlideUp;display:flex}@keyframes receiptSlideUp{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.receipt-toolbar{color:#fff;background:#000;border:1px solid #262626;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 4px 16px #00000059}.receipt-toolbar-left{align-items:center;gap:12px;display:flex}.receipt-status-pill{color:#fff;letter-spacing:.4px;background:#171717;border:1px solid #404040;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.receipt-toolbar-ref{color:#a3a3a3;letter-spacing:.5px;font-size:.78rem}.receipt-toolbar-actions{align-items:center;gap:8px;display:flex}.receipt-btn-save-img{color:#fff;cursor:pointer;background:#10b981;border:1px solid #10b981;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.receipt-btn-save-img:hover{background:#059669;border-color:#059669}.receipt-btn-save-img:disabled{opacity:.6;cursor:not-allowed}.print-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.print-btn:hover{color:#000;background:#e5e5e5;border-color:#e5e5e5}.receipt-btn-close{color:#a3a3a3;cursor:pointer;background:#171717;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.receipt-btn-close:hover{color:#fff;background:#262626;border-color:#525252}.receipt-sheet{box-sizing:border-box;color:#000;background:#fff;border:1px solid #000;border-radius:4px;padding:38px 46px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000038}.receipt-paper-header-strip{background:#000;height:3px;position:absolute;top:0;left:0;right:0}.receipt-formal-header-center{text-align:center;padding-bottom:2px}.receipt-formal-title-center{color:#000;letter-spacing:7px;margin:0;font-family:PingFang SC,SimSun,Songti SC,serif;font-size:1.7rem;font-weight:900;line-height:1.25}.receipt-formal-subtitle-center{letter-spacing:2.8px;color:#525252;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.65rem;font-weight:800}.receipt-title-underline-double{border-top:2px solid #000;border-bottom:1px solid #000;width:100%;height:5px;margin:12px auto 10px}.receipt-voucher-meta-row{color:#262626;justify-content:space-between;align-items:center;padding:0 2px;font-size:.78rem;display:flex}.receipt-voucher-meta-row .meta-dim{color:#525252}.receipt-sheet .receipt-dossier-grid{background:#fff;border-radius:2px;grid-template-columns:repeat(2,1fr);margin-top:16px;display:grid;overflow:hidden;border:1px solid #000!important;border-bottom:none!important}.receipt-sheet .dossier-cell{flex-direction:column;gap:2px;padding:9px 14px;display:flex;border-bottom:1px solid #000!important}.receipt-sheet .dossier-cell:nth-child(odd){border-right:1px solid #000!important}.receipt-sheet .dossier-cell.full-width{background:#fafafa;grid-column:1/-1;border-top:none!important;border-right:none!important}.dossier-label{color:#525252;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:600}.dossier-val{color:#000;font-size:.88rem;font-weight:600}.dossier-val.trade-no-highlight{color:#000;word-break:break-all;font-size:.84rem;font-weight:700}.receipt-status-val{font-weight:700;color:#000!important}.receipt-ledger-container{margin-top:18px}.receipt-sheet table.receipt-ledger-table{border-collapse:collapse!important;border:1px solid #000!important;width:100%!important;margin:0!important}.receipt-sheet table.receipt-ledger-table thead{background:#f5f5f5!important;border:none!important}.receipt-sheet table.receipt-ledger-table thead tr{border:none!important}.receipt-sheet table.receipt-ledger-table th{color:#000!important;letter-spacing:.3px!important;text-transform:none!important;border:1px solid #000!important;padding:9px 10px!important;font-size:.76rem!important;font-weight:800!important}.receipt-sheet table.receipt-ledger-table tbody{border:none!important}.receipt-sheet table.receipt-ledger-table tbody tr{background:#fff!important;border:none!important}.receipt-sheet table.receipt-ledger-table td{color:#000!important;vertical-align:middle!important;background:#fff!important;border:1px solid #000!important;padding:12px 10px!important;font-size:.86rem!important}.receipt-item-title{color:#000;font-weight:700;line-height:1.35}.receipt-item-spec{color:#525252;margin-top:3px;font-size:.75rem}.receipt-sheet .receipt-capital-row{justify-content:space-between;align-items:center;padding:10px 14px;display:flex;background:#fafafa!important;border:1px solid #000!important;border-top:none!important}.capital-left{align-items:center;gap:8px;display:flex}.capital-tag{color:#000;letter-spacing:.3px;font-size:.75rem;font-weight:700}.capital-text{color:#000;letter-spacing:.5px;font-family:PingFang SC,Songti SC,SimSun,serif;font-size:.94rem;font-weight:800}.capital-right{align-items:baseline;gap:4px;display:flex}.capital-num-label{color:#525252;font-size:.75rem}.capital-num-val{color:#000;font-size:1.05rem;font-weight:800}.receipt-settle-audit-section{border-bottom:1px solid #000;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:18px;padding-bottom:18px;display:flex}.receipt-audit-left{flex:1;align-items:center;gap:10px;display:flex}.receipt-qrcode-box{box-sizing:border-box;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:flex}.receipt-sheet .font-mono,.receipt-modal-container .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.receipt-financial-box{flex-direction:column;gap:6px;width:260px;display:flex}.fin-row{color:#404040;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.fin-label,.fin-total-label{white-space:nowrap;flex-shrink:0}.fin-val{white-space:nowrap;text-align:right;margin-left:auto}.fin-row.discount{color:#000;font-weight:600}.fin-row.total-settled{color:#000;border-top:2px solid #000;margin-top:4px;padding-top:8px;font-size:.94rem;font-weight:800}.fin-row.total-settled .total-num{color:#000;white-space:nowrap;text-align:right;margin-left:auto;font-size:1.35rem;font-weight:900}.receipt-official-footer{margin-top:14px}.receipt-legal-block{border-left:2px solid #000;padding-left:10px}.receipt-legal-notice{color:#525252;text-align:justify;margin:0;font-size:.71rem;line-height:1.55}.receipt-legal-notice strong{color:#000}@media (width<=680px){.receipt-modal-backdrop{align-items:flex-start;padding:8px 6px}.receipt-modal-container{gap:8px;max-width:100%}.receipt-toolbar{border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;display:grid}.receipt-toolbar-left{grid-area:1/1;align-items:center;gap:6px;min-width:0;display:flex}.receipt-status-pill{white-space:nowrap;flex-shrink:0;padding:2px 7px;font-size:.72rem}.receipt-toolbar-ref{white-space:nowrap;text-overflow:ellipsis;color:#a3a3a3;font-size:.7rem;overflow:hidden}.receipt-toolbar-actions{display:contents}.receipt-btn-close{grid-area:1/2;justify-self:end;width:28px;height:28px}.receipt-btn-save-img{white-space:nowrap;border-radius:6px;grid-area:2/1;justify-content:center;width:100%;padding:8px 6px;font-size:.78rem}.print-btn{white-space:nowrap;color:#e5e5e5;background:#1f1f1f;border:1px solid #383838;border-radius:6px;grid-area:2/2;justify-content:center;width:100%;padding:8px 6px;font-size:.78rem}.receipt-sheet{border-radius:4px;padding:18px 12px}.receipt-formal-title-center{letter-spacing:3px;font-size:1.28rem}.receipt-formal-subtitle-center{letter-spacing:1.4px;font-size:.58rem}.receipt-title-underline-double{margin:8px auto 6px}.receipt-voucher-meta-row{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;font-size:.7rem;display:flex}.receipt-sheet .receipt-dossier-grid{margin-top:10px;grid-template-columns:repeat(2,1fr)!important}.receipt-sheet .dossier-cell{gap:1px!important;padding:5px 7px!important}.receipt-sheet .dossier-cell:nth-child(odd){border-right:1px solid #000!important}.dossier-label{letter-spacing:.2px;font-size:.62rem!important}.dossier-val{word-break:break-all;font-size:.74rem!important}.dossier-val.trade-no-highlight{font-size:.7rem!important}.receipt-ledger-container{-webkit-overflow-scrolling:touch;margin-top:12px;overflow-x:auto}.receipt-sheet table.receipt-ledger-table .col-idx,.receipt-sheet table.receipt-ledger-table .col-unit{display:none!important}.receipt-sheet table.receipt-ledger-table th{padding:6px 5px!important;font-size:.7rem!important}.receipt-sheet table.receipt-ledger-table td{padding:8px 5px!important;font-size:.76rem!important}.receipt-sheet table.receipt-ledger-table .col-qty{text-align:center!important;width:42px!important}.receipt-sheet table.receipt-ledger-table .col-price{text-align:right!important;width:70px!important}.receipt-item-title{font-size:.76rem;line-height:1.3}.receipt-item-spec{font-size:.66rem}.receipt-sheet .receipt-capital-row{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;padding:7px 8px}.capital-tag{white-space:nowrap;font-size:.64rem}.capital-text{font-size:.74rem}.capital-num-label{font-size:.64rem}.capital-num-val{font-size:.88rem}.receipt-settle-audit-section{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:12px;padding-bottom:12px}.receipt-audit-left{align-items:center;gap:6px}.receipt-qrcode-box{width:46px;height:46px}.receipt-financial-box{flex:1;gap:3px;width:auto;min-width:130px}.fin-row{flex-wrap:nowrap;gap:6px;font-size:.7rem}.fin-label,.fin-total-label{white-space:nowrap;flex-shrink:0}.fin-val,.fin-row.total-settled .total-num{white-space:nowrap;text-align:right;margin-left:auto}.fin-row.total-settled{margin-top:2px;padding-top:4px;font-size:.76rem}.fin-row.total-settled .total-num{font-size:1.1rem}.receipt-legal-notice{font-size:.62rem;line-height:1.35}}@media print{@page{size:auto;margin:0!important}@page:first{margin:0!important}body.receipt-modal-open #root,body.receipt-modal-open>:not(.receipt-modal-backdrop){display:none!important}body:has(.receipt-modal-backdrop) #root{display:none!important}body:has(.receipt-modal-backdrop)>:not(.receipt-modal-backdrop){display:none!important}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.no-print,.receipt-toolbar,.receipt-modal-backdrop:before{display:none!important}.receipt-modal-backdrop{-webkit-backdrop-filter:none!important;box-sizing:border-box!important;background:0 0!important;width:100%!important;height:auto!important;margin:0!important;padding:12mm 15mm!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.receipt-modal-container{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0 auto!important;padding:0!important;animation:none!important;transform:none!important}.receipt-sheet{box-shadow:none!important;box-sizing:border-box!important;color:#000!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #000!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:20px 24px!important}.receipt-paper-header-strip{background:#000!important}.receipt-formal-title-center{color:#000!important}.receipt-title-underline-double{border-top-color:#000!important;border-bottom-color:#000!important}.receipt-dossier-grid,.receipt-ledger-table{border-color:#000!important}.receipt-ledger-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#f5f5f5!important}.receipt-sheet table.receipt-ledger-table .col-idx,.receipt-sheet table.receipt-ledger-table .col-unit{display:table-cell!important}.receipt-capital-row{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fafafa!important;border-color:#000!important}.receipt-settle-audit-section{border-bottom-color:#000!important}.fin-row.total-settled{border-top-color:#000!important}.receipt-legal-block{border-left-color:#000!important}}.user-center{gap:30px;min-height:calc(100vh - 150px);display:flex}.user-not-logged{text-align:center;padding:80px 20px}.user-not-logged .icon{width:80px;height:80px;color:var(--text-muted);opacity:.5;margin-bottom:20px}.user-not-logged h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.user-not-logged p{color:var(--text-secondary);margin-bottom:24px}.user-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0;width:260px;height:fit-content;padding:24px;position:sticky;top:100px}.user-brief{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:20px;display:flex}.brief-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:600;display:flex}.brief-info{flex-direction:column;min-width:0;display:flex}.brief-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.brief-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.user-nav{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.user-nav .nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.user-nav .nav-item:hover{background:rgba(var(--primary-rgb,239, 68, 68), .08);color:var(--primary,var(--text-primary))}.user-nav .nav-item.active{background:rgba(var(--primary-rgb,239, 68, 68), .12);color:var(--primary,var(--primary-light));font-weight:600}.user-sidebar .logout-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.user-sidebar .logout-btn:hover{border-color:var(--error);color:var(--error);background:#ef44441a}.user-main{flex:1;min-width:0}.user-main h2{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem}.email-verify-alert{border-radius:var(--radius-md);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.email-verify-alert .alert-content span{color:#92400e;font-size:1rem;font-weight:600}.email-verify-alert .alert-content p{color:#b45309;margin:4px 0 0;font-size:.9rem}.email-verify-alert .btn-warning{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;padding:10px 20px;font-weight:600;transition:all .2s}.email-verify-alert .btn-warning:hover{background:#d97706}.email-verify-alert .btn-warning:disabled{opacity:.7;cursor:not-allowed}.verified-badge{color:var(--success);background:#10b98126;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:.75rem;display:inline-block}.unverified-badge{color:var(--error);background:#ef444426;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:.75rem;display:inline-block}.profile-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.hero-top{align-items:center;gap:20px;padding:30px;display:flex}.hero-avatar{flex-shrink:0;width:80px;height:80px}.hero-avatar img,.hero-avatar .avatar-placeholder{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero-avatar .avatar-placeholder{background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.hero-info{flex:1;min-width:0}.hero-name{color:var(--text-primary);margin:0 0 6px;font-size:1.4rem;font-weight:700}.hero-email{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:.9rem;display:flex}.verified-tag{color:#10b981;background:#10b98126;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.unverified-tag{color:var(--error);background:#ef444426;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.hero-date{color:var(--text-muted);margin:0;font-size:.8rem}.hero-stats{border-top:1px solid var(--border-color);background:rgba(var(--primary-rgb,239, 68, 68), .03);display:flex}.hero-stat{border-right:1px solid var(--border-color);flex-direction:column;flex:1;align-items:center;padding:20px 16px;display:flex}.hero-stat:last-child{border-right:none}.stat-num{color:var(--primary-light);margin-bottom:6px;font-size:1.5rem;font-weight:700;line-height:1}.stat-text{color:var(--text-muted);font-size:.8rem}@media (width<=480px){.hero-top{text-align:center;flex-direction:column;padding:24px 20px}.hero-avatar{width:70px;height:70px;margin-bottom:8px}.hero-avatar .avatar-placeholder{font-size:1.75rem}.hero-name{font-size:1.25rem}.hero-email{justify-content:center;font-size:.85rem}.hero-stat{padding:16px 12px}.stat-num{font-size:1.3rem}}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:30px;margin-bottom:24px;padding:30px;display:flex}.profile-avatar{flex-shrink:0;width:100px;height:100px}.profile-avatar img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.profile-info{flex:1}.info-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row svg{color:var(--primary-light)}.info-label{width:80px;color:var(--text-muted)}.info-value{color:var(--text-primary)}.stats-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.profile-page .stat-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px}.profile-page .stat-value{color:var(--primary-light);margin-bottom:8px;font-size:1.5rem;font-weight:700;display:block}.profile-page .stat-label{color:var(--text-muted);font-size:.9rem}.orders-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.order-filters{gap:8px;display:flex}.filter-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px}.filter-btn:hover{border-color:var(--primary);color:var(--primary-light)}.filter-btn.active{background:rgba(var(--primary-rgb,239, 68, 68), .12);border-color:var(--primary);color:var(--primary,var(--primary-light))}.orders-list{flex-direction:column;gap:16px;display:flex}.order-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.order-main{align-items:center;gap:16px;padding:20px;display:flex}.order-main img{object-fit:cover;border-radius:var(--radius-sm);width:80px;height:60px}.order-info{flex:1}.order-info h4{color:var(--text-primary);margin-bottom:6px;font-size:1rem}.order-no{color:var(--text-muted);font-family:monospace;font-size:.8rem}.order-time{color:var(--text-muted);font-size:.8rem}.order-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.order-amount{color:var(--primary-light);font-size:1.1rem;font-weight:600}.view-cards-btn,.pay-btn{background:rgba(var(--primary-rgb,239, 68, 68), .12);border-radius:var(--radius-sm);color:var(--primary,var(--primary-light));cursor:pointer;border:none;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:all .2s}.pay-btn{background:var(--gradient-primary);color:#fff}.pay-btn:hover{opacity:.9;transform:translateY(-1px)}.expired-badge{border-radius:var(--radius-sm);color:var(--text-muted);background:#6b728026;padding:6px 12px;font-size:.85rem}.order-cards{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 20px}.card-item{border-radius:var(--radius-sm);background:#10b9811a;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;display:flex}.card-item:last-child{margin-bottom:0}.card-item pre{color:var(--success);white-space:pre-wrap;flex:1;font-family:monospace;font-size:.9rem}.card-item .copy-btn{background:var(--success);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;display:flex}.empty-orders{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-orders svg{opacity:.5;width:60px;height:60px;margin-bottom:16px}.password-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:400px;padding:30px}.password-form .form-group{margin-bottom:20px}.password-form label{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;display:block}.password-form .input-wrapper{position:relative}.password-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 44px 12px 16px;font-size:1rem}.password-form input:focus{border-color:var(--primary);outline:none}.toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-form .btn{width:100%;margin-top:10px}@media (width<=900px){.user-center{flex-direction:column}.user-sidebar{width:100%;position:static}.profile-card{text-align:center;flex-direction:column;padding:24px 20px}.profile-avatar{width:80px;height:80px;margin-bottom:16px}.avatar-placeholder{font-size:2rem}.profile-info{width:100%}.info-row{justify-content:flex-start;gap:8px;padding:10px 0}.info-row svg{flex-shrink:0;width:18px}.info-label{text-align:left;flex-shrink:0;width:70px}.info-value{word-break:break-all;text-align:left;flex:1}.stats-cards{grid-template-columns:repeat(3,1fr);gap:12px}.profile-page .stat-card{flex-direction:column;align-items:center;padding:16px 12px;display:flex}.profile-page .stat-value{margin-bottom:4px;font-size:1.25rem}.profile-page .stat-label{font-size:.8rem}.order-main{flex-wrap:wrap}}@media (width<=480px){.user-main h2{margin-bottom:16px;font-size:1.25rem}.profile-card{padding:20px 16px}.profile-avatar{width:70px;height:70px}.avatar-placeholder{font-size:1.75rem}.info-row{font-size:.9rem}.stats-cards{gap:8px}.profile-page .stat-card{padding:14px 8px}.profile-page .stat-value{font-size:1.1rem}.profile-page .stat-label{font-size:.75rem}}.tickets-page-embed{padding:0}.page-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header-row h2{margin:0}.tickets-summary{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.btn-sm{align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;display:inline-flex}.tickets-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tickets-list-embed{flex-direction:column;gap:12px;display:flex}.ticket-card-embed{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:20px;text-decoration:none;display:block}.ticket-card-embed:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.ticket-card-embed .ticket-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ticket-card-embed .ticket-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ticket-card-embed .ticket-no{color:var(--text-muted);font-family:SF Mono,Consolas,monospace;font-size:.8rem}.ticket-card-embed .ticket-unread-badge{color:#dc2626;background:#ef44441f;border-radius:999px;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.ticket-card-embed .ticket-status{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.ticket-card-embed .ticket-status.open{color:#d97706;background:#f59e0b26}.ticket-card-embed .ticket-status.in-progress{color:#2563eb;background:#3b82f626}.ticket-card-embed .ticket-status.closed{color:#6b7280;background:#6b728026}.ticket-card-embed .ticket-status.completed{color:#10b981;background:#10b98126}.ticket-card-embed .ticket-subject{color:var(--text-primary);margin:0 0 10px;font-size:1rem;font-weight:600;line-height:1.4}.ticket-card-embed .ticket-meta{color:var(--text-secondary);gap:12px;margin-bottom:12px;font-size:.85rem;display:flex}.ticket-card-embed .ticket-type{color:#8b5cf6;background:#8b5cf61a;border-radius:4px;padding:2px 8px}.ticket-card-embed .ticket-footer{color:var(--text-muted);flex-wrap:nowrap;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.ticket-card-embed .ticket-time,.ticket-card-embed .ticket-messages{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;width:auto;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .empty-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin:0 0 8px;font-size:1.1rem}.empty-state p{margin:0;font-size:.9rem}.loading-state{text-align:center;color:var(--text-muted);padding:40px}@media (width<=480px){.ticket-card-embed{padding:16px}.ticket-card-embed .ticket-header{flex-wrap:wrap;gap:8px}.ticket-card-embed .ticket-badges{justify-content:flex-start}.ticket-card-embed .ticket-no{font-size:.75rem}.ticket-card-embed .ticket-subject{margin-bottom:8px;font-size:.95rem}.ticket-card-embed .ticket-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px}.ticket-card-embed .ticket-order{word-break:break-all;font-size:.75rem}.ticket-card-embed .ticket-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.ticket-card-embed .ticket-time,.ticket-card-embed .ticket-messages{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}}.profile-password-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:20px;padding:20px 24px}.profile-password-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-password-section .password-form{background:0 0;border:none;max-width:none;padding:0}:root,.og-root{--og-primary:var(--theme-primary,#111827);--og-accent:var(--theme-primary,#111827);--og-bg:#f9fafb;--og-card:#fff;--og-border:#e5e7eb;--og-text:#111827;--og-muted:#6b7280;--og-radius:14px}.og-root{background:var(--og-bg);min-height:100vh;color:var(--og-text);flex-direction:column;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.og-navbar{-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffd9;border-bottom:1px solid #0000;transition:all .2s}.og-navbar.scrolled{border-bottom-color:var(--og-border);background:#fffffff2;box-shadow:0 1px 4px #0000000a}.og-navbar-inner{box-sizing:border-box;align-items:center;gap:24px;width:calc(55vw + 600px);max-width:100%;height:64px;margin:0 auto;padding:0 24px;display:flex}.og-brand{color:var(--og-text);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.og-brand img{object-fit:contain;height:36px}.og-brand-text{letter-spacing:.5px;font-size:1.15rem;font-weight:700}.og-nav{align-items:center;gap:4px;display:flex}.og-nav-link{border-radius:8px;padding:7px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;color:var(--og-text,#111827)!important}.og-nav-link:hover{background:rgba(var(--primary-rgb,17, 24, 39), .08);color:var(--og-primary,var(--theme-primary,#111827))!important}.og-nav-link.active{box-shadow:none;font-weight:600;background:rgba(var(--primary-rgb,17, 24, 39), .1)!important;color:var(--og-primary,var(--theme-primary,#111827))!important}.og-search{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.og-search-icon{color:var(--og-muted);pointer-events:none;position:absolute;left:12px}.og-search input{border:2px solid var(--og-border);width:100%;color:var(--og-text);background:#fff;border-radius:999px;outline:none;padding:10px 80px 10px 36px;font-family:inherit;font-size:.9rem;transition:all .15s}.og-search input:focus{border-color:var(--og-primary);box-shadow:0 0 0 3px var(--theme-primary-light,rgba(var(--primary-rgb,17, 24, 39), .08))}.og-search-btn{background:var(--og-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:7px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.og-search-btn:hover{background:var(--theme-primary-hover,#374151)}.og-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.og-actions .og-brand{margin-right:8px}.og-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--og-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:background .15s;display:flex;position:relative}.og-icon-btn:hover{background:#0000000d}.og-cart-badge{background:var(--og-primary);color:#fff;text-align:center;border-radius:999px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:4px;right:4px}.og-mobile-toggle,.og-mobile-search-btn{display:none}@media (width<=880px){.og-navbar,.og-navbar.scrolled{-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--border-color,#e5e7eb)!important;background:#fff!important}[data-theme=dark] .og-navbar,[data-theme=dark] .og-navbar.scrolled{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:#0f172a!important;border-bottom:1px solid #ffffff14!important}.og-navbar-inner{justify-content:space-between;gap:8px;height:56px;padding:0 16px}.og-nav,.og-search{display:none!important}.og-actions{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-left:0;display:flex}.og-actions .og-brand{align-items:center;margin-right:auto;display:flex}.og-brand img{object-fit:contain;max-width:130px;height:30px}.og-brand-text{letter-spacing:-.3px;font-size:1.18rem;font-weight:800}.og-actions .og-theme-btn,.og-actions .og-lang-wrapper,.og-actions .og-user-btn{display:none!important}.og-mobile-search-btn,.og-actions .og-cart-btn,.og-actions .og-mobile-toggle{display:flex!important}.og-icon-btn{width:36px;height:36px;color:var(--og-text);background:#0000000a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .15s,background .15s;display:flex}.og-icon-btn:active{background:#00000014;transform:scale(.92)}.og-cart-badge{border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #00000026;color:#fff!important;background:#ef4444!important}}html.og-menu-open,body.og-menu-open{overscroll-behavior:none!important;touch-action:none!important;height:100%!important;max-height:100%!important;overflow:hidden!important}.og-menu-open .og-navbar-wrap{z-index:1000!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.og-mobile-drawer{top:calc(56px + env(safe-area-inset-top,0px));height:calc(100vh - 56px - env(safe-area-inset-top,0px));height:calc(100dvh - 56px - env(safe-area-inset-top,0px));padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px));z-index:999;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;animation:.2s ease-out ogDrawerFadeIn;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;overscroll-behavior:contain!important;touch-action:pan-y!important;box-shadow:none!important;background:#fff!important;border:none!important}@keyframes ogDrawerFadeIn{0%{opacity:0}to{opacity:1}}.og-mobile-search{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.og-mobile-search:focus-within{background:var(--bg-card,#fff);border-color:var(--primary,#111827)!important;box-shadow:none!important}.og-mobile-search-icon{color:var(--text-muted,#9ca3af);flex-shrink:0;font-size:16px}.og-mobile-search input,.og-mobile-search input:focus,.og-mobile-search input:active{color:var(--text-primary,#111827);flex:1;font-family:inherit;font-size:.92rem;box-shadow:none!important;appearance:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.og-mobile-search-clear{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.og-mobile-nav-list{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.og-mobile-nav-item{color:var(--text-primary,#111827);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.og-mobile-nav-item:active{background:var(--bg-secondary,#f1f5f9)}.og-mobile-nav-item.active{color:var(--og-primary,var(--theme-primary,#111827));background:var(--theme-primary-light,rgba(var(--primary-rgb,17, 24, 39), .1));font-weight:600}.og-mobile-nav-item.active .og-mobile-nav-icon,.og-mobile-nav-item.active .og-mobile-nav-arrow{color:var(--og-primary,var(--theme-primary,inherit))}.og-mobile-nav-left{align-items:center;gap:12px;display:flex}.og-mobile-nav-icon{color:var(--text-secondary,#4b5563);font-size:18px}.og-mobile-nav-arrow{color:var(--text-muted,#9ca3af);font-size:16px}.og-mobile-drawer-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.og-mobile-footer-lang{flex-shrink:0}.og-mobile-theme-pill{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#111827);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.og-mobile-theme-pill:active{transform:scale(.97)}.og-notice{color:#fff;text-align:center;letter-spacing:.5px;background:linear-gradient(90deg,#1e293b,#334155);padding:8px 24px;font-size:.82rem}.og-main{box-sizing:border-box;flex:1;width:calc(55vw + 600px);max-width:100%;margin:0 auto;padding:24px}.og-footer{border-top:1px solid var(--og-border);background:#fff;margin-top:40px;padding:22px 24px}.og-footer-inner{width:100%;color:var(--og-muted);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.82rem;display:flex}.og-footer-brand{color:var(--og-text);font-weight:600}.og-footer-divider{opacity:.4}@media (width<=768px){.og-navbar-wrap{padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important}.og-navbar-inner{padding:0 14px}.og-main{padding:22px 14px}}.og-root{--primary:var(--theme-primary,#111827);--primary-rgb:var(--theme-primary-rgb,17, 24, 39);--primary-light:var(--theme-primary-hover,#374151);--gradient-primary:linear-gradient(135deg, var(--theme-primary,#111827), var(--theme-primary-hover,#374151));--gradient-card:linear-gradient(145deg, var(--theme-primary-light,#1118270a) 0%, #37415105 100%);--border-glow:var(--theme-primary-shadow,#11182733);--shadow-glow:0 8px 24px var(--theme-primary-shadow,#11182714);--bg-card:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--error:#ef4444;--success:#10b981;--radius-sm:10px;--radius-md:14px;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014}.og-root .product-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.og-root .product-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.og-root .product-card .product-image{border-radius:0}.og-root .product-card .product-name{color:var(--text-primary)}.og-root .product-card .price-current{color:var(--primary)}.og-root .category-btn{border:1px solid var(--border-color);background:var(--bg-card);border-radius:999px;transition:all .15s}.og-root .category-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb,37, 99, 235), .06)}.og-root .category-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .25));border-color:#0000}.og-root .btn-primary,.og-root .btn.btn-primary,.og-root button.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .2));border:none;border-radius:10px;font-weight:600;transition:all .15s}.og-root .btn-primary:hover{box-shadow:0 6px 18px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .35));transform:translateY(-1px)}.og-root .btn-secondary,.og-root .btn.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px}.og-root .btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.og-root input[type=text],.og-root input[type=email],.og-root input[type=password],.og-root input[type=number],.og-root input[type=tel],.og-root textarea,.og-root select{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;outline:none;font-size:.9rem}.og-root input:focus,.og-root textarea:focus,.og-root select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--theme-primary-light,rgba(var(--primary-rgb,37, 99, 235), .1))}.og-root .auth-page{align-items:center;min-height:calc(100vh - 170px);padding:24px 20px}.og-root .auth-container{max-width:404px}.og-root .auth-header{margin-bottom:14px}.og-root .auth-header h1{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;line-height:1.2}.og-root .auth-header p{color:var(--text-secondary);font-size:.84rem}.og-root .auth-form{border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);gap:11px;padding:20px}.og-root .auth-form .form-group{gap:6px;margin-bottom:0}.og-root .auth-form .form-group label{color:var(--text-secondary);font-size:.82rem;line-height:1.2}.og-root .auth-form .input-wrapper .input,.og-root .auth-form .otp-row .input,.og-root .auth-form .otp-row .btn,.og-root .auth-form .auth-btn{min-height:44px}.og-root .auth-form .input-wrapper .input,.og-root .auth-form .otp-row .input{font-size:.88rem}.og-root .auth-form .input.with-icon{padding-left:38px}.og-root .auth-form .input-icon{font-size:.95rem;left:12px}.og-root .auth-form .password-toggle{font-size:1rem;right:10px}.og-root .auth-form .otp-row{gap:8px}.og-root .auth-form .otp-row .btn{min-width:96px;padding-inline:12px;font-size:.82rem}.og-root .auth-btn{background:var(--gradient-primary);box-shadow:0 4px 12px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .2));border:none;border-radius:10px;margin-top:2px;padding:11px 12px;font-weight:600}.og-root .auth-btn:hover{box-shadow:0 6px 18px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .35))}.og-root .auth-footer a{color:var(--primary)}.og-root .auth-footer{margin-top:14px;font-size:.88rem}.og-root .auth-divider{margin:12px 0}.og-root .user-sidebar{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card)}.og-root .user-nav .nav-item:hover{background:rgba(var(--primary-rgb,37, 99, 235), .06);color:var(--primary)}.og-root .user-nav .nav-item.active{background:rgba(var(--primary-rgb,37, 99, 235), .1);color:var(--primary)}.og-root .hero-stats{border-radius:0 0 var(--radius-md) var(--radius-md)}.og-root .hero-stat .stat-num{color:var(--primary)}.og-root .user-sidebar .logout-btn:hover{border-color:var(--error);color:var(--error)}.og-root .search-page .search-keyword,.og-root .search-page .search-info-icon{color:var(--primary)}.og-root .search-page .product-card{border-radius:var(--radius-md)}.og-root .search-page .add-cart-btn{background:var(--gradient-primary)}.og-root .search-page .add-cart-btn:hover{box-shadow:0 4px 12px var(--theme-primary-shadow,rgba(var(--primary-rgb,37, 99, 235), .4))}.og-root .order-result-page .order-card,.og-root .order-result-page .order-section{border-radius:var(--radius-md);border:1px solid var(--border-color)}.og-root .order-query-page .oq-card{border-radius:var(--radius-md)}.og-root .ticket-detail-page .ticket-info-card{border-radius:var(--radius-md);border:1px solid var(--border-color)}.og-root .ticket-detail-page .send-btn{background:var(--gradient-primary)}.og-root .cart-page .cart-item,.og-root .checkout-page .checkout-card{border-radius:var(--radius-md);border:1px solid var(--border-color)}.og-root .checkout-page .payment-option:hover:not(.disabled){background:#1118270a}.og-root .checkout-page .payment-option.active{border-color:var(--og-primary);background:#1118270f}.og-root .checkout-page .payment-option.active .check-icon{color:var(--og-primary)}.og-root .card,.og-root [class*=-card]{border-radius:var(--radius-md)}.og-root a:not(.og-nav-link):not(.og-brand):not(.og-icon-btn):not(.product-card):not(.category-btn){color:var(--primary)}.og-root a:not(.og-nav-link):not(.og-brand):not(.og-icon-btn):not(.product-card):not(.category-btn):hover{color:var(--primary-light)}.og-root ::-webkit-scrollbar{width:6px;height:6px}.og-root ::-webkit-scrollbar-track{background:0 0}.og-root ::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.og-root ::-webkit-scrollbar-thumb:hover{background:#0003}.og-root .empty-state .empty-icon,.og-root .search-page .empty-icon{background:var(--theme-primary-light,rgba(var(--primary-rgb,37, 99, 235), .08));color:var(--primary)}.og-root .sort-select,.og-root .filter-btn{border-radius:8px}.og-root .filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.og-root .status-badge.paid,.og-root .status-badge.completed{color:#059669;background:#10b9811a}.og-root .status-badge.pending{color:#d97706;background:#f59e0b1a}.og-root .status-badge.cancelled{color:#6b7280;background:#6b72801a}.og-root .sf-notice-bar{background:linear-gradient(90deg,#1e293b,#334155)}.og-navbar-wrap{z-index:100;position:sticky;top:0}.og-search{flex:1;max-width:520px;position:relative}.og-mobile-search-bar{display:none}.og-search-dropdown{background:var(--og-bg);border-top:1px solid var(--og-border);z-index:1000;width:100%;padding-top:8px;animation:.25s cubic-bezier(.16,1,.3,1) og-dd-in;position:fixed;inset:64px 0 0;overflow-y:auto}@keyframes og-dd-in{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.og-dd-section{box-sizing:border-box;width:calc(55vw + 600px);max-width:100%;margin:0 auto;padding:20px 24px}.og-dd-section+.og-dd-section{border-top:1px solid var(--og-border)}.og-dd-header{color:var(--og-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:.85rem;font-weight:600;display:flex}.og-dd-item{cursor:pointer;color:var(--og-text);border-radius:8px;padding:10px 12px;font-size:.9rem;transition:background .1s}.og-dd-item:hover{background:rgba(var(--primary-rgb,37, 99, 235), .06)}.og-dd-item mark{background:var(--theme-primary-light,rgba(var(--primary-rgb,37, 99, 235), .12));color:var(--primary,#2563eb);border-radius:2px;padding:0 2px}.og-dd-tags{flex-wrap:wrap;gap:10px;display:flex}.og-dd-tag{background:var(--og-card);border:1px solid var(--og-border);color:var(--og-text);cursor:pointer;border-radius:999px;align-items:center;padding:10px 20px;font-size:.9rem;transition:all .15s;display:inline-flex}.og-dd-tag:hover{border-color:var(--og-accent);color:var(--og-accent);background:rgba(var(--primary-rgb,37, 99, 235), .04);transform:translateY(-1px)}.og-dd-products{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.og-dd-product{color:var(--og-text);text-align:left;text-decoration:none;transition:transform .15s}.og-dd-product:hover{transform:translateY(-3px)}.og-dd-product img{object-fit:cover;border-radius:10px;width:100%;margin-bottom:8px;aspect-ratio:1.58!important}.og-dd-product-name{text-overflow:ellipsis;white-space:nowrap;color:var(--og-text);font-size:.85rem;font-weight:500;overflow:hidden}.og-dd-product-price{color:var(--og-accent);margin-top:3px;font-size:.9rem;font-weight:700}.og-dd-empty{text-align:center;color:var(--og-muted);padding:60px;font-size:.95rem}.og-dd-close{border:1px solid var(--og-border);color:var(--og-muted);cursor:pointer;z-index:10;background:0 0;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:.82rem;transition:all .15s;position:absolute;top:16px;right:24px}.og-dd-close:hover{border-color:var(--og-accent);color:var(--og-accent)}@media (width<=1200px){.og-dd-products{grid-template-columns:repeat(5,1fr)}}@media (width<=900px){.og-dd-products{grid-template-columns:repeat(4,1fr)}}@media (width<=880px){.og-search-dropdown{z-index:2000!important;width:100vw!important;height:100dvh!important;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;box-shadow:none!important;background:#fff!important;border:none!important;flex-direction:column!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.og-dd-close{display:none!important}.og-mobile-search-bar{flex-shrink:0;align-items:center;gap:10px;margin-bottom:16px;display:flex!important}.og-mobile-search-box{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:999px;flex:1;align-items:center;gap:8px;padding:9px 14px;display:flex}.og-mobile-search-box:focus-within{background:var(--bg-card,#fff);border-color:var(--primary,#111827)!important;box-shadow:none!important}.og-mobile-search-box input,.og-mobile-search-box input:focus,.og-mobile-search-box input:active{color:var(--text-primary,#111827);flex:1;font-family:inherit;font-size:.95rem;box-shadow:none!important;appearance:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.og-mobile-search-clear{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.og-mobile-search-cancel{color:var(--text-secondary,#4b5563);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px 4px;font-size:.95rem;font-weight:500}.og-dd-section{width:100%!important;padding:14px 0!important}.og-dd-products{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.og-dd-tag{padding:8px 14px;font-size:.82rem}}[data-theme=dark],[data-theme=dark] .og-root,[data-theme=dark] .class-v1-theme{--og-primary:var(--theme-primary,#8b5cf6);--og-accent:var(--theme-primary,#8b5cf6);--og-bg:#0b0f17;--og-card:#151923;--og-border:#ffffff14;--og-text:#f8fafc;--og-muted:#94a3b8;--bg-primary:#0b0f17;--bg-secondary:#131722;--bg-tertiary:#1a1f2c;--bg-card:#151923;--border-color:#ffffff14;--border-glow:rgba(var(--primary-rgb,139, 92, 246), .35);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--primary-light:var(--theme-primary-hover,#a78bfa)}[data-theme=dark] .og-navbar{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0b0f17d9!important;border-bottom:1px solid #ffffff14!important}[data-theme=dark] .og-navbar.scrolled{background:#0b0f17f2!important;border-bottom-color:#ffffff1a!important;box-shadow:0 4px 20px #00000080!important}[data-theme=dark] .og-search input{color:#f8fafc!important;box-shadow:none!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important}[data-theme=dark] .og-search input::placeholder{color:#64748b!important}[data-theme=dark] .og-search input:focus{border-color:var(--og-primary,var(--theme-primary,#8b5cf6))!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb,139, 92, 246), .25)!important;background:#ffffff17!important}[data-theme=dark] .og-search-btn{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb,139, 92, 246), .35)!important;border:none!important;font-weight:600!important}[data-theme=dark] .og-search-btn:hover{filter:brightness(1.12)}[data-theme=dark] .og-search-icon{color:#94a3b8!important}[data-theme=dark] .og-search-dropdown{background:#0f121a!important;border-top:1px solid #ffffff14!important}[data-theme=dark] .og-mobile-search-box{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .og-mobile-search-box:focus-within{border-color:var(--og-primary,var(--theme-primary,#8b5cf6));background:#ffffff14}[data-theme=dark] .og-mobile-search-box input{color:#f9fafb}[data-theme=dark] .og-mobile-search-cancel{color:#94a3b8}[data-theme=dark] .og-dd-section+.og-dd-section{border-top-color:#ffffff14}[data-theme=dark] .og-dd-tag{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .og-dd-tag:hover{border-color:var(--og-primary,var(--theme-primary,#8b5cf6));color:var(--og-primary,var(--theme-primary,#a78bfa));background:rgba(var(--primary-rgb,139, 92, 246), .12)}[data-theme=dark] .og-dd-item:hover{background:#ffffff0f}[data-theme=dark] .og-dd-product-price{color:var(--og-primary,var(--theme-primary,#a78bfa))}[data-theme=dark] .og-dd-close{color:var(--og-muted);border-color:#ffffff1a}[data-theme=dark] .og-dd-close:hover{border-color:var(--og-primary,var(--theme-primary,#8b5cf6));color:#f8fafc}[data-theme=dark] .og-footer,[data-theme=dark] .sf-footer-new{background:#080a0f!important;border-top-color:#ffffff14!important}[data-theme=dark] .og-notice{background:linear-gradient(90deg,#131825,#0d1017);border-color:#ffffff0f}[data-theme=dark] .og-cart-badge{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb,139, 92, 246), .5)!important;border:none!important;font-weight:700!important}[data-theme=dark] .og-icon-btn{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff14}[data-theme=dark] .og-icon-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff2e}[data-theme=dark] .og-mobile-drawer{box-shadow:none!important;background:#0f172a!important;border:none!important}[data-theme=dark] .og-mobile-search{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .og-mobile-search:focus-within{background:#ffffff14;border-color:#f9fafb}[data-theme=dark] .og-mobile-search input{color:#f9fafb}[data-theme=dark] .og-mobile-nav-item{color:#f1f5f9}[data-theme=dark] .og-mobile-nav-item:active{background:#ffffff0f}[data-theme=dark] .og-mobile-nav-item.active{color:var(--og-primary,var(--theme-primary,#60a5fa));background:rgba(var(--primary-rgb,96, 165, 250), .16)}[data-theme=dark] .og-mobile-nav-item.active .og-mobile-nav-icon,[data-theme=dark] .og-mobile-nav-item.active .og-mobile-nav-arrow{color:var(--og-primary,var(--theme-primary,#60a5fa))}[data-theme=dark] .og-mobile-nav-icon{color:#94a3b8}[data-theme=dark] .og-mobile-drawer-footer{border-top-color:#ffffff14}[data-theme=dark] .og-mobile-theme-pill{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .og-nav-link{color:#94a3b8}[data-theme=dark] .og-nav-link:hover{color:#fff;background:#ffffff14}[data-theme=dark] .og-nav-link.active{box-shadow:none;font-weight:600;background:rgba(var(--primary-rgb,139, 92, 246), .18)!important;color:var(--og-primary,var(--theme-primary,#a78bfa))!important}[data-theme=dark] .og-brand-text{color:#f8fafc}[data-theme=dark] .product-card,[data-theme=dark] .og-root .product-card,[data-theme=dark] .class-v1-theme .product-card{border-radius:var(--radius-md)!important;background:linear-gradient(#161a25 0%,#11141e 100%)!important;border:1px solid #ffffff14!important;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s!important;box-shadow:0 4px 16px #00000059!important}[data-theme=dark] .product-card:hover,[data-theme=dark] .og-root .product-card:hover,[data-theme=dark] .class-v1-theme .product-card:hover{border-color:rgba(var(--primary-rgb,139, 92, 246), .5)!important;box-shadow:0 16px 32px -4px #0009, 0 0 20px rgba(var(--primary-rgb,139, 92, 246), .22)!important;transform:translateY(-4px)!important}[data-theme=dark] .product-image{background:#181c28!important}[data-theme=dark] .product-image img{filter:brightness(.92)contrast(1.02);transition:filter .25s ease, transform var(--transition-normal)}[data-theme=dark] .product-card:hover .product-image img{filter:brightness(.98)}[data-theme=dark] .product-name,[data-theme=dark] .og-root .product-card .product-name{color:#f8fafc!important}[data-theme=dark] .product-desc,[data-theme=dark] .product-meta,[data-theme=dark] .og-root .product-card .product-desc,[data-theme=dark] .og-root .product-card .product-meta{color:#94a3b8!important}[data-theme=dark] .price-current,[data-theme=dark] .og-root .price-current{color:var(--og-primary,var(--theme-primary,#a78bfa))!important;text-shadow:0 0 14px rgba(var(--primary-rgb,139, 92, 246), .28)!important;font-weight:700!important}[data-theme=dark] .price-original,[data-theme=dark] .og-root .price-original{color:#64748b!important}[data-theme=dark] .product-footer{border-top:1px solid #ffffff0f!important}[data-theme=dark] .product-oos-overlay{background:#0b0e14a6!important}[data-theme=dark] .product-oos-overlay span{color:#cbd5e1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#141823e0!important;border:1px solid #ffffff29!important}[data-theme=dark] .category-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08!important;border:1px solid #ffffff14!important}[data-theme=dark] .category-btn,[data-theme=dark] .og-root .category-btn{color:#94a3b8!important;background:0 0!important;border:1px solid #0000!important}[data-theme=dark] .category-btn:hover,[data-theme=dark] .og-root .category-btn:hover{color:#f8fafc!important;background:#ffffff0f!important;border-color:#ffffff1a!important}[data-theme=dark] .category-btn.active,[data-theme=dark] .og-root .category-btn.active{background:rgba(var(--primary-rgb,139, 92, 246), .16)!important;color:var(--og-primary,var(--theme-primary,#a78bfa))!important;border-color:rgba(var(--primary-rgb,139, 92, 246), .4)!important;box-shadow:0 2px 10px rgba(var(--primary-rgb,139, 92, 246), .18)!important;font-weight:600!important}[data-theme=dark] .products-toolbar{border-bottom:1px solid #ffffff14!important}[data-theme=dark] .products-count,[data-theme=dark] .sort-label{color:#94a3b8!important}[data-theme=dark] .sort-select,[data-theme=dark] select,[data-theme=dark] .og-root .sort-select,[data-theme=dark] .og-root select{color:#f1f5f9!important;background:#151923!important;border:1px solid #ffffff1a!important}[data-theme=dark] .sort-select:focus,[data-theme=dark] select:focus{border-color:var(--og-primary,var(--theme-primary,#8b5cf6))!important}[data-theme=dark] .og-root input[type=text],[data-theme=dark] .og-root input[type=email],[data-theme=dark] .og-root input[type=password],[data-theme=dark] .og-root input[type=number],[data-theme=dark] .og-root input[type=tel],[data-theme=dark] .og-root textarea,[data-theme=dark] .class-v1-theme input[type=text],[data-theme=dark] .class-v1-theme input[type=email],[data-theme=dark] .class-v1-theme input[type=password],[data-theme=dark] .class-v1-theme input[type=number],[data-theme=dark] .class-v1-theme input[type=tel],[data-theme=dark] .class-v1-theme textarea{color:#f8fafc!important;background:#151923!important;border:1px solid #ffffff1a!important}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{border-color:var(--og-primary,var(--theme-primary,#8b5cf6))!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb,139, 92, 246), .2)!important}[data-theme=dark] .btn-primary,[data-theme=dark] .btn.btn-primary,[data-theme=dark] button.btn-primary,[data-theme=dark] .add-cart-btn{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--primary-rgb,139, 92, 246), .35)!important;border:none!important;font-weight:600!important}[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn.btn-primary:hover,[data-theme=dark] button.btn-primary:hover,[data-theme=dark] .add-cart-btn:hover{filter:brightness(1.12);box-shadow:0 6px 20px rgba(var(--primary-rgb,139, 92, 246), .45)!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn.btn-secondary{color:#f1f5f9!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a!important;border-color:#ffffff2e!important}[data-theme=dark] .auth-form,[data-theme=dark] .og-root .auth-form,[data-theme=dark] .class-v1-theme .auth-form{background:#151923!important;border:1px solid #ffffff14!important;box-shadow:0 16px 36px #00000080!important}[data-theme=dark] .auth-header h1{color:#f8fafc!important}[data-theme=dark] .auth-btn,[data-theme=dark] .og-root .auth-btn,[data-theme=dark] .class-v1-theme .auth-btn{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--primary-rgb,139, 92, 246), .35)!important;border:none!important;font-weight:600!important}[data-theme=dark] .auth-footer a{color:var(--og-primary,var(--theme-primary,#a78bfa))!important}[data-theme=dark] .auth-tips{background:#ffffff0a!important;border:1px solid #ffffff14!important}[data-theme=dark] .user-sidebar,[data-theme=dark] .og-root .user-sidebar{background:#151923!important;border-color:#ffffff14!important}[data-theme=dark] .user-nav .nav-item{color:#94a3b8!important}[data-theme=dark] .user-nav .nav-item:hover{color:#f8fafc!important;background:#ffffff0f!important}[data-theme=dark] .user-nav .nav-item.active{background:rgba(var(--primary-rgb,139, 92, 246), .16)!important;color:var(--og-primary,var(--theme-primary,#a78bfa))!important;font-weight:600!important}[data-theme=dark] .user-main h2{color:#f8fafc!important}[data-theme=dark] .hero-stats{border-top-color:#ffffff14!important}[data-theme=dark] .hero-stat{border-right-color:#ffffff14!important}[data-theme=dark] .order-card,[data-theme=dark] .order-section,[data-theme=dark] [class*=-card]{background:#151923;border-color:#ffffff14}[data-theme=dark] .search-page .product-card{background:#151923!important;border-color:#ffffff14!important}[data-theme=dark] .search-keyword{color:var(--og-primary,var(--theme-primary,#a78bfa))!important}[data-theme=dark] .search-page .add-cart-btn{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--primary-rgb,139, 92, 246), .35)!important;border:none!important}[data-theme=dark] .ticket-detail-page .ticket-info-card,[data-theme=dark] .ticket-detail-page .message-item .message-content{background:#151923!important;border-color:#ffffff14!important}[data-theme=dark] .ticket-detail-page .message-item.user .message-content{background:rgba(var(--primary-rgb,139, 92, 246), .12)!important;border-color:rgba(var(--primary-rgb,139, 92, 246), .25)!important}[data-theme=dark] .ticket-detail-page .message-input{color:#f8fafc!important;background:#151923!important;border-color:#ffffff1a!important}[data-theme=dark] .ticket-detail-page .send-btn{background:var(--og-primary,var(--theme-primary,#8b5cf6))!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--primary-rgb,139, 92, 246), .35)!important;border:none!important;font-weight:600!important}[data-theme=dark] .og-root .empty-state .empty-icon,[data-theme=dark] .og-root .search-page .empty-icon{color:var(--og-muted);background:#f9fafb0f}[data-theme=dark] .og-root .filter-btn{background:var(--og-card);border-color:var(--og-border);color:var(--og-text)}[data-theme=dark] .og-root .filter-btn.active{color:#f9fafb;background:#f9fafb1f;border-color:#f9fafb40}.og-root .product-oos-overlay span{color:#fff;background:#111827bf}[data-theme=dark] .og-root .product-oos-overlay{background:#f9fafb26}[data-theme=dark] .og-root .product-oos-overlay span{color:#f9fafb;background:#f9fafb33}[data-theme=dark] .og-root a{color:#e5e7eb}[data-theme=dark] .og-root a:hover{color:#f9fafb}[data-theme=dark] .og-root ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] .og-root ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .og-root .product-detail-page,[data-theme=dark] .og-root .checkout-page{color:var(--og-text)}[data-theme=dark] .og-root .order-query-page .oq-card{background:var(--og-card);border-color:var(--og-border)}[data-theme=dark] .og-root .order-query-page .oq-card input{border-color:var(--og-border);color:var(--og-text);background:#141620}[data-theme=dark] .og-root .sf-notice-bar{background:#1e293b}.og-footer-meta,.og-root .og-footer-meta{text-decoration:none;color:var(--og-muted)!important}.og-footer-meta:hover{opacity:.8}.og-root .price-section{background:var(--bg-card);border:1px solid var(--border-color)}.og-root .price-value{color:var(--og-text)}.og-root .quantity-section{background:var(--bg-card);border:1px solid var(--border-color)}.og-root .action-buttons .btn-primary{background:var(--og-primary)}[data-theme=dark] .og-root .price-section{background:var(--og-card);border-color:var(--og-border)}[data-theme=dark] .og-root .price-value{color:var(--og-text)}[data-theme=dark] .og-root .quantity-section{background:var(--og-card);border-color:var(--og-border)}.products-header{text-align:center;margin-bottom:40px}.products-subtitle{color:var(--text-secondary);margin-top:8px}.category-nav{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:24px;padding:10px 12px;display:flex;overflow-x:auto}.category-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;display:flex}.category-btn:hover{color:var(--primary,var(--text-primary));background:rgba(var(--primary-rgb,239, 68, 68), .08)}.category-btn.active{color:var(--primary,var(--primary-light));background:rgba(var(--primary-rgb,239, 68, 68), .12);border-color:var(--primary)}.category-icon{font-size:1.05rem}.category-btn.skeleton{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);width:90px;height:34px;position:relative;overflow:hidden}.category-btn.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;left:-100%}.product-card.skeleton-card{pointer-events:none;cursor:default;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb)}.skeleton-box{aspect-ratio:1.58;background:var(--bg-secondary,#f3f4f6);width:100%;position:relative;overflow:hidden}.skeleton-line{background:var(--bg-secondary,#f3f4f6);position:relative;overflow:hidden}.skeleton-box:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=dark] .skeleton-box:after,[data-theme=dark] .skeleton-line:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}@keyframes skeleton-shimmer{to{left:100%}}.products-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 0;display:flex}.products-count{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.sort-options{align-items:center;gap:8px;display:flex}.sort-label{color:var(--text-secondary);font-size:.9rem}.sort-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:8px 12px;font-size:.9rem}.sort-select:focus{border-color:var(--primary)}.sort-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px;font-size:.9rem}.sort-btn:hover{color:var(--text-primary);border-color:var(--primary);background:rgba(var(--primary-rgb,239, 68, 68), .05)}.sort-btn.active{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb,239, 68, 68), .1);font-weight:500}.products-grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.product-image{width:100%;position:relative;overflow:hidden;aspect-ratio:1.58!important;flex-shrink:0!important;height:auto!important}.product-image picture{width:100%;height:100%;display:block;position:relative}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.product-card:hover .product-image img{transform:scale(1.05)}.product-tags{z-index:3;pointer-events:none;flex-wrap:wrap;gap:6px;max-width:calc(100% - 20px);display:flex;position:absolute;top:10px;left:10px}.product-tag{-webkit-backdrop-filter:blur(8px);letter-spacing:.2px;border-radius:9999px;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a}.product-tag.tag-0,.product-tag:nth-child(4n+1){color:#1d4ed8;background:#eff6fff2;border:1px solid #2563eb40}.product-tag.tag-1,.product-tag:nth-child(4n+2){color:#6d28d9;background:#faf5fff2;border:1px solid #7c3aed40}.product-tag.tag-2,.product-tag:nth-child(4n+3){color:#047857;background:#ecfdf5f2;border:1px solid #05966940}.product-tag.tag-3,.product-tag:nth-child(4n+4){color:#c2410c;background:#fff7edf2;border:1px solid #ea580c40}[data-theme=dark] .product-tag.tag-0,[data-theme=dark] .product-tag:nth-child(4n+1){color:#bfdbfe;background:#1e3a8abf;border-color:#60a5fa59;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .product-tag.tag-1,[data-theme=dark] .product-tag:nth-child(4n+2){color:#ddd6fe;background:#581c87bf;border-color:#a78bfa59;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .product-tag.tag-2,[data-theme=dark] .product-tag:nth-child(4n+3){color:#a7f3d0;background:#064e3bbf;border-color:#34d39959;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .product-tag.tag-3,[data-theme=dark] .product-tag:nth-child(4n+4){color:#fed7aa;background:#7c2d12bf;border-color:#fb923c59;box-shadow:0 2px 8px #0000004d}.stock-warning{color:var(--warning);background:#f59e0b33;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:10px;right:10px}.product-card-oos:hover{box-shadow:none;transform:none}.product-card-oos .product-image img{opacity:.45}.product-oos-overlay{z-index:2;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-oos-overlay span{background:rgba(var(--primary-rgb), .6);color:#fff;letter-spacing:1px;border-radius:20px;padding:5px 16px;font-size:.78rem;font-weight:600}.product-info{flex-direction:column;flex:1;padding:16px;display:flex}.product-name{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-meta{color:var(--text-muted);gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.product-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.product-price{align-items:baseline;gap:8px;display:flex}.price-current{color:var(--primary-light);font-size:1.25rem;font-weight:700}.price-original{color:var(--text-muted);font-size:.85rem;text-decoration:line-through}.add-cart-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.add-cart-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.1)}.products-page .empty-state{padding:80px 20px}@media (width<=1600px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1280px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1072px){.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-nav{scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-bottom:16px;padding:0}.category-nav::-webkit-scrollbar{display:none}.category-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:8px 14px;font-size:.8rem;box-shadow:0 1px 3px #0000000d}.category-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--theme-primary-shadow,rgba(var(--primary-rgb,239, 68, 68), .3));border-color:#0000}.category-btn:not(.active):hover{background:var(--bg-secondary);border-color:var(--border-color)}.category-icon{font-size:1rem}.products-toolbar{display:none!important}.product-image{height:auto}.product-info{padding:12px}.product-name{font-size:.9rem}.product-desc{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem}.product-meta{gap:12px;font-size:.75rem}.price-current{font-size:1.1rem}.add-cart-btn{width:36px;height:36px;font-size:1rem}}@media (width<=480px){.products-page{padding:0}.products-grid{gap:12px}.category-nav{gap:6px;padding:0}.category-btn{border-radius:16px;gap:4px;padding:6px 10px;font-size:.75rem}.category-icon{font-size:.9rem}.product-image{height:auto}.product-tags{top:6px;left:6px}.product-tag{padding:3px 8px;font-size:.65rem}.stock-warning{padding:3px 8px;font-size:.65rem;top:6px;right:6px}.product-info{padding:10px}.product-name{margin-bottom:6px;font-size:.85rem}.product-desc{display:none}.product-meta{margin-bottom:8px}.product-footer{padding-top:8px}.price-current{font-size:1rem}.price-original{font-size:.75rem}.add-cart-btn{width:32px;height:32px;font-size:.9rem}}.cp-info-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;margin-bottom:24px;overflow:hidden}.cp-info-header{background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cp-info-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.cp-info-arrow{color:var(--text-muted);font-size:1rem;transition:transform .2s}.cp-info-arrow.open{transform:rotate(180deg)}.cp-info-body{border-top:1px solid var(--border-color);padding:18px 20px}.cp-info-desc{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem;line-height:1.8}.cp-info-link{color:var(--primary);text-underline-offset:2px;word-break:break-all;text-decoration:underline}.cp-info-link:hover{opacity:.8}@media (width<=768px){.cp-info-header{padding:12px 16px}.cp-info-body{padding:14px 16px}}@media (width>=1600px){.class-v1-theme .products-grid,.og-root .products-grid{grid-template-columns:repeat(5,1fr)!important}}@media (width>=1073px) and (width<=1599px){.class-v1-theme .products-grid,.og-root .products-grid{grid-template-columns:repeat(4,1fr)!important}}.product-detail-page{box-sizing:border-box}.back-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:.9rem;display:inline-flex}.back-btn:hover{color:var(--text-primary);border-color:var(--primary);background:var(--theme-primary-light,rgba(var(--primary-rgb,239, 68, 68), .1))}.product-detail-container{grid-template-columns:4fr 6fr;align-items:center;gap:48px;margin-bottom:48px;display:grid}.product-gallery{position:sticky;top:100px}.main-image{border-radius:var(--radius-lg);border:1px solid var(--border-color);aspect-ratio:1.58;background:#f5f5f7;max-height:500px;margin:0 auto;position:relative;overflow:hidden}.main-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block}.slider-nav{-webkit-backdrop-filter:blur(12px);color:#333;cursor:pointer;opacity:0;z-index:10;background:#ffffffd9;border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:300;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0000001a,inset 0 0 0 1px #ffffff4d}.main-image:hover .slider-nav{opacity:1}.slider-nav:hover{color:var(--primary);background:#fffffff2;transform:translateY(-50%)scale(1.08);box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff80}.slider-nav:active{transform:translateY(-50%)scale(.95)}.slider-nav.prev{left:16px}.slider-nav.next{right:16px}.thumbnail-nav{scrollbar-width:none;gap:10px;margin-top:12px;padding:4px;display:flex;overflow-x:auto}.thumbnail-nav::-webkit-scrollbar{display:none}.thumbnail-item{border-radius:var(--radius-sm);cursor:pointer;width:72px;height:72px;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.thumbnail-item img{object-fit:cover;width:100%;height:100%}.thumbnail-item:hover{border-color:var(--text-muted)}.thumbnail-item.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--theme-primary-light,rgba(var(--primary-rgb,239, 68, 68), .2))}.detail-tags{gap:8px;display:flex;position:absolute;top:16px;left:16px}.detail-tag{color:#fff;background:var(--gradient-primary);border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:600}.product-main-info{flex-direction:column;display:flex}.detail-title{color:var(--text-primary);margin-bottom:12px;font-size:1.75rem;font-weight:700;line-height:1.4}.detail-desc{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:24px;font-size:1rem;line-height:1.6}.price-section{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.price-row{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.price-label{color:var(--text-muted);font-size:.9rem}.price-value{color:var(--primary-light);font-size:2rem;font-weight:700}.price-section .price-original{color:var(--text-muted);font-size:1rem;text-decoration:line-through}.discount-badge{color:#fff;background:var(--error);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.sales-row{color:var(--text-muted);gap:24px;font-size:.85rem;display:flex}.sales-row .out-of-stock{color:var(--error);font-weight:600}.quantity-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.quantity-label{color:var(--text-secondary);font-size:.95rem}.quantity-control{background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px;display:flex}.qty-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.qty-btn:hover:not(:disabled){background:var(--theme-primary-light,rgba(var(--primary-rgb,239, 68, 68), .15));color:var(--theme-primary,var(--primary-light))}.qty-btn:disabled{color:var(--text-muted);cursor:not-allowed}.qty-value{text-align:center;width:50px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.qty-total{color:var(--text-secondary);margin-left:auto;font-size:.95rem}.qty-total strong{color:var(--primary-light);font-size:1.1rem}.action-buttons{gap:16px;margin-bottom:24px;display:flex}.action-buttons .btn-lg{border-radius:var(--radius-md,12px);flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-weight:600;transition:all .2s;display:inline-flex}.action-buttons .btn-secondary{background:var(--bg-secondary,#fff);border:1.5px solid var(--border-color,#e4e4e7);color:var(--text-primary,#18181b)}@media (hover:hover){.action-buttons .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary,#f4f4f5);border-color:var(--text-secondary,#71717a);color:var(--text-primary,#18181b)}}.action-buttons .btn-secondary:active:not(:disabled){background:var(--bg-tertiary,#f4f4f5);transform:scale(.99)}.detail-wholesale-section{box-sizing:border-box;width:fit-content;max-width:100%;margin-bottom:24px}.detail-wholesale-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.detail-wholesale-grid{flex-wrap:wrap;gap:10px;display:flex}.detail-wholesale-card{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:10px 12px;display:flex;position:relative}.detail-wholesale-card:hover{border-color:var(--primary);transform:translateY(-2px)}.detail-wholesale-card.active{background:var(--theme-primary-light,rgba(var(--primary-rgb,239, 68, 68), .08));border:1.5px solid var(--primary)!important}.detail-ws-qty{color:var(--text-secondary);font-size:.8rem;font-weight:500}.detail-wholesale-card.active .detail-ws-qty{color:var(--primary)}.detail-ws-price{color:var(--text-primary);margin-top:3px;font-size:1.05rem;font-weight:700}.detail-ws-unit{color:var(--text-muted);font-size:.72rem;font-weight:400}.detail-wholesale-card.active .detail-ws-price{color:var(--primary)}.detail-ws-badge{color:#fff;background:#10b981;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;top:-7px;right:-5px;box-shadow:0 2px 5px #10b98159}.detail-wholesale-card.disabled{opacity:.52;cursor:not-allowed!important;background:var(--bg-secondary)!important;border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.detail-wholesale-card.disabled:hover{border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.detail-ws-badge-disabled{box-shadow:none!important;background:#94a3b8!important}.wholesale-applied-tag{color:var(--success);margin-left:8px;font-size:.8rem;font-weight:600;display:inline-block}.service-guarantee{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:center;gap:24px;padding:16px 20px;display:flex}.guarantee-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.guarantee-item svg{color:var(--success)}.product-description-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:32px}.section-subtitle{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px;font-size:1.25rem;font-weight:600}.description-content{color:var(--text-secondary);overflow-wrap:anywhere;word-break:break-word;line-height:1.8}.description-content *{box-sizing:border-box;max-width:100%}.description-content a{cursor:pointer;color:#3b82f6!important;word-break:break-all!important;overflow-wrap:anywhere!important;text-decoration:underline!important}.description-content pre,.description-content code{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:anywhere;font-family:inherit}.description-content img{max-width:100%;height:auto}.description-content table{max-width:100%;display:block;overflow-x:auto}.product-not-found{text-align:center;padding:80px 20px}.product-not-found h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.product-not-found p{color:var(--text-secondary);margin-bottom:24px}@media (width<=900px){.product-detail-container{grid-template-columns:1fr;gap:32px;margin-bottom:0!important}.product-gallery{position:static}.quantity-section{flex-wrap:wrap}.qty-total{border-top:1px solid var(--border-color);width:100%;margin-top:12px;margin-left:0;padding-top:12px}.detail-wholesale-section{box-sizing:border-box;width:100%}.detail-wholesale-grid{grid-template-columns:repeat(2,1fr);justify-content:center;gap:10px;width:100%;display:grid}.detail-wholesale-card{box-sizing:border-box;width:100%;min-width:0}.detail-wholesale-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 5px);margin:0 auto}}@media (width<=600px){.action-buttons{flex-direction:column}.service-guarantee{flex-wrap:wrap;gap:16px}.detail-wholesale-grid{gap:8px}.detail-wholesale-card{padding:9px 8px}.product-description-section{padding:20px 16px}}.variant-selector{background:0 0;flex-direction:column;gap:16px;width:fit-content;margin-bottom:24px;display:inline-flex}.variant-row{align-items:flex-start;gap:20px;display:flex}.variant-label{color:var(--text-secondary);flex-shrink:0;min-width:50px;padding-top:10px;font-size:.9rem;font-weight:500;display:none}.variant-options{flex-wrap:wrap;flex:1;gap:10px;display:flex}.variant-row:first-child .variant-option{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);border-radius:20px;padding:10px 24px;font-size:.95rem;font-weight:500}.variant-row:first-child .variant-option:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb,239, 68, 68), .05)}.variant-row:first-child .variant-option.active{border-color:var(--primary);background:var(--primary);color:#fff}.variant-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;min-width:90px;transition:all var(--transition-fast);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:12px 20px;font-size:.95rem;display:flex}.variant-option:hover{border-color:var(--primary);background:rgba(var(--primary-rgb,239, 68, 68), .05)}.variant-option.active{border-color:var(--primary);background:var(--theme-primary-light,rgba(var(--primary-rgb,239, 68, 68), .1))}.variant-option .variant-price{color:var(--primary);margin-top:4px;font-size:.8rem;font-weight:600}.variant-option.active .variant-price{color:var(--primary)}@media (width<=600px){.variant-row{flex-direction:column;gap:12px}.variant-label{padding-top:0}}.variant-option:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;text-decoration:line-through;background:var(--bg-secondary)!important;color:var(--text-muted)!important;border-style:dashed!important}.variant-option:disabled .variant-price{color:var(--text-muted)!important}@media (width<=1024px){.back-btn{display:none}}[data-theme=dark] .product-detail-page{color:#f8fafc}[data-theme=dark] .back-btn{color:#cbd5e1!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}[data-theme=dark] .back-btn:hover{color:#fff!important;background:#ffffff1f!important;border-color:#fff3!important}[data-theme=dark] .main-image{background:#151923!important;border:1px solid #ffffff14!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .thumbnail-item{background:#151923!important;border-color:#ffffff1a!important}[data-theme=dark] .thumbnail-item.active{border-color:var(--theme-primary,#8b5cf6)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb), .35)!important}[data-theme=dark] .variant-option{color:#cbd5e1!important;background:#151923!important;border:1.5px solid #ffffff1a!important}[data-theme=dark] .variant-option:hover{border-color:rgba(var(--primary-rgb), .4)!important;color:#fff!important;background:#ffffff14!important}[data-theme=dark] .variant-option.active,[data-theme=dark] .variant-row:first-child .variant-option.active{background:rgba(var(--primary-rgb), .18)!important;border:2px solid var(--theme-primary,#8b5cf6)!important;color:#f8fafc!important;box-shadow:0 0 16px rgba(var(--primary-rgb), .25)!important;font-weight:600!important}[data-theme=dark] .variant-option .variant-price{color:var(--theme-primary,#a78bfa)!important}[data-theme=dark] .variant-option.active .variant-price{color:var(--theme-primary,#a78bfa)!important;font-weight:700!important}[data-theme=dark] .price-section{background:linear-gradient(135deg, rgba(var(--primary-rgb), .12) 0%, #151923f2 100%)!important;border:1px solid #ffffff14!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=dark] .price-section .price-label{color:#94a3b8!important}[data-theme=dark] .price-section .price-value{color:var(--theme-primary,#a78bfa)!important;text-shadow:0 0 20px rgba(var(--primary-rgb), .35)!important}[data-theme=dark] .price-section .sales-row{color:#94a3b8!important}[data-theme=dark] .quantity-section{background:#151923!important;border:1px solid #ffffff14!important}[data-theme=dark] .quantity-label{color:#cbd5e1!important}[data-theme=dark] .quantity-control{background:#ffffff0f!important;border:1px solid #ffffff1a!important}[data-theme=dark] .qty-btn{color:#f1f5f9!important}[data-theme=dark] .qty-btn:hover:not(:disabled){background:rgba(var(--primary-rgb), .25)!important;color:#fff!important}[data-theme=dark] .qty-value{color:#fff!important}[data-theme=dark] .qty-total{color:#cbd5e1!important}[data-theme=dark] .qty-total strong{color:var(--theme-primary,#a78bfa)!important}[data-theme=dark] .action-buttons .btn-secondary{background:rgba(var(--primary-rgb), .12)!important;border:1px solid rgba(var(--primary-rgb), .35)!important;color:var(--theme-primary,#a78bfa)!important;font-weight:600!important;transition:all .2s!important}[data-theme=dark] .action-buttons .btn-secondary:hover:not(:disabled){background:rgba(var(--primary-rgb), .22)!important;border-color:var(--theme-primary)!important;color:#fff!important;box-shadow:0 4px 16px rgba(var(--primary-rgb), .25)!important}[data-theme=dark] .action-buttons .btn-primary{background:var(--theme-primary,#8b5cf6)!important;color:#fff!important;box-shadow:0 4px 20px rgba(var(--primary-rgb), .45)!important;border:none!important;font-weight:700!important;transition:all .2s!important}[data-theme=dark] .action-buttons .btn-primary:hover:not(:disabled){filter:brightness(1.12)!important;box-shadow:0 8px 25px rgba(var(--primary-rgb), .6)!important;transform:translateY(-1px)!important}[data-theme=dark] .detail-wholesale-card{background:#151923!important;border-color:#ffffff1a!important}[data-theme=dark] .detail-wholesale-card:hover{border-color:var(--theme-primary,#8b5cf6)!important}[data-theme=dark] .detail-wholesale-card.active{background:rgba(var(--primary-rgb), .16)!important;border-color:var(--theme-primary,#8b5cf6)!important}[data-theme=dark] .service-guarantee{background:#151923!important;border-color:#ffffff14!important}[data-theme=dark] .guarantee-item{color:#94a3b8!important}[data-theme=dark] .product-description-section{background:#151923!important;border:1px solid #ffffff14!important;box-shadow:0 4px 16px #0000004d!important}[data-theme=dark] .section-subtitle{color:#f8fafc!important;border-bottom:1px solid #ffffff14!important}[data-theme=dark] .description-content{color:#cbd5e1!important}.checkout-page{padding:20px 0}.checkout-page .back-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:.9rem;display:inline-flex}.checkout-page .back-btn:hover{color:var(--text-primary);border-color:var(--primary)}.checkout-empty{text-align:center;padding:80px 20px}.checkout-empty h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.checkout-empty p{color:var(--text-secondary);margin-bottom:24px}.checkout-container{grid-template-columns:1fr 360px;align-items:start;gap:30px;display:grid}.checkout-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;padding:24px}.checkout-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.section-desc{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.checkout-items{flex-direction:column;gap:16px;display:flex}.checkout-item{background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:16px;padding:12px;display:flex}.checkout-item img{object-fit:cover;border-radius:var(--radius-sm);width:60px;height:60px}.checkout-item .item-details{flex:1}.checkout-item h4{color:var(--text-primary);margin-bottom:4px;font-size:.95rem}.checkout-item p{color:var(--text-muted);font-size:.85rem}.checkout-item .item-price{color:var(--primary-light);font-size:1rem;font-weight:600}.payment-methods{flex-wrap:wrap;gap:12px;width:100%;display:flex}.payment-option{background:var(--bg-card,#fff);border:1.5px solid var(--border-color);border-radius:var(--radius-md,12px);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;flex-direction:column;flex:120px;justify-content:center;align-items:center;min-height:105px;padding:20px 12px;display:flex;position:relative}.payment-option:hover:not(.disabled){background:rgba(var(--primary-rgb,239, 68, 68), .04);border-color:var(--primary)}.payment-option.active{border-color:var(--primary);background:rgba(var(--primary-rgb,239, 68, 68), .04)}.payment-option.disabled{opacity:.5;cursor:not-allowed}.payment-option input{display:none}.payment-icon{justify-content:center;align-items:center;height:32px;margin-bottom:10px;font-size:1.75rem;display:flex}.payment-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.payment-option .active-dot{background-color:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.coming-soon{background:var(--border-color);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:.75rem}.checkout-sidebar{position:sticky;top:100px}.order-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.order-summary h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px;font-size:1.1rem;font-weight:600}.summary-rows{margin-bottom:16px}.summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:.95rem;display:flex}.summary-row .discount{color:var(--success)}.summary-total{justify-content:space-between;align-items:baseline;margin-bottom:20px;padding:16px 0;display:flex}.summary-total span:first-child{color:var(--text-primary);font-size:1rem;font-weight:500}.summary-total .total-price{color:var(--primary-light);font-size:1.5rem;font-weight:700}.agree-terms{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:.85rem;display:flex}.agree-terms input{accent-color:var(--primary);margin-top:3px}.agree-terms a{color:var(--primary-light)}.submit-order-btn{width:100%;margin-bottom:16px}.submit-order-btn:disabled{opacity:.6;cursor:not-allowed}.security-tips{background:rgba(var(--primary-rgb,239, 68, 68), .06);border-radius:var(--radius-sm);padding:12px}.security-tips p{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem}.security-tips p:last-child{margin-bottom:0}.remark-input{resize:vertical;width:100%;min-height:80px;padding:12px 16px;font-family:inherit;line-height:1.5}.remark-count{text-align:right;color:var(--text-muted);margin-top:8px;font-size:.8rem}.password-input-wrapper{position:relative}.password-input-wrapper .input{padding-right:44px}.password-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary)}.checkout-inputs-row{gap:20px;width:100%;margin-top:4px;display:flex}.checkout-input-group{flex:1;min-width:0}.checkout-input-group .input{width:100%}@media (width<=640px){.checkout-inputs-row{flex-direction:column;gap:16px}}@media (width<=900px){.checkout-container{grid-template-columns:1fr}.checkout-sidebar{position:static}}.policy-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.policy-modal{background:var(--bg-card,#fff);border-radius:14px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 50px #0003}.policy-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.policy-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.1rem;font-weight:700}.policy-modal-close{background:var(--bg-tertiary,#f1f5f9);cursor:pointer;width:30px;height:30px;color:var(--text-muted,#6b7280);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.policy-modal-close:hover{color:#ef4444;background:#ef44441a}.policy-modal-body{color:var(--text-secondary,#4b5563);white-space:pre-wrap;padding:24px;font-size:.9rem;line-height:1.8;overflow-y:auto}.checkout-transition-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:40px 20px;display:flex}.checkout-transition-loading h3{color:var(--text-primary);margin:20px 0 8px;font-size:1.25rem;font-weight:600}.checkout-transition-loading p{color:var(--text-muted);margin:0;font-size:.9rem}.checkout-loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite checkout-spin}@keyframes checkout-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coupon-input-field,.coupon-input-field:focus,.coupon-input-field:focus-visible,.coupon-input-field:active,.og-root .coupon-input-field:focus,.og-root .coupon-input-field:focus-visible,.og-root input.coupon-input-field:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.checkout-mobile-bar{display:none}@media (width<=768px){.checkout-page{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.checkout-sidebar .summary-total,.checkout-sidebar .submit-order-btn{display:none}.checkout-mobile-bar{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg-card,#fff);border-top:1px solid var(--border-color,#e5e7eb);z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.checkout-mobile-info{flex-direction:column;gap:2px;display:flex}.checkout-mobile-total-label{color:var(--text-muted,#6b7280);font-size:.72rem}.checkout-mobile-total-price{color:var(--primary-light,#10b981);font-size:1.3rem;font-weight:800}.checkout-mobile-btn{background:var(--gradient-primary,linear-gradient(135deg, #10b981, #059669));border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #10b98147}.checkout-mobile-btn:active{transform:scale(.98)}.checkout-mobile-btn:disabled{background:var(--bg-tertiary,#e5e7eb);color:var(--text-muted,#9ca3af);cursor:not-allowed;box-shadow:none}}.order-result-page{max-width:700px;margin:0 auto;padding:20px 0}.order-not-found{text-align:center;padding:80px 20px}.not-found-icon{width:80px;height:80px;color:var(--text-muted);opacity:.5;margin-bottom:24px}.order-not-found h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.order-not-found p{color:var(--text-secondary);margin-bottom:24px}.order-status-card{border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.order-status-card.status-success{background:linear-gradient(135deg,#10b98133 0%,#10b9810d 100%);border:1px solid #10b9814d}.order-status-card.status-warning{display:none!important}.order-status-card.status-info{background:linear-gradient(135deg,#3b82f633 0%,#3b82f60d 100%);border:1px solid #3b82f64d}.order-status-card.status-error{background:linear-gradient(135deg,#ef444433 0%,#ef44440d 100%);border:1px solid #ef44444d}.order-status-card.status-refunded{background:linear-gradient(135deg,#a855f733 0%,#a855f70d 100%);border:1px solid #a855f74d}.order-status-card.status-refunding{background:linear-gradient(135deg,#f9731633 0%,#f973160d 100%);border:1px solid #f973164d}.status-refunding .status-icon{color:#f97316;background:#f9731633}.status-refunded .status-icon{color:#7c3aed;background:#a855f733}.status-error .status-icon{color:#ef4444;background:#ef444433}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.status-success .status-icon{color:var(--success);background:#10b98133}.status-warning .status-icon{color:var(--warning);background:#f59e0b33}.status-info .status-icon{color:var(--info);background:#3b82f633}.status-info h2{color:var(--text-primary);margin-bottom:6px;font-size:1.5rem}.status-info p{color:var(--text-secondary);font-size:.9rem}.payment-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:18px auto 8px;display:flex}.payment-countdown-pill{color:#92400e;-webkit-user-select:none;user-select:none;background:#fffbeb;border:1px solid #f59e0b47;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.85rem;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #f59e0b0f}.countdown-pulse-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.8s cubic-bezier(.4,0,.6,1) infinite countdown-pulse-ring;box-shadow:0 0 #f59e0bb3}@keyframes countdown-pulse-ring{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.countdown-text{color:#92400e;font-weight:500}.payment-countdown-pill .countdown-time{color:#b45309;letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:700}.payment-countdown-pill.urgent{color:#991b1b;background:#fef2f2;border-color:#ef444459;box-shadow:0 1px 4px #ef444414}.payment-countdown-pill.urgent .countdown-pulse-dot{background:#ef4444;animation:1s cubic-bezier(.4,0,.6,1) infinite countdown-pulse-urgent}@keyframes countdown-pulse-urgent{0%{box-shadow:0 0 #ef4444cc}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}.payment-countdown-pill.urgent .countdown-text{color:#991b1b}.payment-countdown-pill.urgent .countdown-time{color:#dc2626}.payment-cancel-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.payment-cancel-btn:hover{color:#374151;background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.payment-cancel-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .payment-countdown-pill{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b59}[data-theme=dark] .countdown-text{color:#fcd34d}[data-theme=dark] .payment-countdown-pill .countdown-time{color:#fde68a}[data-theme=dark] .payment-countdown-pill.urgent{color:#fca5a5;background:#ef444426;border-color:#ef444466}[data-theme=dark] .payment-countdown-pill.urgent .countdown-text{color:#fca5a5}[data-theme=dark] .payment-countdown-pill.urgent .countdown-time{color:#f87171}[data-theme=dark] .payment-cancel-btn{color:#9ca3af;background:#ffffff0d;border-color:#ffffff1f}[data-theme=dark] .payment-cancel-btn:hover{color:#f3f4f6;background:#ffffff1a;border-color:#fff3}.payment-countdown{border-radius:var(--radius-md);color:#92400e;background:linear-gradient(135deg,#f59e0b1a,#fbbf2426);border:1px solid #f59e0b4d;justify-content:center;align-items:center;gap:8px;margin:16px 0;padding:12px 20px;font-size:.95rem;display:flex}.payment-countdown .countdown-icon{font-size:1.2rem}.payment-countdown .countdown-time{color:#b45309;letter-spacing:1px;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700}.payment-countdown.urgent{color:#dc2626;background:linear-gradient(135deg,#ef44441a,#f8717126);border-color:#ef444466;animation:1s ease-in-out infinite pulse}.payment-countdown.urgent .countdown-time{color:#b91c1c}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.order-content{margin-bottom:32px}.order-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px;padding:24px}.order-section .section-subtitle{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;font-size:1rem;font-weight:600}.order-product{align-items:center;gap:16px;display:flex}.order-product img{object-fit:cover;border-radius:var(--radius-sm);width:80px;height:60px}.order-product .product-info{flex:1}.order-product h4{color:var(--text-primary);margin-bottom:4px;font-size:1rem}.order-product p{color:var(--text-muted);font-size:.85rem}.product-amount{color:var(--primary-light);font-size:1.25rem;font-weight:700}.order-section .section-header,.cards-section .section-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.order-section .section-header .section-subtitle,.cards-section .section-header .section-subtitle{border-bottom:none;margin:0;padding-bottom:0;font-size:1.1rem}.order-receipt-btn{background:var(--bg-secondary,#fff);color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#0000001f);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:5px 13px;font-size:.82rem;font-weight:500;line-height:1.2;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.order-receipt-btn:hover{background:var(--text-primary,#0f172a);color:var(--bg-card,#fff);border-color:var(--text-primary,#0f172a);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}[data-theme=dark] .order-receipt-btn{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .order-receipt-btn:hover{color:#0f172a;background:#fff;border-color:#fff;box-shadow:0 4px 16px #ffffff29}.order-receipt-btn:active{transform:scale(.97)}.order-receipt-btn .receipt-icon{opacity:.8;font-size:.92rem;transition:transform .2s,opacity .2s}.order-receipt-btn:hover .receipt-icon{opacity:1;transform:scale(1.08)}.order-receipt-btn .receipt-arrow{opacity:.5;font-size:.78rem;transition:transform .2s,opacity .2s}.order-receipt-btn:hover .receipt-arrow{opacity:1;transform:translate(1px,-1px)}.cards-actions{gap:8px;display:flex}.copy-all-btn{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;display:flex}.copy-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.toggle-cards-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 14px;font-size:.85rem}.toggle-cards-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cards-container{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.card-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.card-item:hover{border-color:var(--primary);background:#ef444408}.card-index{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;margin-top:2px;font-size:.8rem;font-weight:600;display:flex}.card-content-wrapper{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.card-content{color:var(--text-primary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;background:#0000000a;padding:8px 12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;transition:filter .3s;display:block}.card-copy-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary-light);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:1rem;display:flex}.card-copy-btn:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.05)}.cards-footer{border-radius:var(--radius-sm);background:#f59e0b14;border:1px solid #f59e0b33;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cards-count{color:var(--text-secondary);font-size:.9rem}.cards-count strong{color:var(--primary-light);font-weight:600}.cards-warning{color:var(--warning);font-size:.85rem}.pending-section{text-align:center}.pending-notice{border-radius:var(--radius-sm);background:#f59e0b1a;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.pending-notice svg{color:var(--warning);font-size:2rem}.pending-notice h4{color:var(--text-primary);margin-bottom:4px;font-size:1rem}.pending-notice p{color:var(--text-secondary);font-size:.85rem}.cancelled-section{background:#ef44440d;border-color:#ef444433}.cancelled-notice{border-radius:var(--radius-sm);background:#ef44441a;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.cancelled-notice svg{color:var(--primary);font-size:2.5rem}.cancelled-notice h4{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.cancelled-notice p{color:var(--text-secondary);font-size:.9rem}.refunding-section{background:#f973160d;border-color:#f9731633}.refunding-notice{border-radius:var(--radius-sm);background:#f973161a;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.refunding-notice svg{color:#f97316;font-size:2.5rem}.refunding-notice h4{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.refunding-notice p{color:var(--text-secondary);font-size:.9rem}.refunded-section{background:#a855f70d;border-color:#a855f733}.refunded-notice{border-radius:var(--radius-sm);background:#a855f71a;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.refunded-notice svg{color:#7c3aed;font-size:2.5rem}.refunded-notice h4{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.refunded-notice p{color:var(--text-secondary);font-size:.9rem}.pay-now-btn{width:100%}.order-details{flex-direction:column;gap:12px;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.detail-row span:first-child{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.detail-row span:last-child{color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;text-align:right;flex:1;min-width:0}.detail-row.detail-row-block{flex-direction:column;align-items:flex-start;gap:4px}.detail-row.detail-row-block span:last-child{text-align:left;width:100%;color:var(--text-primary,#0f172a);font-weight:600}.detail-row.total{border-top:1px solid var(--border-color);padding-top:12px;font-weight:600}.detail-row.total span:last-child{color:var(--primary-light);font-size:1.1rem}.order-actions{gap:16px;display:flex}.order-actions .btn{flex:1;padding:14px 24px}@media (width<=600px){.order-status-card{text-align:center;flex-direction:column}.order-product{flex-wrap:wrap}.order-actions{flex-direction:column}}.qr-payment-section{text-align:center;padding:20px}.qr-payment-section h4{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem}.qr-code-container{border-radius:var(--radius-md);background:#fff;margin-bottom:20px;padding:16px;display:inline-block;box-shadow:0 4px 20px #0000001a}.qr-code-image{width:200px;height:200px;display:block}.qr-amount{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.qr-amount strong{color:var(--primary-light);font-size:1.5rem}.qr-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.polling-indicator{border-radius:var(--radius-sm);color:var(--info);background:#3b82f61a;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:.9rem;display:flex}.polling-dot{background:var(--info);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.delivery-note-section{background:linear-gradient(135deg,#3b82f60f 0%,#6366f10a 100%);border-color:#3b82f633}.delivery-note-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f614 0%,#6366f10d 100%);border:1px solid #3b82f626;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.delivery-note-icon{flex-shrink:0;margin-top:2px;font-size:1.6rem;line-height:1}.delivery-note-content h4{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:600}.delivery-note-content p{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.6}.cards-pending-section{text-align:center}.cards-pending-notice{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f61a 0%,#3b82f60d 100%);border:1px solid #3b82f633;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.cards-pending-notice svg{color:var(--info);font-size:2.5rem;animation:2s infinite pulse}.cards-pending-notice h4{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.cards-pending-notice p{color:var(--text-secondary);font-size:.9rem}.usdt-payment-section{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#26a17b1a 0%,#26a17b0d 100%);border:1px solid #26a17b4d;padding:24px}.usdt-payment-section h4{color:var(--text-primary);margin-bottom:20px;font-size:1.2rem}.usdt-amount-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.usdt-amount-display .amount-label{color:var(--text-secondary);font-size:.95rem}.usdt-amount-display .usdt-amount{color:#26a17b;font-size:1.8rem;font-weight:700}.copy-amount-btn{color:#26a17b;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#26a17b33;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;display:inline-flex}.copy-amount-btn:hover{background:#26a17b4d}.usdt-address-section{margin-bottom:20px}.usdt-address-section label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;display:block}.address-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.address-box code{color:var(--text-primary);word-break:break-all;font-family:monospace;font-size:.9rem}.address-box .copy-btn{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;padding:6px 8px}.address-box .copy-btn:hover{background:var(--primary);color:#fff}.usdt-qr-container{border-radius:var(--radius-md);background:#fff;margin:20px auto;padding:16px;display:inline-block}.usdt-qr-image{display:block}.usdt-info{color:var(--text-secondary);margin:16px 0;font-size:.9rem}.usdt-info p{margin:4px 0}.usdt-warning{border-radius:var(--radius-md);color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b4d;margin:16px 0;padding:12px 16px;font-size:.9rem}.usdt-warning strong{color:#26a17b}.order-query-page{justify-content:center;padding:60px 20px;display:flex}.query-container{text-align:center;width:100%;max-width:520px}.query-icon{width:80px;height:80px;color:var(--theme-primary,var(--primary,#6366f1));background:var(--theme-primary-light,rgba(var(--primary-rgb,99, 102, 241), .12));border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2.5rem;display:flex}.query-container h1{color:var(--text-primary);margin-bottom:12px;font-size:1.75rem;font-weight:700}.query-desc{color:var(--text-secondary);margin-bottom:40px}.query-form{text-align:left;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:10px;font-size:.95rem;font-weight:500;display:block}.query-input{padding:14px 16px;font-size:1rem}.input-hint{color:var(--text-muted);margin-top:8px;font-size:.8rem;display:block}.query-btn{width:100%;margin-top:8px}.loading-text{justify-content:center;align-items:center;gap:10px;display:flex}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.order-results{text-align:left;margin-top:32px}.results-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;font-size:1rem;font-weight:600}.order-list{flex-direction:column;gap:12px;display:flex}.order-list-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.order-list-item:hover{border-color:var(--theme-primary,var(--primary,#6366f1));box-shadow:0 4px 16px var(--theme-primary-shadow,rgba(var(--primary-rgb,99, 102, 241), .12));transform:translateY(-1px)}.order-item-left{flex:1;min-width:0}.order-item-product{align-items:center;gap:12px;display:flex}.order-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.order-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.95rem;font-weight:500;overflow:hidden}.order-item-no{color:var(--text-muted);margin-top:2px;font-size:.8rem}.order-item-right{text-align:right;flex-shrink:0;margin-left:16px}.order-item-price{color:var(--text-primary);font-size:1rem;font-weight:600}.order-item-status{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.8rem;display:flex}.query-tips{text-align:left;background:var(--theme-primary-light,rgba(var(--primary-rgb,99, 102, 241), .08));border:1px solid var(--theme-primary-light,rgba(var(--primary-rgb,99, 102, 241), .2));border-radius:var(--radius-md);padding:20px}.query-tips h3{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:600}.query-tips ul{list-style:none}.query-tips li{color:var(--text-secondary);margin-bottom:8px;padding-left:16px;font-size:.9rem;position:relative}.query-tips li:before{content:"•";color:var(--theme-primary,var(--primary,#6366f1));position:absolute;left:0}.query-tips li:last-child{margin-bottom:0}@media (width<=640px){.order-query-page{padding:30px 12px}.query-form{padding:24px 18px}.order-item-name{max-width:140px}}.auth-page{box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-height:calc(100dvh - 56px);padding:20px;display:flex}.auth-container{width:100%;max-width:460px;margin:auto 0}@media (width<=600px){.auth-page{align-items:flex-start;padding:18px 12px}.auth-container{max-width:100%}.auth-header{margin-bottom:14px}.auth-header h1{font-size:1.6rem}.auth-form{border-radius:16px;gap:12px;padding:20px 16px}.input-wrapper .input,.auth-btn{min-height:48px}.auth-divider{margin:12px 0}}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:28px 20px;display:flex}.auth-container{width:100%;max-width:460px}.auth-header{text-align:center;margin-bottom:20px}.auth-header h1{color:var(--text-primary);margin-bottom:6px;font-size:1.9rem;font-weight:700;line-height:1.15}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:14px;padding:28px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500;display:block}.input-wrapper{position:relative}.input-wrapper .input{width:100%;min-height:52px}.input-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input.with-icon{padding-left:44px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.otp-row{align-items:center;gap:10px;display:flex}.otp-row .input{flex:1;min-width:0;min-height:52px}.otp-row .btn{white-space:nowrap;min-width:110px;min-height:52px;padding-inline:14px}.otp-feedback{margin-top:2px;font-size:.8rem;line-height:1.4}.form-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.9rem;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.remember-me a{color:var(--primary-light)}.forgot-password{color:var(--primary-light);text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-btn{width:100%;min-height:52px;margin-top:6px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:18px;font-size:.95rem}.auth-footer a{font-weight:500}.auth-divider{align-items:center;margin:16px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-divider span{color:var(--text-muted);padding:0 16px;font-size:.85rem}.guest-option{text-align:center}.guest-option .btn{width:100%}@media (width<=600px){.auth-page{align-items:flex-start;padding:18px 12px}.auth-container{max-width:100%}.auth-header{margin-bottom:14px}.auth-header h1{font-size:1.6rem}.auth-form{border-radius:16px;gap:12px;padding:20px 16px}.input-wrapper .input,.auth-btn,.otp-row .input,.otp-row .btn{min-height:48px}.otp-row{gap:8px}.auth-divider{margin:12px 0}}.ticket-new-page{padding:20px 0}.ticket-new-page .back-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:.9rem;display:inline-flex}.ticket-new-page .back-btn:hover{color:var(--text-primary);border-color:var(--primary)}.ticket-new-container{max-width:700px;margin:0 auto}.ticket-new-header{text-align:center;margin-bottom:40px}.ticket-new-header h1{color:var(--text-primary);margin:0 0 12px;font-size:1.75rem;font-weight:700}.ticket-new-header p{color:var(--text-secondary);margin:0}.ticket-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.ticket-form .form-group{margin-bottom:24px}.ticket-form label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:500;display:flex}.type-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.type-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;padding:16px;display:flex;position:relative}.type-option input{opacity:0;position:absolute}.type-option:hover{border-color:var(--primary)}.type-option.active{border-color:var(--primary);background:#ef44440d}.type-label{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.type-desc{color:var(--text-muted);font-size:.8rem}.type-option.active .type-label{color:var(--primary)}.ticket-form .input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:14px 16px;font-size:.95rem}.ticket-form .input:focus{border-color:var(--primary);background:var(--bg-card);outline:none}.ticket-form .textarea{resize:vertical;min-height:150px;line-height:1.6}.char-count{text-align:right;color:var(--text-muted);margin-top:8px;font-size:.8rem}.ticket-image-uploader{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.ticket-image-preview{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);width:92px;height:92px;position:relative;overflow:hidden}.ticket-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#0f172ad9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;right:6px}.ticket-image-add{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:92px;height:92px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.ticket-image-add:hover{border-color:var(--primary);color:var(--primary);background:#3b82f60d}.ticket-image-add input{display:none}.upload-tip{color:var(--text-muted);margin-top:8px;font-size:.8rem;line-height:1.5}.form-actions{text-align:center;margin-top:32px}.form-actions .btn-lg{padding:16px 48px;font-size:1rem}@media (width<=600px){.type-options{grid-template-columns:1fr}.ticket-form{padding:20px}}.open-tickets-warning{border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b66;margin-bottom:24px;padding:16px 20px}.warning-title{color:#b45309;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}[data-theme=dark] .warning-title{color:#fbbf24}.warning-ticket-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.warning-ticket-link{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.warning-ticket-link:hover{border-color:#f59e0b}.warning-ticket-no{color:var(--text-muted);flex-shrink:0;font-family:monospace;font-size:.75rem}.warning-ticket-subject{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.warning-ticket-status{border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600}.warning-ticket-status.open{color:#ef4444;background:#ef44441a}.warning-ticket-status.in-progress{color:#3b82f6;background:#3b82f61a}.custom-dropdown{position:relative}.dropdown-trigger{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95rem;display:flex}.dropdown-trigger:hover{border-color:var(--primary)}.dropdown-trigger.open{border-color:var(--primary);border-bottom-right-radius:0;border-bottom-left-radius:0}.dropdown-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:8px}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{border:2px solid var(--primary);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100;background:#fff;border-top:none;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}[data-theme=dark] .dropdown-menu{background:#1f2937}.dropdown-item{cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-item:hover{background:#f3f4f6}[data-theme=dark] .dropdown-item:hover{background:#374151}.dropdown-item.selected{background:#ef444414}.dropdown-item.selected:hover{background:#ef44441f}.dropdown-divider{background:var(--border-color);height:1px}.item-text{color:var(--text-primary);font-size:.9rem}.item-content{flex:1;min-width:0}.item-product{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;display:block;overflow:hidden}.item-meta{align-items:center;gap:12px;margin-top:4px;display:flex}.item-order-no{color:var(--text-muted);font-family:monospace;font-size:.75rem}.item-amount{color:var(--primary);font-size:.8rem;font-weight:600}.item-check{color:var(--primary);flex-shrink:0;margin-left:8px}.dropdown-hint{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);background:#f9fafb;padding:10px 16px;font-size:.8rem}[data-theme=dark] .dropdown-hint{background:#111827}@media (width<=1024px){.ticket-new-page .back-btn{display:none}}.ticket-detail-page{padding:20px 0}.ticket-detail-page .back-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:.9rem;display:inline-flex}.ticket-detail-page .back-btn:hover{color:var(--text-primary);border-color:var(--primary)}.ticket-detail-container{max-width:800px;margin:0 auto}.ticket-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.ticket-info-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ticket-info-header-right{align-items:center;gap:10px;display:flex}.btn-close-ticket{color:#ef4444;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;display:inline-flex}.btn-close-ticket:hover{background:#ef444414;border-color:#ef4444}.btn-reopen-ticket{color:#16a34a;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #22c55e80;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;display:inline-flex}.btn-reopen-ticket:hover:not(:disabled){background:#22c55e14;border-color:#16a34a}.btn-reopen-ticket:disabled{opacity:.6;cursor:not-allowed}.btn-reopen-inline{color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-reopen-inline:hover:not(:disabled){background:#15803d}.btn-reopen-inline:disabled{opacity:.6;cursor:not-allowed}.ticket-info-card .ticket-no{color:var(--text-muted);font-family:monospace;font-size:.85rem}.ticket-info-card .ticket-status{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:500;display:flex}.ticket-info-card .ticket-status.open{color:#ef4444;background:#ef44441a}.ticket-info-card .ticket-status.in-progress{color:#f59e0b;background:#f59e0b1a}.ticket-info-card .ticket-status.closed{color:#64748b;background:#64748b1a}.ticket-info-card .ticket-status.completed{color:#10b981;background:#10b9811a}.ticket-info-card .ticket-subject{color:var(--text-primary);margin:0 0 16px;font-size:1.25rem;font-weight:600}.ticket-info-card .ticket-meta{flex-wrap:wrap;justify-content:flex-start;gap:16px;display:flex}.ticket-info-card .meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.ticket-info-card .order-product{color:var(--text-muted);margin-left:8px}.messages-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.messages-list{max-height:500px;padding:24px;overflow-y:auto}.message-item{gap:12px;margin-bottom:10px;display:flex}.message-item:last-of-type{margin-bottom:0}.message-item.user{flex-direction:row-reverse}.message-item.user .message-content{flex-direction:column;align-items:flex-end;display:flex}.message-item.user .message-header{flex-direction:row-reverse}.message-item.user .message-text{border-left:1px solid #3b82f629;border-right:3px solid #3b82f6;border-top-left-radius:8px;border-top-right-radius:4px}.message-item.user .message-images{justify-content:flex-end}.message-item.admin{flex-direction:row}.message-item.admin .message-content{flex-direction:column;align-items:flex-start;display:flex}.message-item.admin .message-header{flex-direction:row}.message-item.admin .message-images{justify-content:flex-start}.message-avatar{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.message-item.admin .message-avatar{background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%)}.message-content{flex:1;min-width:0}.message-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.message-sender{color:var(--text-primary);font-size:.9rem;font-weight:600}.message-item.admin .message-sender{color:#8b5cf6}.message-time{color:var(--text-muted);font-size:.8rem}.message-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#3b82f61f 0%,#6366f11f 100%);border:1px solid #3b82f629;border-left:3px solid #3b82f6;border-radius:4px 8px 8px;padding:12px 16px;font-size:.9rem;line-height:1.5}[data-theme=light] .message-text{background:linear-gradient(135deg,#3b82f624 0%,#6366f124 100%);border-color:#3b82f638}.message-images{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.message-image-link{text-decoration:none;display:inline-flex}.message-image{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;width:120px;height:120px}.message-item.admin .message-text{background:linear-gradient(135deg,#8b5cf61f 0%,#d946ef1f 100%);border:1px solid #8b5cf629;border-left:3px solid #8b5cf6}[data-theme=light] .message-item.admin .message-text{background:linear-gradient(135deg,#8b5cf624 0%,#d946ef24 100%);border-color:#8b5cf638}.message-input-form{flex-direction:column;align-items:stretch;gap:12px;padding:16px 24px 24px;display:flex}.message-input-panel{flex-direction:column;gap:10px;display:flex}.message-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);resize:none;transition:all var(--transition-fast);border-radius:8px;flex:1;padding:10px 14px;font-size:.9rem;line-height:1.5}.message-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61f}.message-attachment-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.message-image-add{border:1px dashed var(--border-color);background:var(--bg-secondary);width:60px;height:60px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;order:0;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:.72rem;display:inline-flex}.message-attachments{flex-wrap:wrap;flex:1;order:1;align-items:center;gap:10px;min-height:36px;display:flex}.message-attachment{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;width:60px;height:60px;position:relative;overflow:hidden}.message-attachment img{object-fit:cover;width:100%;height:100%;display:block}.remove-attachment-btn{color:#fff;cursor:pointer;background:#0f172ad9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.message-image-add{border:1px dashed var(--border-color);background:var(--bg-secondary);width:60px;height:60px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:.72rem;display:inline-flex}.message-image-add:hover{border-color:var(--primary);color:var(--primary);background:#3b82f60d}.message-image-add input{display:none}.send-btn{border-radius:8px;order:2;justify-content:center;align-self:center;align-items:center;gap:6px;min-width:90px;height:40px;margin-left:auto;padding:0 18px;font-size:.88rem;font-weight:500;display:inline-flex}.ticket-closed-notice{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px}.ticket-completed-notice{text-align:center;color:#10b981;background:#10b98114;border-top:1px solid #10b98126;padding:12px 20px;font-size:.9rem}.close-confirm-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.close-confirm-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;padding:32px}.close-confirm-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:1.4rem;display:flex}.close-confirm-modal h3{color:var(--text-primary);margin:0 0 10px;font-size:1.1rem;font-weight:600}.close-confirm-modal p{color:var(--text-secondary);margin:0 0 24px;font-size:.9rem;line-height:1.6}.close-confirm-actions{justify-content:center;gap:10px;display:flex}.btn-danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#ef4444;border:none;padding:10px 20px;font-size:.9rem}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:10px 20px;font-size:.9rem}.btn-ghost:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.loading-state,.error-state{text-align:center;color:var(--text-secondary);padding:80px 20px}@media (width<=600px){.ticket-detail-page{padding:12px 0}.ticket-detail-page .back-btn{margin-bottom:16px;padding:8px 14px;font-size:.85rem}.ticket-info-card{margin-bottom:16px;padding:16px}.ticket-info-header{flex-wrap:wrap;gap:10px}.ticket-info-card .ticket-no{font-size:.75rem}.ticket-info-card .ticket-status{padding:4px 10px;font-size:.75rem}.ticket-info-card .ticket-subject{margin-bottom:12px;font-size:1.1rem}.ticket-info-card .ticket-meta{flex-direction:column;align-items:flex-start;gap:10px}.ticket-info-card .meta-item{flex-wrap:wrap;font-size:.8rem}.ticket-info-card .order-product{margin-left:0;display:block}.messages-list{max-height:400px;padding:16px}.message-item{gap:10px}.message-avatar{width:32px;height:32px;font-size:1rem}.message-header{flex-wrap:wrap;gap:6px}.message-sender{font-size:.85rem}.message-time{font-size:.75rem}.message-text{border-radius:3px 10px 10px;padding:14px 16px;font-size:.9rem}.message-input-form{flex-direction:column;gap:10px;padding:12px 16px 16px}.message-input{width:100%;padding:10px 12px;font-size:.9rem}.send-btn{justify-content:center;width:100%;padding:10px 20px}.ticket-closed-notice{padding:16px;font-size:.9rem}}.ticket-detail-actions-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ticket-detail-actions-header .back-btn{margin-bottom:0!important}.btn-fullscreen-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-fullscreen-toggle:hover{color:var(--text-primary);border-color:var(--primary);background:var(--bg-secondary)}.ticket-detail-container{transition:max-width var(--transition-normal)}.ticket-detail-container.fullscreen-mode{max-width:100%!important}.ticket-detail-layout{flex-direction:column;gap:20px;display:flex}.ticket-detail-container.fullscreen-mode .ticket-detail-layout{flex-direction:row-reverse;align-items:stretch;height:calc(100vh - 150px);margin-bottom:0}.ticket-info-column{flex-direction:column;gap:20px;width:100%;display:flex}.ticket-detail-container.fullscreen-mode .ticket-info-column{flex-shrink:0;width:320px;padding-right:4px;overflow-y:auto}.ticket-chat-column{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.ticket-detail-container.fullscreen-mode .ticket-chat-column{gap:0;height:100%}.ticket-detail-container.fullscreen-mode .messages-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.messages-list{transition:max-height var(--transition-normal)}.ticket-detail-container.fullscreen-mode .messages-list{flex:1;overflow-y:auto;max-height:none!important}.ticket-detail-container.fullscreen-mode .messages-list::-webkit-scrollbar{width:6px}.ticket-detail-container.fullscreen-mode .ticket-info-column::-webkit-scrollbar{width:6px}.ticket-detail-container.fullscreen-mode .messages-list::-webkit-scrollbar-track{background:0 0}.ticket-detail-container.fullscreen-mode .ticket-info-column::-webkit-scrollbar-track{background:0 0}.ticket-detail-container.fullscreen-mode .messages-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.ticket-detail-container.fullscreen-mode .ticket-info-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.ticket-detail-container.fullscreen-mode .messages-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ticket-detail-container.fullscreen-mode .ticket-info-column::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=900px){.ticket-detail-container.fullscreen-mode .ticket-detail-layout{flex-direction:column;height:auto}.ticket-detail-container.fullscreen-mode .ticket-info-column{width:100%;height:auto;overflow-y:visible}.ticket-detail-container.fullscreen-mode .messages-list{max-height:500px!important}}@media (width<=600px){.ticket-detail-actions-header{margin-bottom:16px}}.ticket-platform-review{text-align:left;background:#7c3aed09;border:1px solid #7c3aed29;border-radius:12px;align-items:flex-start;gap:14px;margin:18px 20px 20px;padding:18px 20px;display:flex}.ticket-platform-review-icon{color:#7c3aed;background:#7c3aed17;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.ticket-platform-review-content{min-width:0}.ticket-platform-review-heading{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.ticket-platform-review-badge{color:#7c3aed;white-space:nowrap;background:#7c3aed14;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.ticket-platform-review-content p{color:var(--text-secondary);margin:6px 0 0;font-size:.82rem;line-height:1.7}@media (width<=600px){.ticket-platform-review{gap:10px;margin:14px 12px;padding:14px}}.policy-page{min-height:90vh;padding:40px 20px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.policy-container{max-width:800px;margin:0 auto}.policy-back{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #00000005}.policy-back:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.policy-card{border-radius:20px;overflow:hidden}.policy-header{text-align:center;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);padding:50px 40px;position:relative;overflow:hidden}.policy-header:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;left:-40px}.policy-header:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-90px}.policy-header h1{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #0f172a1a;margin:0 0 12px;font-size:2.2rem;font-weight:800}.policy-shop{color:#fff;text-shadow:0 1px 2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:30px;padding:5px 16px;font-size:.82rem;font-weight:700;display:inline-block;box-shadow:0 4px 6px #00000008}.policy-content{color:#334155;padding:45px 50px;font-size:.96rem;line-height:1.8}.policy-section-title{color:#0f172a;border-bottom:1.5px solid #f1f5f9;margin:38px 0 16px;padding-bottom:8px;font-size:1.25rem;font-weight:700}.policy-paragraph{color:#334155;margin-bottom:18px;font-size:.96rem;line-height:1.8}.policy-list-item{color:#4b5563;margin-bottom:12px;padding-left:20px;font-size:.94rem;line-height:1.7;list-style:none;position:relative}.policy-list-item:before{content:"•";color:#0ea5e9;font-size:1.1rem;font-weight:700;position:absolute;left:4px}.policy-list-item strong{color:#0f172a;font-weight:700}.policy-callout{background:linear-gradient(135deg,#0ea5e90a 0%,#14b8a605 100%);border-left:4px solid #0ea5e9;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:30px;padding:18px 22px;display:flex}.policy-callout-icon{margin-top:2px;font-size:1.25rem;line-height:1}.policy-callout-content{color:#0369a1;font-size:.94rem;font-weight:550;line-height:1.6}.policy-empty{text-align:center;color:#64748b;padding:80px 20px;font-size:1rem}@media (width<=640px){.policy-page{padding:24px 12px 60px}.policy-content{padding:30px 20px}.policy-header{padding:36px 20px}.policy-header h1{font-size:1.8rem}.policy-section-title{margin-top:28px;font-size:1.15rem}}.complaint-page{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:60px 20px;font-family:Inter,-apple-system,sans-serif;animation:.3s ease-out fadeIn;display:flex}.complaint-container{background:var(--bg-card);border:1px solid var(--border-color);width:840px;max-width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:40px}.complaint-back-btn{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.complaint-back-btn:hover{color:var(--primary)}.complaint-header{border-bottom:1px solid var(--border-color);margin-bottom:28px;padding-bottom:16px}.complaint-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.complaint-title .warning-icon{color:#ef4444;font-size:1.6rem}.complaint-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.88rem}.complaint-intro-banner{color:var(--text-primary);background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-size:.82rem;line-height:1.6}.complaint-intro-banner strong{color:#ef4444}.complaint-form{flex-direction:column;gap:20px;display:flex}.complaint-form .form-group{flex-direction:column;gap:8px;display:flex}.complaint-form .form-label{color:var(--text-primary);align-items:center;font-size:.85rem;font-weight:600;display:flex}.complaint-input,.complaint-textarea{box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.complaint-input:focus,.complaint-textarea:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #ef444414}.complaint-textarea{resize:vertical;line-height:1.6}.complaint-type-selectors{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}.complaint-form .type-selector-card{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;min-width:0;margin:0;padding:18px;transition:border-color .2s,background .2s;display:grid;position:relative}.complaint-form .type-selector-card input[type=radio]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.complaint-form .type-selector-card:focus-within{outline-offset:3px;outline:2px solid #ef4444}.complaint-type-copy{flex-direction:column;grid-area:1/1;gap:8px;display:flex}.complaint-type-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.5}.complaint-type-description{color:var(--text-muted);font-size:.78rem;font-weight:400;line-height:1.65}.complaint-form .type-selector-card:hover{border-color:#ef444466}.complaint-form .type-selector-card.active{background:#ef44440d;border-color:#ef4444}.complaint-form .type-selector-card.active .complaint-type-title{color:#ef4444}.complaint-form .type-selector-card:has(input:disabled){opacity:.6;cursor:not-allowed}.complaint-images-uploader{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.uploader-preview{border:1px solid var(--border-color);box-sizing:border-box;border-radius:10px;width:90px;height:90px;position:relative;overflow:hidden}.uploader-preview img{object-fit:cover;width:100%;height:100%}.uploader-preview .remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0 0 2px;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.uploader-preview .remove-btn:hover{background:#ef4444}.complaint-images-uploader .uploader-add-btn{border:1px dashed var(--border-color)!important;background:var(--bg-secondary)!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:10px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:90px!important;height:90px!important;margin:0!important;padding:0!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.complaint-images-uploader .uploader-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444414;background:#ef44440a!important;border-color:#ef4444!important}.complaint-images-uploader .uploader-add-btn svg{color:var(--text-muted)!important;margin:0!important;font-size:1.4rem!important;transition:color .25s,transform .25s!important;display:block!important}.complaint-images-uploader .uploader-add-btn:hover svg{transform:scale(1.1);color:#ef4444!important}.complaint-images-uploader .uploader-add-btn span{color:var(--text-muted)!important;font-size:.72rem!important;font-weight:500!important;line-height:1!important;transition:color .25s!important}.complaint-images-uploader .uploader-add-btn:hover span{color:#ef4444!important}.complaint-images-uploader .uploader-add-btn input{display:none!important}.uploader-hint{color:var(--text-muted);margin-top:4px;font-size:.72rem}.complaint-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex;box-shadow:0 4px 12px #ef444433}.complaint-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.complaint-submit-btn:active:not(:disabled){transform:translateY(0)}.complaint-submit-btn:disabled{opacity:.6;cursor:not-allowed}.complaint-success-card{text-align:center;padding:20px 0;animation:.3s ease-out scaleIn}.complaint-success-card .success-icon{color:#10b981;margin-bottom:16px;font-size:3.5rem}.complaint-success-card h3{color:var(--text-primary);margin:0 0 12px;font-size:1.35rem;font-weight:700}.complaint-success-card .success-tip{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.6}.complaint-success-card .ticket-no-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:240px;margin-bottom:24px;padding:16px;display:inline-flex}.ticket-no-card .label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:500}.ticket-no-card .value{color:var(--text-primary);font-family:monospace;font-size:1.35rem;font-weight:800}.complaint-success-card .footer-tip{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:.78rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.complaint-container{padding:24px 16px}.complaint-type-selectors{grid-template-columns:1fr;gap:8px}.complaint-title{font-size:1.25rem}}.complaint-more-expanded{background:#ffffff04;border:1px dashed #ffffff1a;border-radius:12px;margin-top:16px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.more-expanded-title{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;font-weight:600}.more-expanded-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sub-type-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:8px;outline:none;padding:10px 8px;font-size:.78rem;font-weight:500;transition:all .2s}.sub-type-badge:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:#ef44444d}.sub-type-badge.active{color:#ef4444;background:#ef44440f;border-color:#ef4444;font-weight:600;box-shadow:0 0 10px #ef44440d}@media (width<=600px){.more-expanded-grid{grid-template-columns:repeat(2,1fr)}}.complaint-login-prompt{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;animation:.4s ease-out fadeIn;display:flex}.complaint-login-prompt .shield-icon-wrapper{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:2.2rem;animation:2s ease-in-out infinite pulseIcon;display:flex;box-shadow:0 8px 24px #ef44440d}@keyframes pulseIcon{0%,to{transform:scale(1);box-shadow:0 8px 24px #ef44440d}50%{transform:scale(1.05);box-shadow:0 8px 32px #ef444426}}.complaint-login-prompt h2{color:var(--text-primary);margin:0 0 12px;font-size:1.45rem;font-weight:800}.complaint-login-prompt p{color:var(--text-secondary);max-width:580px;margin:0 0 32px;font-size:.9rem;line-height:1.6}.complaint-login-prompt .action-buttons{justify-content:center;gap:16px;width:100%;max-width:360px;display:flex}.complaint-login-prompt .btn-login-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ef444433}.complaint-login-prompt .btn-login-now:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.complaint-login-prompt .btn-login-now:active{transform:translateY(0)}.complaint-login-prompt .btn-go-home{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.complaint-login-prompt .btn-go-home:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}