.receipt-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.receipt-paper{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;max-width:400px;margin:0 auto;border:1px solid #e8e8e8}.receipt-header{text-align:center;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:16px}.store-name{font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:12px;color:#000}.store-info{font-size:12px;line-height:1.3;color:#333}.store-info div{margin-bottom:2px}.receipt-title{text-align:center;font-size:18px;font-weight:700;margin:16px 0;color:#000}.receipt-info{margin-bottom:16px}.info-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.info-row span:first-child{color:#555}.info-row span:last-child{font-weight:700;color:#000}.receipt-divider{border-top:1px dashed #bbb;margin:10px 0}.receipt-items{margin-bottom:16px}.items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;font-size:12px;font-weight:700;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ddd}.items-header span{text-align:center}.items-header span:first-child{text-align:left}.item-row{margin-bottom:8px}.item-name{font-size:13px;font-weight:700;margin-bottom:2px;color:#000}.item-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:12px;text-align:right;margin-left:20px}.receipt-total{margin-bottom:16px}.total-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.total-row.payment{border-top:1px solid #ddd;padding-top:8px;margin-top:8px}.total-row.final{font-weight:700;font-size:14px;border-top:2px solid #000;padding-top:8px;margin-top:8px}.receipt-status{text-align:center;margin-bottom:16px}.status-badge{display:inline-block;padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:700;color:#333}.receipt-actions{text-align:center;margin-top:16px}.order-lookup-form .ant-form-item{margin-bottom:5px}.order-lookup-search-btn{width:120px;background:#e81f22;border:none}.receipt-empty{min-height:200px;display:flex;align-items:center;justify-content:center}.receipt-paper-preview{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:24px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-width:420px;max-height:580px;margin:0 auto;border:2px solid #f0f0f0;transform:scale(1);opacity:1;overflow-y:auto;overflow-x:hidden;position:relative;transition:all .3s ease}.receipt-paper-result{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;max-width:500px;margin:16px auto;border:1px solid #e8e8e8}.receipt-paper-small{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:16px;font-family:Courier New,monospace;font-size:11px;line-height:1.3;max-width:300px;margin:0 auto;border:1px solid #e8e8e8;transform:scale(.9);opacity:.8}.receipt-paper-preview .store-name,.receipt-paper-small .store-name{font-size:20px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;color:#1a1a1a;text-align:center}.receipt-paper-preview .store-info,.receipt-paper-small .store-info{font-size:11px;line-height:1.3;color:#555;text-align:center;margin-bottom:12px}.receipt-paper-preview .receipt-title,.receipt-paper-small .receipt-title{font-size:15px;font-weight:700;margin:16px 0 12px;color:#1a1a1a;text-align:center;border-bottom:1px solid #ddd;padding-bottom:8px}.receipt-paper-preview .info-row,.receipt-paper-small .info-row{font-size:11px;margin-bottom:4px;align-items:flex-start;display:flex;justify-content:space-between}.receipt-paper-preview .items-header,.receipt-paper-small .items-header{font-size:11px;margin-bottom:6px;font-weight:700;border-bottom:1px solid #ccc;padding-bottom:4px}.receipt-paper-preview .item-name,.receipt-paper-small .item-name{font-size:11px;margin-bottom:2px;font-weight:600}.receipt-paper-preview .item-details,.receipt-paper-small .item-details{font-size:11px}.receipt-paper-preview .total-row,.receipt-paper-small .total-row{font-size:11px;margin-bottom:3px;display:flex;justify-content:space-between}.receipt-paper-preview .total-row.final,.receipt-paper-small .total-row.final{font-size:12px;font-weight:700;border-top:2px solid #333;padding-top:6px;margin-top:8px}.receipt-paper-preview .receipt-divider,.receipt-paper-small .receipt-divider{margin:10px 0;border-top:1px dashed #bbb}.transaction-id{word-break:break-all;white-space:normal;line-height:1.2;font-size:11px;font-weight:500}.highlighted-example{background:#fff;border:2px solid #ff0000!important;padding:2px 4px;border-radius:3px;font-weight:700!important;color:red!important;animation:pulse-red 2s infinite}.instruction-guide{position:absolute;top:30px;left:75%;transform:translate(-50%);background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #ff4d4f;border-radius:10px;padding:10px 14px;font-size:10px;color:#ff4d4f;font-weight:600;box-shadow:0 6px 20px #ff4d4f26;white-space:normal;z-index:1000;width:180px;text-align:center;line-height:1.3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instruction-arrow{position:absolute;top:-15px;left:60%;transform:translate(-50%);font-size:16px;color:#ff4d4f;filter:drop-shadow(0 2px 4px rgba(255,77,79,.3));animation:bounce-smooth 2s infinite}@keyframes bounce-smooth{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0);opacity:1}40%{transform:translate(-50%) translateY(-8px);opacity:.8}60%{transform:translate(-50%) translateY(-4px);opacity:.9}}.instruction-text{line-height:1.3}.direct-arrow{position:absolute;right:-25px;top:50%;transform:translateY(-50%);font-size:16px;color:red;font-weight:700;animation:pulse-arrow 1.5s infinite}@keyframes pulse-arrow{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}.transaction-row{position:relative}.warranty-card-example{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:20px;font-family:Arial,sans-serif;font-size:12px;max-width:350px;margin:0 auto;border:2px solid #ff6b6b;position:relative}.card-header{text-align:center;border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:16px}.brand-name{font-size:24px;font-weight:700;color:#000;margin-bottom:4px}.card-title{font-size:14px;font-weight:700;color:#000;margin-bottom:8px}.store-info-small{font-size:10px;color:#666;line-height:1.3;margin-bottom:8px}.date-info{font-size:10px;color:#666}.card-content,.info-section{margin-bottom:16px}.info-row-card{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.info-row-card span:first-child{color:#666;min-width:100px}.info-row-card span:last-child{font-weight:700;color:#000}.highlighted-code{background:#fff;border:2px solid #ff0000!important;padding:2px 4px;border-radius:3px;font-weight:700!important;color:red!important;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 4px #f000}to{box-shadow:0 0 #f000}}.prescription-section{margin-top:16px}.prescription-title{font-size:12px;font-weight:700;margin-bottom:8px;color:#000}.prescription-table{width:100%;border-collapse:collapse;font-size:10px}.prescription-table th,.prescription-table td{border:1px solid #ddd;padding:4px 6px;text-align:center}.prescription-table th{background:#f5f5f5;font-weight:700}.prescription-table td:first-child{text-align:left;font-weight:700}.instruction-note{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #ff0000;border-radius:8px;padding:8px 12px;font-size:12px;color:red;font-weight:700;box-shadow:0 2px 8px #f003;white-space:nowrap}.receipt-note{border-top:1px dashed #ccc;padding-top:8px;margin-top:8px}.invoice-summary-table{width:100%;border-collapse:collapse;font-size:14px}.invoice-summary-table th,.invoice-summary-table td{border:1px solid #f0f0f0;padding:6px 8px;text-align:right}.invoice-summary-table th:first-child,.invoice-summary-table td:first-child{text-align:left}.invoice-summary-table th:first-child{text-align:center}.invoice-summary-table th{background:#fff;font-weight:700;border-top:none;text-align:center}.amount-in-words{margin-top:16px;font-style:italic;font-size:14px}.amount-in-words .vn{color:#006}.main-layout{min-height:100vh;width:100%;background:url(../background.jpg) no-repeat center center fixed;background-size:cover;z-index:0}.main-header,.main-content{position:relative;z-index:1}.main-header{background:#fff;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;padding:0 32px;height:64px;border-bottom:5px solid #e74c3c}.main-logo{display:flex;align-items:center}.main-logo img{height:48px;margin-right:12px}.main-title{font-size:1.6rem;font-weight:700;color:#1677ff;letter-spacing:1px}.main-content{background:#f7f7f7b3;min-height:calc(100vh - 64px);padding:32px;display:block;overflow-y:auto}.main-logo-title{font-size:1.6rem;font-weight:700;color:red;letter-spacing:1px}.main-logo-sub{font-size:.85rem;color:#888;margin-top:2px;margin-left:5px}