.qr-scan-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw}.qr-ios-install-hint{width:100%;background:#0f7f5c;color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.qr-ios-install-text{line-height:1.3}.qr-ios-install-dismiss{color:#fff;padding:0;height:auto}.qr-ios-install-dismiss:hover{color:#d9f7e7}.qr-scan-header{text-align:center;padding:16px 20px 12px;width:100%;background:transparent;flex-shrink:0}.qr-scan-header .qr-scan-logo{width:220px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.qr-scan-card{width:100%;max-width:100%;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000000d;border-top:1px solid #f0f0f0;flex:1;display:flex;flex-direction:column;margin-top:auto;background:#fff;overflow-x:hidden;padding-bottom:40px}.qr-scan-card .ant-card-body{padding:20px;display:flex;flex-direction:column;flex:1;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%}.qr-scan-card .qr-scan-title{text-align:center;margin-bottom:20px!important;color:#333;font-size:20px!important;font-weight:600!important}.qr-scan-card .qr-scanner-section{margin-bottom:24px;flex-shrink:0;padding:0 12px}.qr-scan-card .qr-scanner-section .qr-scanner{width:100%;min-height:50vh;min-height:50dvh;max-height:60vh;max-height:60dvh;margin-bottom:16px;border-radius:12px;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:center;position:relative;max-width:100%}.qr-scan-card .qr-scanner-section .qr-scanner video{width:100%;max-width:100%;height:100%;object-fit:cover}.qr-scan-card .qr-scanner-section .qr-scanner canvas{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%}.qr-scan-card .qr-scanner-section .qr-controls{width:100%;padding:0 4px}.qr-scan-card .qr-scanner-section .qr-controls .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.qr-scan-card .qr-scanner-section .qr-controls .qr-install-button{border-color:#0f7f5c;color:#0f7f5c}.qr-scan-card .qr-scanner-section .qr-controls .qr-install-button:hover{border-color:#19a77a;color:#19a77a}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch{min-width:50px;height:28px;touch-action:manipulation}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch-handle{width:24px;height:24px}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch-checked .ant-switch-handle{left:calc(100% - 26px)}.qr-scan-card .qr-scanner-section .qr-language-selector{width:100%;margin-top:16px;padding:0 4px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select{width:100%}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selector{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s;height:48px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selector:hover{border-color:#40a9ff}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item{line-height:46px;font-size:15px;display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item span{display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item span span:first-child{font-size:18px;line-height:1}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-item-option-content{display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-item-option-content span:first-child{font-size:18px;line-height:1}.qr-scan-card .qr-inputs-section{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px}.qr-scan-card .qr-inputs-section .qr-input-row{display:flex;gap:12px;width:100%;flex-wrap:nowrap}.qr-scan-card .qr-inputs-section .qr-input-row .qr-input-col{flex:1;min-width:0;flex-shrink:1}.qr-scan-card .qr-inputs-section .input-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:15px}.qr-scan-card .qr-inputs-section .ant-input{height:48px;font-size:16px;border-radius:12px;border:2px solid #e0e0e0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 16px;color:#000}.qr-scan-card .qr-inputs-section .ant-input:focus,.qr-scan-card .qr-inputs-section .ant-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qr-scan-card .qr-inputs-section .ant-input[disabled]{background-color:#f5f5f5;color:#000}.qr-scan-card .qr-inputs-section .ant-input input{border-radius:0}.qr-scan-card .qr-inputs-section .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;margin-top:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.qr-scan-card .qr-inputs-section .ant-btn.ant-btn-primary{background:#52c41a;border-color:#52c41a}.qr-scan-card .qr-inputs-section .ant-btn.ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.qr-scan-card .qr-inputs-section .qr-confirm-button{margin-bottom:24px!important}.qr-scan-footer-spacer{height:60px;width:100%;flex-shrink:0}.qr-confirm-modal .ant-modal-content{border-radius:20px;overflow:hidden;border:2px solid #52c41a}.qr-confirm-modal .ant-modal-header{border-radius:20px 20px 0 0;padding:14px 20px;background:linear-gradient(135deg,#52c41a,#73d13d);border-bottom:none}.qr-confirm-modal .ant-modal-header .ant-modal-title{color:#fff;font-size:16px;font-weight:600;text-align:center}.qr-confirm-modal .ant-modal-body{padding:16px 20px}.qr-confirm-modal .ant-modal-footer{padding:12px 20px 16px;border-top:1px solid #e8f5e9;display:flex;flex-direction:row;gap:12px;background:#f6ffed}.qr-confirm-modal .ant-modal-footer .ant-btn{height:44px;font-size:15px;font-weight:500;border-radius:12px;flex:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qr-confirm-modal .ant-modal-footer .ant-btn-primary{background:#52c41a;border-color:#52c41a}.qr-confirm-modal .ant-modal-footer .ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.qr-confirm-modal .ant-modal-footer .ant-btn-default{border-color:#b7eb8f;color:#389e0d}.qr-confirm-modal .ant-modal-footer .ant-btn-default:hover{border-color:#95de64;color:#237804}.qr-confirm-content{display:flex;flex-direction:column;gap:10px}.qr-confirm-row{display:flex;gap:10px;width:100%}.qr-confirm-row .qr-confirm-item{flex:1;min-width:0}.qr-confirm-item{background:#f6ffed;border-radius:8px;padding:10px 12px;border:1px solid #b7eb8f;display:flex;justify-content:space-between;align-items:center}.qr-confirm-label{font-size:13px;color:#389e0d;font-weight:600;min-width:80px}.qr-confirm-value{font-size:15px;font-weight:600;color:#135200;word-break:break-word;text-align:right;flex:1}@media (max-width: 480px){.qr-scan-container{padding:0}.qr-scan-header{padding:12px 16px 8px}.qr-scan-header .qr-scan-logo{width:180px}.qr-scan-card{border-radius:20px 20px 0 0}.qr-scan-card .ant-card-body{padding:16px}.qr-scan-card .qr-scan-title{font-size:18px!important;margin-bottom:16px!important}.qr-scan-card .qr-scanner-section{margin-bottom:20px}.qr-scan-card .qr-scanner-section .qr-scanner{min-height:45vh;min-height:45dvh;max-height:55vh;max-height:55dvh;border-radius:12px;margin-bottom:12px}.qr-scan-card .qr-scanner-section .qr-controls .ant-btn{height:44px;font-size:15px}.qr-scan-card .qr-inputs-section .input-label{font-size:14px;margin-bottom:6px}.qr-scan-card .qr-inputs-section .ant-input,.qr-scan-card .qr-inputs-section .ant-btn{height:44px;font-size:15px}.qr-confirm-modal{margin:0;max-width:100%;top:0;padding-bottom:0}.qr-confirm-modal .ant-modal-content{border-radius:20px 20px 0 0;min-height:auto;max-height:90vh;display:flex;flex-direction:column}.qr-confirm-modal .ant-modal-body{flex:1;overflow-y:auto;padding:20px 16px}.qr-confirm-modal .ant-modal-footer{padding:16px;flex-direction:row}.qr-confirm-modal .ant-modal-footer .ant-btn{flex:1;margin:0}.qr-confirm-modal .qr-confirm-row{flex-direction:row;gap:10px}.qr-confirm-modal .qr-confirm-content{gap:10px}.qr-confirm-modal .qr-confirm-item{padding:10px 12px}.qr-confirm-modal .qr-confirm-label{font-size:12px;min-width:70px}.qr-confirm-modal .qr-confirm-value{font-size:14px}}@media (max-width: 360px){.qr-scan-header .qr-scan-logo{width:160px}.qr-scan-card .qr-scanner-section .qr-scanner{min-height:40vh;min-height:40dvh}}*{-webkit-tap-highlight-color:transparent}.qr-scan-container::-webkit-scrollbar,.qr-scan-card .ant-card-body::-webkit-scrollbar,.qr-inputs-section::-webkit-scrollbar{width:4px}.qr-scan-container::-webkit-scrollbar-track,.qr-scan-card .ant-card-body::-webkit-scrollbar-track,.qr-inputs-section::-webkit-scrollbar-track{background:transparent}.qr-scan-container::-webkit-scrollbar-thumb,.qr-scan-card .ant-card-body::-webkit-scrollbar-thumb,.qr-inputs-section::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}
