:root{--bg-dark: #0b1120;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary: #3b82f6;--primary-dark: #1d4ed8;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);overscroll-behavior-y:none}#root{display:flex;flex-direction:column;min-height:100dvh}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.w-full{width:100%}.p-4{padding:1.5rem}.gap-4{gap:1.5rem}.text-center{text-align:center}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500}.btn-large{width:100%;padding:1rem;border-radius:var(--radius);border:none;font-size:1rem;font-weight:600;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0003}.btn-large:active{transform:scale(.98)}.card{background-color:var(--bg-card);padding:1.5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;transition:transform .2s ease,background-color .2s ease}.card:active{background-color:#2b303b;transform:scale(.99)}.grid-cols-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:linear-gradient(145deg,var(--bg-card) 0%,#1e293b 100%);position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:currentColor}.mode-icon{padding:1rem;border-radius:50%;background-color:#ffffff0d;margin-bottom:.5rem}.status-indicator{width:120px;height:120px;border-radius:50%;margin:2rem auto;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.status-green{background-color:#22c55e1a;color:var(--success);border:4px solid var(--success);box-shadow:0 0 20px #22c55e4d}.status-yellow{background-color:#eab3081a;color:var(--warning);border:4px solid var(--warning);box-shadow:0 0 20px #eab3084d}.status-red{background-color:#ef44441a;color:var(--danger);border:4px solid var(--danger);box-shadow:0 0 20px #ef44444d}.qr-overlay{position:fixed;inset:0;background:#000;z-index:50;display:flex;flex-direction:column}.scanner-viewport{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem;margin-left:auto;margin-right:auto}.bg-dark{background-color:var(--bg-dark)}.mb-8{margin-bottom:2rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.scanner-container{position:relative;width:100%;height:100%;overflow:hidden}.scanner-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center}.scanner-box{width:280px;height:280px;position:relative;box-shadow:0 0 0 9999px #0009;border-radius:16px}.scanner-corner{position:absolute;width:40px;height:40px;border-color:#22c55e;border-style:solid;border-width:4px}.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:16px}.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:16px}.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:16px}.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:16px}