:root{color:#172033;background:radial-gradient(circle at top,#ffd6994d,#0000 30%),linear-gradient(#fff8ef 0%,#eef4ff 100%);font-family:PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:0 0}button,input,textarea{font:inherit}button{cursor:pointer;border:none}.merchant-login-shell,.merchant-shell{min-height:100vh}.merchant-login-shell{place-items:center;padding:24px;display:grid}.merchant-login-card{background:#fffffff5;border-radius:28px;width:min(100%,420px);padding:28px 22px;box-shadow:0 24px 60px #0f172a1f}.merchant-kicker{color:#c2410c;background:#ffedd5;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.merchant-login-card h1,.panel h2,.panel h3{margin:0 0 10px}.muted{color:#64748b;margin:0;line-height:1.6}.merchant-shell{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.merchant-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 14px;display:flex;position:sticky;top:0}.merchant-store-name{font-size:20px;font-weight:700}.merchant-store-meta{color:#64748b;margin-top:4px;font-size:13px}.merchant-main{padding:18px 16px 20px}.page-stack,.form-stack{flex-direction:column;gap:16px;display:flex}.panel{background:#fffffff5;border-radius:24px;padding:18px;box-shadow:0 16px 40px #0f172a14}.hero-panel{background:radial-gradient(circle at 100% 0,#bfdbfe7a,#0000 32%),linear-gradient(135deg,#fff7edfa,#fffffffa)}.hero-copy{flex-direction:column;gap:8px;display:flex}.hero-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field span{color:#475569;font-size:13px;font-weight:600}.field input,.field textarea{background:#fff;border:1px solid #dbe2ea;border-radius:16px;outline:none;width:100%;padding:14px 15px}.field input:focus,.field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.primary-btn,.ghost-btn,.soft-btn{border-radius:16px;min-height:48px;transition:all .2s}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);width:100%;font-weight:700}.ghost-btn{color:#1d4ed8;background:#eff6ff;padding:0 16px;font-weight:600}.soft-btn{color:#475569;background:#f8fafc;width:100%;font-weight:600}.error-banner,.success-banner{border-radius:18px;padding:14px 16px;line-height:1.6}.error-banner{color:#b91c1c;background:#fef2f2}.success-banner{color:#047857;background:#ecfdf5}.section-head{margin-bottom:12px}.scanner-box{background:#0f172a;border-radius:24px;overflow:hidden}.scanner-box video{border-radius:24px}.detail-panel h3{margin-top:10px;margin-bottom:16px}.detail-list{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.detail-list>div{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.detail-list span{color:#64748b;font-size:13px}.detail-list strong{text-align:right;word-break:break-all;flex:1}.status-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.status-chip.success{color:#047857;background:#ecfdf5}.status-chip.danger{color:#b91c1c;background:#fef2f2}@media (width>=768px){.merchant-shell{max-width:480px;margin:0 auto}}