.reg-page{min-height:70vh;display:flex;flex-direction:column;background:var(--bg-primary)}.reg-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:#0a0f1ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reg-brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-primary)}.reg-brand-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}.reg-title-right{font-size:.85rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:5px 14px}.reg-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.reg-centered{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.reg-centered h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.reg-centered p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.reg-centered code{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:.8rem;color:var(--accent-cyan);display:block;word-break:break-all}.user-card-big{display:flex;flex-direction:column;align-items:center;gap:8px}.user-card-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-blue);box-shadow:0 0 20px #3b82f64d}.user-card-big h2{margin:0;font-size:1.4rem}.user-card-id{color:var(--text-muted);font-size:.85rem}.already-box{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:16px;padding:24px 28px;width:100%}.already-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 0 20px #10b98166}.already-box h3{font-size:1.1rem;margin-bottom:6px;color:var(--accent-green)}.already-box p{font-size:.875rem;color:var(--text-secondary);margin:0}.btn-reregister{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);padding:10px 22px;font-size:.875rem;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.btn-reregister:hover{border-color:var(--accent-blue);color:var(--text-primary)}.reg-main{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.user-strip{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.user-strip-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-blue);flex-shrink:0}.user-strip-name{font-weight:600;font-size:.95rem}.user-strip-id{font-size:.78rem;color:var(--text-muted);margin-top:2px}.user-strip-badge{margin-left:auto;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;flex-shrink:0}.user-strip-badge.registered{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.user-strip-badge.not-registered{background:#64748b1a;color:var(--text-muted);border:1px solid var(--border)}.reg-status{padding:10px 14px;border-radius:10px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px}.reg-status.info{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.reg-status.warn{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.reg-status.error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.retry-link{background:none;border:1px solid currentColor;border-radius:6px;padding:2px 10px;color:inherit;font-size:.8rem;cursor:pointer;margin-left:8px;font-family:Inter,sans-serif}.reg-cam-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 16px 40px #0006}.reg-cam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.reg-cam-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.reg-cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:scan 2s ease-in-out infinite;pointer-events:none}.reg-progress{display:flex;flex-direction:column;gap:6px}.reg-progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.reg-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:3px;transition:width .3s ease}.reg-progress span{font-size:.82rem;color:var(--text-secondary);text-align:center}.reg-capture-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-blue),#2563eb);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .2s;box-shadow:0 4px 15px #3b82f64d}.reg-capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.reg-capture-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-box{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:16px;padding:28px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.success-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #10b98166;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.success-box h3{font-size:1.1rem;color:var(--accent-green);margin:0}.success-box p{font-size:.875rem;color:var(--text-secondary);margin:0}.reg-close-hint{font-size:.8rem;color:var(--text-muted)}.reg-icon{width:64px;height:64px;border-radius:50%;font-size:1.8rem;display:flex;align-items:center;justify-content:center}.reg-icon-warn{background:#f59e0b26;color:var(--accent-yellow)}.reg-icon-error{background:#ef444426;color:var(--accent-red)}.big-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 500px){.reg-body{padding:16px}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:#0a0f1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.navbar-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 18px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card)}.nav-link-primary{background:var(--accent-blue);color:#fff!important}.nav-link-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--glow-blue)}.login-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}@media (max-width: 900px){.login-layout{grid-template-columns:1fr}}.camera-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.scan-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.scan-indicator.active{color:var(--accent-green)}.scan-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.scan-indicator.active .scan-dot{animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:scan 2s ease-in-out infinite;pointer-events:none;z-index:10}.welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:20;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-check{width:70px;height:70px;border-radius:50%;background:var(--accent-green);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:8px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px #10b98180}.welcome-overlay h2{font-size:1.1rem;color:var(--text-secondary);font-weight:400}.welcome-overlay h3{font-size:1.8rem;color:var(--accent-green);font-family:Space Grotesk,sans-serif}.welcome-overlay p{color:var(--text-muted);font-size:.9rem}.confidence-text{color:var(--accent-cyan)!important;font-weight:600!important}.redirect-text{margin-top:12px;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.redirect-text:before{content:"";width:12px;height:12px;border:2px solid var(--text-muted);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.camera-controls{display:flex;gap:10px;justify-content:center;margin-top:16px}.instructions{display:flex;flex-direction:column;gap:12px}.instruction-step{display:flex;align-items:flex-start;gap:12px}.step-num-sm{width:26px;height:26px;border-radius:50%;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--accent-blue);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instruction-step p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding-top:3px}.status-items{display:flex;flex-direction:column;gap:10px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:8px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:none}.status-label{color:var(--text-secondary)}.status-val{font-weight:600;display:flex;align-items:center;gap:5px;font-size:.8rem}.status-val.ok{color:var(--accent-green)}.status-val.err{color:var(--text-muted)}.status-val.loading{color:var(--accent-blue)}.spinner.tiny{width:12px;height:12px;border-width:1.5px;color:var(--accent-blue)}.tips-list{list-style:none;display:flex;flex-direction:column;gap:8px}.tips-list li{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.tips-list li:before{content:"→";color:var(--accent-blue);flex-shrink:0}.welcome-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);padding:20px 24px;margin-bottom:28px;position:relative;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.welcome-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;flex-shrink:0}.welcome-banner h2{font-size:1.2rem;font-weight:700;margin-bottom:4px}.welcome-banner p{font-size:.875rem;color:var(--text-secondary)}.dismiss-btn{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.dismiss-btn:hover{background:var(--bg-card);color:var(--text-primary)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 700px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.stat-blue .stat-value{color:var(--accent-blue)}.stat-cyan .stat-value{color:var(--accent-cyan)}.stat-green .stat-value{color:var(--accent-green)}.stat-purple .stat-value{color:#a78bfa}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.log-table{display:flex;flex-direction:column}.log-header{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px}.log-row{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;padding:10px 12px;font-size:.875rem;border-radius:var(--radius-sm);align-items:center;transition:background .15s}.log-row:hover{background:var(--bg-card-hover)}.log-row.highlight{background:#10b98112;border:1px solid rgba(16,185,129,.2)}.log-name{display:flex;align-items:center;gap:8px;font-weight:500}.log-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.log-id{font-family:monospace;color:var(--text-muted);font-size:.8rem}.log-date{color:var(--text-secondary);font-size:.8rem}.user-card{margin-bottom:20px}.user-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 0 20px #10b9814d}.profile-name{font-weight:700;font-size:1.05rem;margin-bottom:2px}.profile-id{font-size:.8rem;color:var(--text-muted);font-family:monospace;margin-bottom:6px}.conf-badge{font-size:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-green);padding:2px 10px;border-radius:999px;font-weight:600}.login-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:.875rem;padding:6px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-secondary)}.info-row span:last-child{font-weight:500}.mini-users{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.mini-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:background .15s}.mini-user:hover{background:var(--bg-secondary)}.mini-user.active{background:#10b98112}.mini-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.mini-name{font-size:.875rem;font-weight:500}.mini-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.you-badge{margin-left:auto;font-size:.7rem;background:#10b98126;color:var(--accent-green);border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:999px;font-weight:600}.actions{display:flex;flex-direction:column;gap:10px}.log-action{font-size:.8rem;color:var(--text-secondary)}.face-badge{font-size:.7rem;background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2);padding:2px 7px;border-radius:999px;margin-left:auto}.landing{max-width:1100px;margin:0 auto;padding:0 24px 80px}.landing-hero{text-align:center;padding:80px 0 60px}.hero-badge{display:inline-block;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--accent-cyan);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:24px}.hero-title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:36px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-lg{padding:14px 28px;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-card);border-color:var(--accent-blue);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-danger{background:transparent;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44441a}.hero-stat{color:var(--text-muted);font-size:.9rem}.stat-num{color:var(--accent-blue);font-weight:700;font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:60px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:all .2s}.feature-card:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:var(--shadow)}.feature-icon{font-size:2rem;margin-bottom:14px}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.how-it-works{text-align:center}.how-it-works h2{font-size:1.8rem;font-weight:700;margin-bottom:36px;letter-spacing:-.02em}.steps{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;max-width:240px;text-align:center}.step-num{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-blue);opacity:.4;margin-bottom:10px}.step h3{font-size:1rem;font-weight:600;margin-bottom:8px}.step p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.step-arrow{font-size:1.5rem;color:var(--text-muted);flex-shrink:0}@media (max-width: 600px){.step-arrow{display:none}}.att-page{min-height:80vh;display:flex;flex-direction:column;background:var(--bg-primary)}.att-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:#0a0f1ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.att-brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.05rem}.att-brand-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}.att-business-id{font-size:.85rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:5px 12px}.att-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.att-select{width:100%;max-width:520px}.att-select-header{text-align:center;margin-bottom:32px}.att-select-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.att-select-header p{color:var(--text-secondary);font-size:.9rem}.att-loading-pill{display:inline-flex;align-items:center;gap:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent-blue);border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:500;margin-top:12px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.action-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:18px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.2,.64,1);color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--action-color);opacity:0;transition:opacity .2s;border-radius:inherit}.action-btn:hover:not(:disabled){border-color:var(--action-color);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #0000004d}.action-btn:hover:not(:disabled):before{opacity:.08}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-icon{font-size:2.4rem;margin-bottom:10px;position:relative}.action-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:6px;color:var(--action-color);position:relative}.action-desc{font-size:.78rem;color:var(--text-muted);position:relative}.att-footer-note{display:flex;justify-content:center;gap:20px;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.att-centered{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.att-spinner-wrap{width:80px;height:80px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid var(--border)}.att-centered h2{font-size:1.4rem}.att-centered p{color:var(--text-secondary)}.btn-text{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:8px 16px;transition:color .2s}.btn-text:hover{color:var(--text-primary)}.att-camera-phase{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:14px}.att-action-pill{display:inline-flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--action-color, var(--accent-blue));color:var(--action-color, var(--accent-blue));border-radius:999px;padding:6px 18px;font-size:.9rem;font-weight:700}.att-warn{font-size:.8rem;color:var(--accent-yellow);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:6px 14px;width:100%;text-align:center}.att-location-pill{font-size:.8rem;color:var(--accent-green);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:999px;padding:4px 14px}.att-cam-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 20px 60px #00000080}.att-cam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.att-cam-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.att-cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.att-cam-error{background:#000000d9}.att-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:scan 2s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.att-status-msg{font-size:.9rem;color:var(--text-secondary);text-align:center;min-height:20px}.att-cancel-btn{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);padding:10px 24px;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.att-cancel-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.btn-sm-white{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:8px 16px;font-size:.85rem;cursor:pointer;margin-top:8px;font-family:Inter,sans-serif}.att-success{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.att-success-icon{width:80px;height:80px;border-radius:50%;background:var(--action-color, var(--accent-green));display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;font-weight:700;box-shadow:0 0 40px color-mix(in srgb,var(--action-color, var(--accent-green)) 50%,transparent);animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.att-success h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.att-action-done{font-size:1.1rem;font-weight:600;margin-top:-8px}.att-summary{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.summary-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem}.summary-row:last-child{border-bottom:none}.summary-icon{width:20px;text-align:center;flex-shrink:0}.summary-label{color:var(--text-secondary);flex:1}.summary-value{font-weight:600}.att-api-status{width:100%;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:500;text-align:center}.att-api-status.ok{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.att-api-status.fail{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.att-success-actions{display:flex;gap:10px;width:100%}.att-new-action-btn{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Space Grotesk,sans-serif}.att-new-action-btn:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.att-clock{text-align:center;padding:12px;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;color:var(--text-secondary);border-top:1px solid var(--border);letter-spacing:.02em}.att-date{font-size:1rem;font-weight:400}.spinner.xl{width:40px;height:40px;border-width:3px;color:var(--accent-blue)}.spinner.tiny2{width:14px;height:14px;border-width:2px;color:currentColor}@media (max-width: 440px){.action-grid{grid-template-columns:1fr 1fr;gap:10px}.action-btn{padding:20px 12px}.action-icon{font-size:1.8rem}.action-label{font-size:.9rem}}.last-scan-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:4px;border:1px solid;animation:fadeUp .3s ease}.last-scan-bar.ok{background:#10b98112;border-color:#10b98133}.last-scan-bar.fail{background:#f59e0b12;border-color:#f59e0b33}.last-scan-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.last-scan-initial{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.last-scan-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.last-scan-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-scan-detail{font-size:.75rem;color:var(--text-muted)}.last-scan-msg{font-size:.75rem;color:var(--text-secondary);text-align:right;flex-shrink:0;max-width:200px}.att-submitting{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary);padding:40px 0}.att-user-card{display:flex;flex-direction:column;align-items:center;gap:6px;animation:fadeUp .4s ease}.att-user-avatar-wrap{position:relative;margin-bottom:4px}.att-user-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--action-color, #10b981);box-shadow:0 0 30px color-mix(in srgb,var(--action-color, #10b981) 40%,transparent)}.att-user-check{position:absolute;bottom:2px;right:2px;width:26px;height:26px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.att-user-name{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0}.att-user-designation{font-size:.875rem;color:var(--text-secondary);margin:0}.att-user-id{font-size:.8rem;color:var(--text-muted);margin:0;font-family:monospace}.att-response-msg{width:100%;padding:14px 18px;border-radius:12px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px;animation:fadeUp .3s ease}.att-response-msg.ok{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.att-response-msg.fail{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.att-response-icon{font-size:1.1rem;flex-shrink:0}.att-countdown-wrap{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.85rem;margin-top:4px}.att-countdown-ring{width:40px;height:40px;flex-shrink:0;color:var(--text-primary)}.att-countdown-svg{width:100%;height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.att-select-business{display:inline-flex;align-items:center;gap:8px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:999px;padding:5px 14px 5px 8px;margin-bottom:12px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.att-select-biz-logo{width:24px;height:24px;border-radius:4px;object-fit:contain;background:#fff;padding:1px}@media (max-width: 400px){.att-business-badge{max-width:160px}.att-business-name{max-width:100px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0f1e;--bg-secondary: #111827;--bg-card: #1a2235;--bg-card-hover: #1f2b40;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e2d45;--border-active: #3b82f6;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--radius: 16px;--radius-sm: 10px;--glow-blue: 0 0 30px rgba(59, 130, 246, .3);--glow-green: 0 0 30px rgba(16, 185, 129, .3);--glow-red: 0 0 30px rgba(239, 68, 68, .3)}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.text-uppercase{text-transform:uppercase}