.hht-top-bar{background:#081d34;border-bottom:1px solid #0d2b4b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 24px;display:flex}.hht-status-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hht-badge-status{color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:9999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGlow;box-shadow:0 0 #10b98166}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hht-badge-op{color:#93c5fd;background:#0d2b4b;border:1px solid #16365c;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-outline-hht{color:#fff;cursor:pointer;background:#1e3a8a;border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-outline-hht:hover{background:#2563eb;border-color:#60a5fa}.btn-refresh-hht{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-refresh-hht:hover{color:#fff;border-color:#64748b}.hht-wrapper{background:#f1f5f9;flex-direction:column;flex:1;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.hht-nav-tabs{flex-shrink:0;gap:8px;margin-bottom:16px;display:flex}.hht-tab-btn{cursor:pointer;max-width:320px;font-family:var(--sans);color:#475569;background:#fff;border:2px solid #cbd5e1;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000d}.hht-tab-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.hht-tab-btn.active{color:#fff;background:#1e293b;border-color:#0f172a;box-shadow:0 4px 6px -1px #0f172a26}.hht-tab-icon{font-size:18px}.hht-tab-badge{color:#0f172a;background:#e2e8f0;border-radius:9999px;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:800}.hht-tab-btn.active .hht-tab-badge{color:#fff;background:#2563eb}.hht-laser-flash{pointer-events:none;z-index:99999;opacity:0;background:#22c55e38;transition:opacity .12s;position:fixed;inset:0}.hht-laser-flash.active{opacity:1}.hht-device-frame{background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex-direction:column;flex:1;min-height:600px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a14}.hht-wrapper.device-mode .hht-device-frame{border:8px solid #0f172a;border-radius:28px;max-width:520px;margin:0 auto;box-shadow:0 25px 50px -12px #0f172a59}.hht-hardware-header{color:#94a3b8;font-size:11px;font-family:var(--mono);-webkit-user-select:none;user-select:none;background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.hht-hw-brand{color:#f8fafc;letter-spacing:.05em;font-weight:700}.hht-hw-indicators{color:#38bdf8;align-items:center;gap:10px;font-size:10.5px;display:flex}.hht-screen-body{background:#f8fafc;flex-direction:column;flex:1;display:flex;overflow-y:auto}.hht-trigger-bar{background:#091e36;border-bottom:1px solid #0d2b4b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.hht-barcode-input-wrap{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.hht-barcode-input{color:#60a5fa;width:100%;font-family:var(--mono);background:#040d18;border:1px solid #2563eb;border-radius:6px;outline:none;padding:8px 12px 8px 34px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 3px #0006}.hht-barcode-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.hht-barcode-icon{color:#3b82f6;font-size:14px;position:absolute;left:10px}.btn-laser-scan{color:#fff;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #d977064d}.btn-laser-scan:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 8px #d9770666}.btn-laser-scan:active{transform:translateY(1px)}.hht-pane{flex-direction:column;gap:16px;padding:16px;display:flex}.hht-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.hht-step-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.hht-step-title{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.hht-step-num{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.hht-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.hht-interactive-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .15s;display:flex}.hht-interactive-card:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0f172a14}.hht-interactive-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.hht-feedback-banner{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:12.5px;font-weight:600;animation:.2s fadeInDown;display:none}.hht-feedback-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;display:flex}.hht-feedback-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;display:flex}.hht-feedback-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hht-top-bar{padding:8px 12px}.hht-wrapper{padding:10px 12px}.hht-nav-tabs{flex-direction:column}.hht-tab-btn{max-width:100%}.hht-device-frame{min-height:500px}}