.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#02070a;position:relative;overflow:hidden;padding:24px}.nebula-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.nebula-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.nebula-cloud{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.65;pointer-events:none}.cloud-1{width:650px;height:650px;background:radial-gradient(circle,rgba(13,148,136,.75) 0%,rgba(20,184,166,.25) 50%,transparent 75%);top:15%;left:20%;animation:nebulaFloat1 18s ease-in-out infinite alternate}.cloud-2{width:750px;height:750px;background:radial-gradient(circle,rgba(14,116,144,.7) 0%,rgba(3,105,161,.2) 55%,transparent 80%);bottom:10%;right:15%;animation:nebulaFloat2 24s ease-in-out infinite alternate}.cloud-3{width:500px;height:500px;background:radial-gradient(circle,rgba(45,212,191,.5) 0%,rgba(16,185,129,.15) 50%,transparent 70%);top:45%;right:35%;animation:nebulaFloat3 20s ease-in-out infinite alternate}.cloud-4{width:550px;height:550px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,rgba(79,70,229,.1) 60%,transparent 80%);bottom:25%;left:10%;animation:nebulaFloat4 22s ease-in-out infinite alternate}@keyframes nebulaFloat1{0%{transform:translate(0) scale(1) rotate(0);opacity:.6}50%{transform:translate(60px,-40px) scale(1.15) rotate(45deg);opacity:.8}to{transform:translate(-40px,50px) scale(.95) rotate(90deg);opacity:.55}}@keyframes nebulaFloat2{0%{transform:translate(0) scale(1.1) rotate(0);opacity:.65}50%{transform:translate(-70px,50px) scale(.9) rotate(-60deg);opacity:.45}to{transform:translate(50px,-30px) scale(1.2) rotate(-120deg);opacity:.75}}@keyframes nebulaFloat3{0%{transform:translate(0) scale(.95);opacity:.5}50%{transform:translate(-50px,-60px) scale(1.2);opacity:.85}to{transform:translate(40px,40px) scale(1);opacity:.45}}@keyframes nebulaFloat4{0%{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(50px,30px) scale(1.2);opacity:.6}to{transform:translate(-30px,-50px) scale(.9);opacity:.4}}.cyber-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-size:48px 48px;background-image:linear-gradient(to right,rgba(20,184,166,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,184,166,.05) 1px,transparent 1px);mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 30%,transparent 85%);pointer-events:none;z-index:2;animation:gridFloat 20s linear infinite}@keyframes gridFloat{0%{transform:translateY(0)}to{transform:translateY(48px)}}.cyber-scanner{position:absolute;width:720px;height:720px;border-radius:50%;border:1px dashed rgba(45,212,191,.2);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;animation:radarRotate 28s linear infinite}.cyber-scanner:after{content:"";position:absolute;top:60px;left:60px;right:60px;bottom:60px;border-radius:50%;border:1px solid rgba(13,148,136,.15);border-top-color:#2dd4bf8c;animation:radarRotateReverse 16s linear infinite}@keyframes radarRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes radarRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.login-card{width:100%;max-width:440px;background:#061218c7;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(45,212,191,.28);border-radius:22px;box-shadow:0 30px 60px -15px #000c,0 0 50px #0d948840,inset 0 1px 2px #ffffff26;padding:44px 38px;position:relative;z-index:10;transition:all .35s ease}.login-card:hover{border-color:#2dd4bf80;box-shadow:0 35px 70px -15px #000000e6,0 0 60px #14b8a659,inset 0 1px 2px #fff3}.login-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#2dd4bf,#14b8a6,transparent);border-radius:2px;box-shadow:0 0 10px #2dd4bf}.login-brand{text-align:center;margin-bottom:34px}.brand-icon-wrapper{position:relative;display:inline-block;margin-bottom:16px}.brand-icon{width:62px;height:62px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 28px #14b8a680;position:relative;z-index:2}.brand-icon-pulse{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:23px;border:1px solid rgba(45,212,191,.6);animation:pulseBorder 2.5s infinite}@keyframes pulseBorder{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:.15}to{transform:scale(.95);opacity:.8}}.brand-title{font-size:22px;font-weight:700;color:#f8fafc;letter-spacing:.8px;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.brand-subtitle{font-size:13px;color:#94a3b8;letter-spacing:.3px}.tech-input .ant-input,.tech-input.ant-input-password,.tech-input .ant-input-password-icon{background:transparent!important;color:#f1f5f9!important}.tech-input{background:#0a1922a6!important;border:1px solid rgba(45,212,191,.25)!important;border-radius:10px!important;transition:all .25s ease!important}.tech-input:hover,.tech-input:focus,.tech-input-focused{border-color:#2dd4bf!important;box-shadow:0 0 15px #2dd4bf59!important}.login-btn{height:48px!important;border-radius:10px!important;font-size:16px!important;font-weight:600!important;letter-spacing:1.2px!important;background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border:none!important;box-shadow:0 8px 24px #0d948873!important;transition:all .3s ease!important}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2dd4bf8c!important;background:linear-gradient(135deg,#2dd4bf,#0f766e)!important}.login-footer-info{margin-top:26px;text-align:center;font-size:11px;color:#64748b;letter-spacing:.6px}.outbound-wrapper{min-height:100vh;background:#f1f5f9;display:flex;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Noto Sans SC,sans-serif}.outbound-container{width:100%;max-width:520px;min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;box-shadow:0 0 30px #00000014;padding-bottom:84px}.outbound-header{background:linear-gradient(135deg,#042f2e,#0f766e);color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px #042f2e33}.outbound-header-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.outbound-header-title{display:flex;align-items:center;gap:6px}.title-text{font-size:15px;font-weight:700;color:#fff;letter-spacing:.2px}.title-badge{font-size:10px;font-weight:700;background:#2dd4bf40;color:#5eead4;border:1px solid rgba(45,212,191,.4);padding:1px 5px;border-radius:4px}.outbound-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-history-tag{color:#5eead4!important;background:#ffffff1f!important;font-size:11px!important;padding:2px 8px!important;height:24px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:3px!important;border:1px solid rgba(94,234,212,.3)!important}.btn-history-tag b{color:#fff;font-weight:700}.header-user-tag{margin:0!important;padding:1px 6px!important;font-size:11px!important;line-height:20px!important;border-radius:6px!important;background:#0d948833!important;border-color:#14b8a6!important;color:#ccfbf1!important}.btn-logout-icon{color:#ffffffd9!important;font-size:11px!important;padding:0 4px!important;height:24px!important}.config-card{margin:10px 12px 8px;background:#fff;border-radius:12px;padding:10px 14px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000008}.config-summary-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.config-summary-left{display:flex;align-items:center;gap:6px}.summary-title{font-size:13px;font-weight:700;color:#0f172a}.btn-toggle-config{font-size:12px;color:#0d9488;padding:0;height:auto}.compact-summary-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .2s ease}.compact-summary-row:hover{background:#f0fdfa;border-color:#5eead4}.compact-tag-item{font-size:12px;display:flex;align-items:center;gap:4px}.compact-label{color:#64748b}.compact-val{font-weight:600;color:#1e293b}.compact-val.monospace{font-family:monospace;color:#0284c7}.compact-val.text-teal{color:#0f766e}.config-form-body{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px}.form-item-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-item-col{display:flex;flex-direction:column}.form-item-label{font-size:11px;color:#64748b;margin-bottom:2px;font-weight:500}.scanner-area{margin:0 12px 10px;background:linear-gradient(135deg,#021a1a,#042f2e);border-radius:12px;padding:10px 12px;color:#fff;border:1px solid rgba(45,212,191,.4);box-shadow:0 3px 12px #0d948829}.scanner-control-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.scanner-title-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.scanner-icon{font-size:15px;color:#2dd4bf}.scanner-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px}.scanner-badge{font-size:10px;color:#99f6e4;background:#2dd4bf2e;border:1px solid rgba(45,212,191,.3);padding:1px 5px;border-radius:4px;font-weight:500}.btn-camera-trigger{background:linear-gradient(135deg,#0d9488,#0f766e)!important;border-color:#0d9488!important;font-size:11.5px!important;font-weight:600!important;padding:0 10px!important;height:26px!important;border-radius:6px!important;box-shadow:0 2px 6px #0d94884d!important;color:#fff!important;flex-shrink:0}.btn-camera-stop{font-size:11.5px!important;padding:0 10px!important;height:26px!important;border-radius:6px!important;flex-shrink:0}.camera-viewfinder-wrapper{margin-bottom:10px;background:#000;border-radius:10px;overflow:hidden;border:1.5px solid #2dd4bf;position:relative}.qr-reader-box{width:100%!important;border:none!important}.qr-reader-box video{border-radius:8px;width:100%!important}.camera-scan-tip{background:#042f2ee6;color:#99f6e4;font-size:11px;text-align:center;padding:6px 10px}.gun-input-box{margin:0}.scanner-main-input{border-radius:8px!important;border:2px solid #2dd4bf!important;box-shadow:0 0 10px #2dd4bf33!important;font-weight:600!important;font-size:13.5px!important}.queue-section{margin:0 12px;background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #e2e8f0;flex:1;display:flex;flex-direction:column}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.queue-title{font-size:13px;font-weight:700;color:#0f172a;display:flex;align-items:center}.queue-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 360px);min-height:140px;overflow-y:auto;padding-right:2px}.empty-tip{text-align:center;padding:36px 12px;background:#f8fafc;border-radius:8px;border:1.5px dashed #e2e8f0}.queue-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8fafc;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600;color:#0f766e;border:1px solid #e2e8f0;transition:all .2s ease}.queue-item:hover{background:#f0fdfa;border-color:#99f6e4}.queue-item-left{display:flex;align-items:center;gap:6px}.queue-index{display:inline-block;font-size:11px;color:#64748b;background:#e2e8f0;padding:1px 5px;border-radius:4px;font-weight:500}.queue-code{font-family:monospace;font-size:13px;color:#0f172a}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#fff;padding:10px 14px;box-shadow:0 -4px 16px #00000014;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;z-index:100}.btn-submit-outbound{width:100%;height:44px;border-radius:10px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;box-shadow:0 3px 12px #0d948859;transition:all .2s ease}.btn-submit-outbound.disabled{background:#cbd5e1!important;color:#64748b!important;box-shadow:none!important}.btn-submit-outbound:not(.disabled):hover{background:linear-gradient(135deg,#0f766e,#115e59)!important}.outbound-history-drawer{max-width:100vw!important}.outbound-history-drawer .ant-drawer-content-wrapper{width:100%!important;max-width:100vw!important}.outbound-history-drawer .ant-drawer-header{padding:10px 12px!important;box-sizing:border-box!important}.outbound-history-drawer .ant-drawer-header-title{min-width:0!important}.outbound-history-drawer .ant-drawer-extra{flex-shrink:0!important;margin-left:8px!important}.outbound-history-drawer .ant-drawer-body{padding:10px 12px!important;overflow-x:hidden!important;box-sizing:border-box!important}.history-drawer-body{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.history-search-bar{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box}.history-search-input{flex:1;min-width:0;border-radius:8px!important}.btn-history-search{background:#0d9488!important;border-color:#0d9488!important;border-radius:8px!important;flex-shrink:0!important;font-weight:600!important}.history-flow-list{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.history-flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #00000008;transition:all .2s ease;width:100%;box-sizing:border-box}.history-flow-card:hover{border-color:#99f6e4;box-shadow:0 4px 12px #0d948814}.history-flow-row-top{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;box-sizing:border-box}.history-code-box{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.history-code-tag{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:13px!important;font-weight:700!important;color:#0d9488!important;background:#f0fdfa!important;border:1px solid #5eead4!important;border-radius:4px!important;padding:1px 6px!important;margin:0!important;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time-text{font-size:11.5px;color:#64748b;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.history-product-line{display:flex;align-items:center;gap:6px;font-size:13px;width:100%;box-sizing:border-box}.history-prod-name{font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;box-sizing:border-box}.history-meta-pill{display:inline-flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px}.history-meta-label{color:#94a3b8;font-weight:500}.history-meta-val{color:#334155;font-weight:600;font-family:monospace}.history-dest-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:11.5px;color:#475569;border-top:1px dashed #f1f5f9;padding-top:5px;width:100%;box-sizing:border-box}.history-dest-customer{font-weight:600;color:#0f172a;min-width:0;word-break:break-all}.history-dest-area{color:#64748b;font-size:11px;font-weight:400}.history-dest-operator{color:#94a3b8;font-size:11px;white-space:nowrap;flex-shrink:0}.history-pagination-box{display:flex;justify-content:center;padding:8px 0 4px;width:100%;box-sizing:border-box}.consumer-trace-wrapper{min-height:100vh;background-color:#f1f5f9;background-image:radial-gradient(at 50% 0%,#ccfbf1 0px,transparent 65%);display:flex;justify-content:center;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Noto Sans SC,sans-serif}.consumer-trace-container{width:100%;max-width:480px;min-height:100vh;background:#fff;display:flex;flex-direction:column;position:relative;box-shadow:0 0 35px #00000014}.trace-header{background:linear-gradient(145deg,#042f2e,#0d9488);padding:28px 20px 26px;color:#fff;position:relative;overflow:hidden;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 16px #0d948833}.trace-header-bg{position:absolute;right:-20px;bottom:-20px;width:160px;height:160px;background:radial-gradient(circle,rgba(94,234,212,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.brand-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:20px;font-size:12px;letter-spacing:.5px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2)}.trace-title{font-size:20px;font-weight:700;margin:0 0 4px;letter-spacing:.5px;color:#fff}.trace-subtitle{font-size:12px;color:#99f6e4;margin:0;opacity:.9}.trace-code-card{margin:-16px 16px 16px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px #0d948814;border:1px solid #ccfbf1;position:relative;z-index:10}.trace-code-label{font-size:12px;color:#64748b;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.trace-code-value{font-size:19px;font-weight:700;color:#0f766e;letter-spacing:1.5px;font-family:Courier New,Courier,monospace}.verify-box{margin:0 16px 16px;background:#f0fdfa;border:1.5px dashed #14b8a6;border-radius:16px;padding:20px 18px;text-align:center}.verify-tip{font-size:13px;color:#0f766e;font-weight:600;margin-bottom:14px}.verify-input-group{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.verify-digit-input{width:48px;height:56px;border-radius:12px;border:2px solid #99f6e4;background:#fff;font-size:24px;font-weight:700;text-align:center;color:#042f2e;transition:all .2s ease}.verify-digit-input:focus{border-color:#0d9488;outline:none;box-shadow:0 0 10px #0d948840;transform:translateY(-2px)}.result-banner{margin:0 16px 20px;border-radius:18px;padding:22px 18px;text-align:center;animation:fadeInScale .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-banner.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;color:#14532d;box-shadow:0 8px 24px #10b9811f}.result-banner.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fde68a;color:#78350f;box-shadow:0 8px 24px #f59e0b1f}.result-banner.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fca5a5;color:#7f1d1d;box-shadow:0 8px 24px #ef44441f}.result-icon{font-size:52px;margin-bottom:10px}.result-title{font-size:19px;font-weight:700;margin-bottom:6px}.result-desc{font-size:13px;opacity:.9;line-height:1.6}.security-stamp{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;border-radius:30px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;font-weight:600;border:1px solid rgba(0,0,0,.06)}.product-info-card{margin:0 16px 20px;background:#fff;border-radius:16px;padding:20px 18px;border:1px solid #e2e8f0;box-shadow:0 2px 10px #00000008}.info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13px;align-items:center}.info-item:last-child{border-bottom:none}.info-label{color:#64748b}.info-val{color:#1e293b;font-weight:600;text-align:right}.guarantee-card{margin:0 16px 20px;background:#fafafa;border-radius:14px;padding:14px 16px;border:1px dashed #cbd5e1}.trace-footer{margin-top:auto;padding:20px 16px 28px;text-align:center;font-size:11px;color:#94a3b8;border-top:1px solid #f1f5f9}:root{--primary-color: #0d9488;--primary-hover: #0f766e;--primary-light: #f0fdfa;--bg-gradient: linear-gradient(135deg, #041318 0%, #08282e 50%, #061c22 100%);--font-family: "Plus Jakarta Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:#f8fafc;color:#1e293b;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}