@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-inter:"Inter", "Segoe UI", system-ui, sans-serif;--background:#1a1a1a;--foreground:#f3f4f6;--card:#ffffff0d;--muted:#ffffff12;--muted-foreground:#a1a1aa;--border:#ffffff1a;--primary:#f3f4f6;--primary-foreground:#1a1a1a;--cream:#e8e0d5;--blush:#d48a8a;--gold:#a08855;--ok:#4ade80;--bad:#f87171;--radius:.5rem;--ease:cubic-bezier(.32, .72, 0, 1);--shadow-premium:0 1px 2px #0000003d, 0 18px 48px #00000047;font-family:var(--font-inter);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--background);min-height:100dvh;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);pointer-events:none;z-index:0;border-radius:9999px;position:fixed}body:before{background:var(--blush);opacity:.42;width:28rem;height:28rem;top:-8rem;left:-6rem}body:after{background:var(--gold);opacity:.38;width:26rem;height:26rem;top:-5rem;right:-5rem}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}.app-shell{z-index:1;max-width:440px;min-height:100dvh;animation:fade-up .45s var(--ease) both;flex-direction:column;gap:14px;margin:0 auto;padding:20px 18px 36px;display:flex;position:relative}.auth-shell{z-index:1;min-height:100dvh;animation:fade-up .45s var(--ease) both;justify-content:center;align-items:center;padding:24px 18px 32px;display:flex;position:relative}.auth-panel{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.auth-brand img{filter:drop-shadow(0 8px 24px #00000040);width:auto;height:40px;display:block}.auth-brand p{color:var(--muted-foreground);max-width:18rem;margin:0;font-size:.9rem;font-weight:300}.auth-card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:700}.auth-card .auth-desc{color:var(--muted-foreground);margin:0 0 4px;font-size:.875rem;font-weight:300}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ok{0%,to{box-shadow:0 0 #4ade8059}50%{box-shadow:0 0 0 10px #4ade8000}}@keyframes pulse-bad{0%,to{box-shadow:0 0 #f871714d}50%{box-shadow:0 0 0 10px #f8717100}}.brand{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 8px;display:flex}.brand-mark{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark img{width:auto;height:28px;display:block}.brand-mark .titles{min-width:0}.brand-mark h1{color:var(--foreground);font-size:1.05rem;font-weight:700}.brand-mark p{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.78rem;font-weight:300;overflow:hidden}.card{background:var(--card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.8);box-shadow:var(--shadow-premium);transition:border-color .25s var(--ease), transform .25s var(--ease);padding:16px 16px 18px}.card h2{margin:0;font-size:.95rem;font-weight:600}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.chip{color:var(--cream);background:#e8e0d51a;border:1px solid #e8e0d538;border-radius:999px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.actions{margin-top:2px}.meta{color:var(--muted-foreground);margin:2px 0 0;font-size:.75rem;font-weight:300}.muted{color:var(--muted-foreground);font-size:.85rem;font-weight:300}.field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.field:first-of-type{margin-top:10px}.field label{color:var(--muted-foreground);font-size:.75rem;font-weight:400}.field input,.field select{border-radius:calc(var(--radius) * 1.4);border:1px solid var(--border);width:100%;color:var(--foreground);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#00000047;outline:none;padding:12px 13px}.field input:focus,.field select:focus{border-color:#e8e0d573;box-shadow:0 0 0 3px #e8e0d51f}.field input::placeholder{color:#71717a}.btn{border-radius:calc(var(--radius) * 1.4);background:var(--primary);color:var(--primary-foreground);transition:background .2s var(--ease), transform .15s var(--ease), opacity .2s;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{border-color:var(--border);color:var(--foreground);background:0 0}.btn.secondary:hover:not(:disabled){background:var(--muted)}.btn.ghost{color:var(--muted-foreground);background:0 0;border:0;padding-inline:8px}.btn.ghost:hover:not(:disabled){color:var(--cream);background:0 0}.btn.cream{color:var(--cream);background:0 0;border-color:#e8e0d559}.btn.cream:hover:not(:disabled){background:#e8e0d514}.btn.active-tab{color:var(--cream);background:#f3f4f61f;border-color:#e8e0d559}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.segment{border-radius:calc(var(--radius) * 1.6);border:1px solid var(--border);background:#00000040;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segment .btn{color:var(--muted-foreground);background:0 0;border:0;padding:10px 8px;font-size:.78rem}.segment .btn.on{color:var(--foreground);background:#f3f4f61f;box-shadow:0 1px #ffffff0a}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.online{color:var(--ok);background:#4ade801f}.badge.offline{color:var(--cream);background:#e8e0d51f}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.stat{border-radius:calc(var(--radius) * 1.4);border:1px solid var(--border);text-align:center;background:#00000038;padding:10px 8px}.stat strong{color:var(--foreground);font-size:1.1rem;font-weight:600;display:block}.stat span{color:var(--muted-foreground);font-size:.68rem;font-weight:300}.result{border-radius:calc(var(--radius) * 1.8);text-align:center;border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fade-up .3s var(--ease) both;padding:22px 16px}.result.ok{animation:fade-up .3s var(--ease) both, pulse-ok 1.4s ease 1;background:#4ade801a;border-color:#4ade8047}.result.bad{animation:fade-up .3s var(--ease) both, pulse-bad 1.4s ease 1;background:#f871711a;border-color:#f8717147}.result h3{margin:0 0 6px;font-size:1.45rem}.result.ok h3{color:var(--ok)}.result.bad h3{color:var(--bad)}#reader{border-radius:calc(var(--radius) * 1.6);border:1px solid var(--border);background:#00000059;width:100%;overflow:hidden}#reader video{border-radius:calc(var(--radius) * 1.6)}.mono{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.85rem}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70dvh;display:flex}.boot img{opacity:.95;height:36px;animation:fade-up .5s var(--ease) both}.hint{color:var(--muted-foreground);margin:0;font-size:.8rem}.flex-1{flex:1;min-width:0}.session-shell{z-index:1;max-width:440px;min-height:100dvh;animation:fade-up .4s var(--ease) both;flex-direction:column;gap:12px;margin:0 auto;padding:16px 16px 28px;display:flex;position:relative}.session-top{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin:-4px -4px 0;padding:10px 4px 14px;display:flex}.session-avatar{letter-spacing:.02em;width:40px;height:40px;color:var(--foreground);background:linear-gradient(145deg,#e8e0d538,#d48a8a2e);border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:600;display:grid;box-shadow:inset 0 1px #ffffff14}.session-identity{flex:1;min-width:0}.session-user{letter-spacing:-.02em;color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.session-sub{min-width:0;color:var(--muted-foreground);align-items:center;gap:7px;margin-top:3px;font-size:.72rem;font-weight:400;display:flex}.session-sub img{opacity:.85;flex-shrink:0;width:auto;height:11px}.session-sep{background:#ffffff47;border-radius:50%;flex-shrink:0;width:3px;height:3px}.session-live{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.session-live-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.session-live.on{color:var(--ok)}.session-live.off{color:#fdba74}.session-live.on .session-live-dot{animation:2s infinite live-pulse;box-shadow:0 0 0 3px #4ade802e}@keyframes live-pulse{0%,to{box-shadow:0 0 0 3px #4ade802e}50%{box-shadow:0 0 0 5px #4ade8014}}.session-logout{border-radius:calc(var(--radius) * 1.2);height:34px;color:var(--muted-foreground);transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);background:#ffffff0a;border:1px solid #ffffff1f;flex-shrink:0;padding:0 12px;font-size:.8rem;font-weight:500}.session-logout:hover{color:var(--foreground);background:#ffffff14;border-color:#e8e0d547}.event-bar{border-radius:calc(var(--radius) * 1.8);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);background:#ffffff0a;padding:12px 14px}.event-bar label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:6px;font-size:.7rem;font-weight:500;display:block}.event-bar select{appearance:none;border-radius:calc(var(--radius) * 1.3);border:1px solid var(--border);width:100%;color:var(--foreground);background-color:#00000059;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a1a1aa' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;outline:none;padding:12px 36px 12px 12px;font-size:.95rem;font-weight:500}.event-bar select:focus{border-color:#e8e0d566;box-shadow:0 0 0 3px #e8e0d51a}.event-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.78rem;font-weight:300;display:flex}.event-meta strong{color:var(--foreground);font-weight:600}.event-meta .dot{background:#ffffff47;border-radius:50%;width:3px;height:3px}.event-progress{gap:6px;margin-top:10px;display:grid}.event-progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.event-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--cream));height:100%;transition:width .35s var(--ease)}.event-progress p{color:var(--muted-foreground);margin:0;font-size:.78rem;font-weight:300}.event-progress strong{color:var(--foreground);font-weight:600}.event-progress .sep{opacity:.45;margin-inline:6px}.event-progress .pending{color:var(--cream)}.event-progress-empty{color:var(--muted-foreground);margin:0;font-size:.78rem}.scanner-card{border-radius:calc(var(--radius) * 2);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-premium);background:#ffffff09;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex}.scanner-stage{border-radius:calc(var(--radius) * 1.6);aspect-ratio:3/4;background:#0c0c0c;border:1px solid #ffffff14;max-height:min(58dvh,520px);position:relative;overflow:hidden}.scanner-stage #reader{background:#0c0c0c;border:0;border-radius:0;position:absolute;inset:0;width:100%!important;height:100%!important}.scanner-stage #reader video{object-fit:cover;border-radius:0;width:100%!important;height:100%!important}.scanner-stage:after{content:"";pointer-events:none;border:1.5px solid #e8e0d573;border-radius:18px;position:absolute;inset:18%;box-shadow:0 0 0 999px #00000047}.scanner-empty{text-align:center;color:var(--muted-foreground);place-items:center;padding:24px;font-size:.9rem;font-weight:300;display:grid;position:absolute;inset:0}.scan-banner{z-index:2;-webkit-backdrop-filter:blur(12px);animation:fade-up .28s var(--ease) both;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scan-banner strong{font-size:1.05rem;font-weight:700}.scan-banner span{opacity:.9;font-size:.8rem;font-weight:300}.scan-banner.ok{color:#ecfdf5;animation:fade-up .28s var(--ease) both, pulse-ok 1.2s ease 1;background:#166534e0;border:1px solid #4ade8059}.scan-banner.bad{color:#fef2f2;animation:fade-up .28s var(--ease) both, pulse-bad 1.2s ease 1;background:#7f1d1de6;border:1px solid #f8717159}.tool-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-row .btn{width:100%}.sync-progress{border-radius:calc(var(--radius) * 1.3);background:#00000059;border:1px solid #e8e0d538;gap:8px;padding:12px 14px;display:grid}.sync-progress-meta{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.sync-progress-meta strong{color:var(--cream);font-variant-numeric:tabular-nums;font-weight:600}.sync-progress-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.sync-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--cream));height:100%;transition:width .28s var(--ease)}.manual-row{gap:8px;display:flex}.manual-modes{border-radius:calc(var(--radius) * 1.4);border:1px solid var(--border);background:#00000047;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.manual-mode{border-radius:calc(var(--radius) * 1.1);color:var(--muted-foreground);background:0 0;border:0;padding:10px 12px;font-size:.85rem;font-weight:500}.manual-mode.on{color:var(--cream);background:#e8e0d524}.cpf-block{gap:10px;display:grid}.cpf-list{gap:8px;display:grid}.cpf-list-head{color:var(--muted-foreground);margin:0;font-size:.8rem}.cpf-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cpf-item{border-radius:calc(var(--radius) * 1.3);border:1px solid var(--border);background:#00000047;align-items:center;gap:10px;padding:10px 12px;display:flex}.cpf-item-main{flex:1;gap:2px;min-width:0;display:grid}.cpf-item-main strong{letter-spacing:.02em;font-size:.95rem}.cpf-item-main span{color:var(--muted-foreground);font-size:.75rem}.cpf-status.valid{color:var(--ok)}.cpf-status.used,.cpf-status.refunded{color:var(--bad)}.cpf-item .btn{flex-shrink:0;padding-inline:12px}.cpf-confirm{border-radius:calc(var(--radius) * 1.3);background:#a088551f;border:1px solid #e8e0d547;gap:10px;padding:12px 14px;display:grid}.cpf-confirm p{color:var(--foreground);margin:0;font-size:.9rem}.cpf-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.manual-row input{border-radius:calc(var(--radius) * 1.3);border:1px solid var(--border);min-width:0;color:var(--foreground);background:#0000004d;outline:none;flex:1;padding:12px}.manual-row input:focus{border-color:#e8e0d566;box-shadow:0 0 0 3px #e8e0d51a}.session-foot{text-align:center;color:var(--muted-foreground);margin:0;font-size:.72rem;font-weight:300}.install-sheet{z-index:40;max-width:420px;margin-inline:auto;position:fixed;inset:auto 12px 12px}.install-sheet-inner{border-radius:calc(var(--radius) * 1.8);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212f0;border:1px solid #e8e0d547;gap:12px;padding:14px;display:grid}.install-logo{object-fit:contain;width:36px;height:36px}.install-copy{gap:4px;display:grid}.install-copy strong{color:var(--cream);font-size:.95rem;font-weight:600}.install-copy p{color:var(--muted-foreground);margin:0;font-size:.8rem;line-height:1.4}.install-share{color:var(--cream);font-weight:500}.install-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.install-actions .btn:only-child{grid-column:1/-1}
