@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#06c;--primary-focus:#0071e3;--primary-on-dark:#2997ff;--on-primary:#fff;--canvas:#fff;--canvas-parchment:#f5f5f7;--surface-pearl:#fafafc;--surface-black:#000;--ink:#1d1d1f;--ink-muted-80:#333;--ink-muted-48:#7a7a7a;--body-muted:#86868b;--divider-soft:#0000000a;--hairline:#d2d2d7;--success:#34c759;--success-light:#d1fae5;--success-dark:#065f46;--error:#ff3b30;--error-light:#fee2e2;--error-dark:#991b1b;--warning:#ff9500;--warning-light:#fff3cd;--warning-dark:#92400e;--radius-xs:5px;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-pill:9999px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:17px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--ease:cubic-bezier(.25, .1, .25, 1);--transition-fast:.18s var(--ease);--transition-base:.3s var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{letter-spacing:-.022em;color:var(--ink);background:var(--canvas-parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:400;line-height:1.47}#root{flex-direction:column;min-height:100vh;display:flex}h1{letter-spacing:-.015em;color:var(--ink);font-size:clamp(28px,5vw,40px);font-weight:600;line-height:1.1}h2{letter-spacing:.011em;color:var(--ink);font-size:21px;font-weight:600;line-height:1.19}h3{letter-spacing:-.022em;color:var(--ink);font-size:17px;font-weight:600;line-height:1.24}.text-muted{color:var(--body-muted)}.text-secondary{color:var(--ink-muted-80)}.container{max-width:980px;padding:var(--space-lg);width:100%;margin:0 auto}@media (width>=768px){.container{padding:var(--space-xl) var(--space-lg)}}.navbar{-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);z-index:100;background:#ffffffb8;position:sticky;top:0}.navbar-inner{max-width:980px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:52px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--space-sm);color:var(--ink);letter-spacing:-.022em;transition:opacity var(--transition-fast);font-size:17px;font-weight:600;text-decoration:none;display:flex}.nav-brand:hover{opacity:.64}.nav-brand-icon{background:var(--primary);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-brand-text{color:var(--ink)}.nav-links{gap:var(--space-xs);align-items:center;display:flex}.nav-link-text{display:none}@media (width>=768px){.nav-link-text{display:inline}.nav-links{gap:var(--space-sm)}}.btn{letter-spacing:-.014em;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.29;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}@media (width>=768px){.btn{letter-spacing:-.022em;padding:11px 22px;font-size:17px}}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-focus)}.btn-outline{background:var(--surface-pearl);color:var(--ink-muted-80);border:1px solid var(--hairline)}.btn-outline:hover{background:var(--canvas-parchment)}.btn-ghost{color:var(--body-muted);background:0 0;padding:8px}.btn-ghost:hover{color:var(--ink)}.btn-danger{color:var(--error);background:0 0;border:1px solid #ff3b304d}.btn-danger:hover{background:var(--error-light)}.card{background:var(--canvas);border-radius:var(--radius-lg);border:1px solid var(--hairline);padding:var(--space-lg);transition:all var(--transition-base)}.stats-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width>=640px){.stats-grid{gap:var(--space-md)}}.stat-card{align-items:center;gap:var(--space-sm);padding:var(--space-md);display:flex}@media (width>=640px){.stat-card{padding:var(--space-lg);gap:var(--space-md)}}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-primary{color:var(--primary);background:#0066cc14}.stat-icon-success{color:var(--success);background:#34c7591a}.stat-label{color:var(--body-muted);letter-spacing:-.007em;margin-bottom:2px;font-size:12px;font-weight:400}.stat-value{letter-spacing:-.026em;color:var(--ink);font-size:28px;font-weight:600;line-height:1.14}@media (width>=640px){.stat-value{font-size:34px}}.input{letter-spacing:-.022em;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--canvas);width:100%;color:var(--ink);transition:all var(--transition-fast);outline:none;height:44px;padding:11px 20px;font-family:inherit;font-size:17px}.input:focus{border-color:var(--primary-focus);box-shadow:0 0 0 3px #0071e333}.input::placeholder{color:var(--body-muted)}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--body-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-with-icon .input{padding-left:44px}.input-with-icon:focus-within .input-icon{color:var(--primary)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--canvas);overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{background:var(--canvas-parchment);color:var(--body-muted);letter-spacing:-.007em;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}td{vertical-align:middle;border-bottom:1px solid #0000000a;padding:12px 16px}tr:last-child td{border-bottom:none}tr{transition:background var(--transition-fast)}tr:hover td{background:var(--canvas-parchment)}.td-name{color:var(--ink);font-weight:600}.td-company{color:var(--body-muted);font-size:14px}.td-time{color:var(--body-muted);font-variant-numeric:tabular-nums;font-size:14px}.td-participant-mobile{display:none}@media (width<=767px){.td-no,.td-company-col,.td-time-col{display:none}.td-participant-mobile{display:table-cell}.td-name-col{display:none}th,td{padding:10px 12px}}.badge{border-radius:var(--radius-pill);letter-spacing:-.007em;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#248a3d;background:#34c7591f}.badge-warning{color:#c93400;background:#ff95001a}.settings-panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.settings-panel h3{margin-bottom:6px;font-size:17px}.settings-panel p{color:var(--body-muted);margin-bottom:var(--space-md);font-size:14px;line-height:1.43}.settings-input-row{gap:var(--space-sm);flex-direction:column;display:flex}@media (width>=640px){.settings-input-row{flex-direction:row}.settings-input-row .input{flex:1}}.page-header{margin-bottom:var(--space-lg)}@media (width>=640px){.page-header{margin-bottom:var(--space-xl)}}.page-header-row{gap:var(--space-md);flex-direction:column;display:flex}@media (width>=640px){.page-header-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.page-header-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.page-subtitle{color:var(--body-muted);margin-top:4px;font-size:17px;font-weight:400}.toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}@media (width>=640px){.toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.scanner-container{max-width:550px;margin:0 auto}.scanner-card{border-radius:var(--radius-lg);background:var(--surface-black);border:1px solid var(--hairline);overflow:hidden}#reader{border:none!important;width:100%!important}.qr-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}@media (width>=640px){.qr-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.qr-card{text-align:center;cursor:default;padding:var(--space-lg) var(--space-md)!important}.qr-card:hover{border-color:var(--primary)}.qr-code-wrapper{padding:var(--space-md);background:var(--canvas);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);border:1px solid #0000000a;display:inline-flex}.qr-card-name{color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.29}.qr-card-company{color:var(--body-muted);font-size:12px;line-height:1.33}.qr-card-id{margin-top:var(--space-xs);color:var(--body-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.loading-container{padding:80px var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-spinner{border:2.5px solid var(--hairline);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--body-muted);font-size:14px}.empty-state{text-align:center;padding:48px var(--space-lg);color:var(--body-muted);font-size:17px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s var(--ease) forwards}.animate-fade-up{animation:fadeInUp .4s var(--ease) forwards}.animate-slide-down{animation:slideDown .25s var(--ease) forwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}@media print{.print-hide,.navbar{display:none!important}body{background:#fff!important}.container{max-width:none!important;padding:0!important}.qr-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.qr-card{page-break-inside:avoid;border:1px dashed #ccc!important;border-radius:8px!important;padding:12px 8px!important}.qr-card:hover{border-color:#ccc!important}.card{border-radius:8px!important}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:17px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:17px}.mb-6{margin-bottom:24px}.mt-4{margin-top:17px}.mt-6{margin-top:24px}.text-center{text-align:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--body-muted)}