:root{color:#e5eefc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(circle at top,#1f63ff47,#0000 25%),linear-gradient(#08111f 0%,#101b31 100%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}#root{width:100%}.auth-page,.app-shell{min-height:100vh}.auth-page{place-items:center;padding:24px;display:grid}.auth-card,.info-card{background:#0a1323d9;border:1px solid #94a3b840;border-radius:20px;box-shadow:0 24px 70px #01071273}.auth-card{gap:18px;width:min(100%,420px);padding:28px;display:grid}.field{color:#bfdbfe;gap:8px;display:grid}.field span{font-size:.92rem}.field input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b838;border-radius:12px;width:100%;padding:12px 14px}.field input:focus{border-color:#0000;outline:2px solid #3b82f68c}.primary-button,.secondary-button{border:0;border-radius:12px;padding:12px 16px;font-weight:600}.primary-button{color:#eff6ff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button{color:#f8fafc;background:#94a3b81f}.danger-button{color:#fecaca}.error-text{color:#fca5a5}.app-shell{grid-template-rows:1fr auto;display:grid}.app-main{padding-bottom:90px}.page-section,.scanner-page{width:min(100%,960px);margin:0 auto;padding:24px}.page-header,.scanner-header{margin-bottom:20px}.page-header p,.scanner-header p,.auth-card p,.scanner-hint,.history-time{color:#9fb0cb}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1323eb;border:1px solid #94a3b83d;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100% - 24px,640px);padding:8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.nav-link{text-align:center;color:#bfdbfe;border-radius:12px;padding:12px 10px}.nav-link.active{color:#eff6ff;background:#2563eb33}.offline-banner{color:#ffedd5;background:#9a3412;border-radius:14px;margin-bottom:16px;padding:10px 14px;font-weight:600}.scanner-panel{background:#040a14cc;border:1px solid #94a3b83d;border-radius:24px;min-height:420px;position:relative;overflow:hidden}.scanner-video{object-fit:cover;background:#020617;width:100%;height:100%;min-height:420px;display:block}.scanner-frame{border:3px solid #60a5fad9;border-radius:24px;width:min(60vw,280px);height:min(60vw,280px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #02061761}.scanner-hint{margin-top:16px}.result-overlay{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-overlay-card{color:#fff;text-align:center;border-radius:20px;width:min(100%,440px);padding:24px;box-shadow:0 24px 80px #02061773}.result-overlay.confirmed{background:#15803dd1}.result-overlay.confirmed .result-overlay-card,.result-overlay.scanned .result-overlay-card{background:#166534f0}.result-overlay.scanned{background:#16a34ac7}.result-overlay.already-scanned .result-overlay-card{background:#b45309f0}.result-overlay.already-confirmed .result-overlay-card{background:#1d4ed8f0}.result-overlay.queued .result-overlay-card{background:#475569f5}.result-overlay.error .result-overlay-card{background:#b91c1cf5}.history-list{gap:12px;display:grid}.history-item{background:#0a1323d9;border:1px solid #94a3b82e;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.history-code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-pill{border-radius:999px;justify-content:center;align-items:center;min-width:112px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.result-pill.success{color:#bbf7d0;background:#22c55e26}.result-pill.warning{color:#fde68a;background:#fbbf2429}.result-pill.info{color:#bfdbfe;background:#3b82f629}.result-pill.danger{color:#fecaca;background:#f8717129}.result-pill.muted{color:#cbd5e1;background:#94a3b829}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px;display:grid}.info-card{gap:12px;margin-bottom:16px;padding:20px;display:grid}.empty-state{color:#bfdbfe;background:#0a1323bf;border-radius:16px;padding:24px}@media (width<=640px){.page-section,.scanner-page,.auth-page{padding:16px}.scanner-panel,.scanner-video{min-height:320px}.history-item{flex-direction:column;align-items:flex-start}}