.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast),opacity var(--dur-fast);user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 1px #ffffff1a inset,var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-verified{background:var(--verified);color:#04281a}.btn-verified:hover:not(:disabled){filter:brightness(1.05)}.btn-exception{background:var(--exception-soft);color:var(--exception);border-color:#f0506e59}.btn-exception:hover:not(:disabled){background:#f0506e38}.btn-attention{background:var(--attention-soft);color:#8a5a00;border-color:#f5a52466}:root[data-theme=dark] .btn-attention{color:var(--attention)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:48px;padding:0 20px;font-size:15px;border-radius:var(--radius)}.btn-xl{height:64px;padding:0 24px;font-size:18px;border-radius:var(--radius-lg);width:100%}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--chip-soft, var(--slate-soft));color:var(--chip-color, var(--text-2));white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--chip-color, var(--slate));flex:none}.chip-lg{height:30px;padding:0 12px 0 10px;font-size:13px}.chip-solid{background:var(--chip-color);color:#fff}.chip-solid .dot{background:#ffffffd9}.vbadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3);font-weight:600}.vbadge .d{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.vbadge .d.on{background:var(--verified);box-shadow:0 0 0 2px var(--verified-soft)}.vbadge .d.bad{background:var(--exception)}.hash{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-2);cursor:copy;border:1px solid transparent}.hash:hover{border-color:var(--border-strong);color:var(--text)}.stat{display:flex;flex-direction:column;gap:4px;padding:16px 18px}.stat .v{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat .l{font-size:12px;color:var(--text-2);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.stat .s{font-size:12.5px;color:var(--text-3)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:380px}.toast{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);animation:enter var(--dur) var(--ease-out);font-size:13.5px}.toast .t{font-weight:650}.toast .b{color:var(--text-2)}.banner-wrap{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;width:min(640px,calc(100vw - 32px))}.banner{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0e2a3a,#103a4d);color:#e6fbff;border:1px solid rgba(34,211,238,.35);box-shadow:0 12px 40px -10px #22d3ee73,var(--shadow-2);animation:slide-down var(--dur) var(--ease-out)}.banner .pulse{width:12px;height:12px;border-radius:50%;background:var(--info);position:relative;flex:none}.banner .pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--info);animation:pulse-ring 1.6s var(--ease-out) infinite}.banner .id{font-family:var(--font-mono);font-weight:700;font-size:16px}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);z-index:80;animation:fade var(--dur-fast) both}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-3);z-index:81;display:flex;flex-direction:column;animation:drawer-in var(--dur) var(--ease-out)}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.drawer-body{padding:20px;overflow:auto;flex:1}.drawer-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:85;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade var(--dur-fast) both}.modal{width:min(480px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);animation:pop var(--dur) var(--ease-out);overflow:hidden}.ribbon{position:fixed;top:0;left:0;right:0;height:26px;z-index:95;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1200;background:repeating-linear-gradient(135deg,var(--attention) 0 14px,#ffc85c 14px 28px)}.ribbon.sim{background:repeating-linear-gradient(135deg,var(--info) 0 14px,#7ee6f5 14px 28px);color:#03262b}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 20px;color:var(--text-2)}.empty .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-3)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--primary-soft);color:var(--primary);flex:none}.kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-2)}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-2);gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg button{height:30px;padding:0 12px;white-space:nowrap;flex:none;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-weight:600;font-size:13px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--bar-color, var(--primary));transition:width var(--dur-slow) var(--ease-out)}.funnel{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.funnel>i{display:block;height:100%;transition:width var(--dur-slow) var(--ease-out)}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.live .d{width:7px;height:7px;border-radius:50%;background:var(--slate)}.live.on .d{background:var(--verified);animation:breathe 1.8s ease-in-out infinite}.live.re .d{background:var(--attention)}.confirm{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;color:#fff;animation:fade var(--dur-fast) both}.confirm.verified{background:radial-gradient(120% 120% at 50% 0%,#1fd68a,#0f9f63 60%,#0a7a4b)}.confirm.attention{background:radial-gradient(120% 120% at 50% 0%,#ffc95c,#f5a524 60%,#c77f0f);color:#1a1200}.confirm.info{background:radial-gradient(120% 120% at 50% 0%,#5ee3f5,#22b8d1 60%,#137d90);color:#03262b}.confirm .ring{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;box-shadow:0 0 0 10px #ffffff1f;animation:pop .7s var(--ease-out)}.confirm .ring svg path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s .15s var(--ease-out) forwards}.confirm h1{font-size:34px;letter-spacing:-.02em}.confirm p{font-size:17px;opacity:.9}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto}.pinpad button{height:64px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);font-size:24px;font-weight:600}.pinpad button:active{background:var(--surface-2)}.pin-dots{display:flex;justify-content:center;gap:14px;margin:12px 0 20px}.pin-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong)}.pin-dots i.on{background:var(--primary);border-color:var(--primary)}.scanbox{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:#000;aspect-ratio:4 / 3;display:grid;place-items:center;color:#fff}.scanbox video{width:100%;height:100%;object-fit:cover}.scanbox .brackets{position:absolute;inset:14% 12%;pointer-events:none}.scanbox .brackets:before,.scanbox .brackets:after,.scanbox .brackets i:before,.scanbox .brackets i:after{content:"";position:absolute;width:28px;height:28px;border:3px solid #fff;border-radius:4px}.scanbox .brackets:before{top:0;left:0;border-right:0;border-bottom:0}.scanbox .brackets:after{top:0;right:0;border-left:0;border-bottom:0}.scanbox .brackets i:before{bottom:0;left:0;border-right:0;border-top:0}.scanbox .brackets i:after{bottom:0;right:0;border-left:0;border-top:0}.scanbox .laser{position:absolute;left:14%;right:14%;height:2px;background:var(--verified);box-shadow:0 0 12px var(--verified);animation:laser 1.6s ease-in-out infinite alternate}@keyframes laser{0%{top:18%}to{top:82%}}.scanbox.hit .brackets:before,.scanbox.hit .brackets:after,.scanbox.hit .brackets i:before,.scanbox.hit .brackets i:after{border-color:var(--verified)}.biglist{display:flex;flex-direction:column;gap:8px}.bigrow{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-align:left;width:100%;transition:background var(--dur-fast),transform var(--dur-fast)}.bigrow:active{transform:scale(.99)}.bigrow .id{font-family:var(--font-mono);font-weight:700;font-size:17px}.bigrow .meta{font-size:12.5px;color:var(--text-2)}.bigrow.done{border-color:#19c37d66;background:linear-gradient(90deg,var(--verified-soft),transparent 60%)}.bigrow.selected{border-color:var(--primary);box-shadow:var(--glow-primary)}.check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;flex:none;color:#fff}.check.on{background:var(--verified);border-color:var(--verified);animation:pop var(--dur) var(--ease-out)}