.logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.logo__icon{display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-xl);color:var(--color-bg-primary)}.logo__icon svg{width:60%;height:60%}.logo--sm .logo__icon{width:3rem;height:3rem}.logo--md .logo__icon{width:4.5rem;height:4.5rem}.logo--lg .logo__icon{width:6rem;height:6rem}.logo__text{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);font-style:italic;letter-spacing:-.02em}.logo--sm .logo__text{font-size:var(--font-size-xl)}.logo--lg .logo__text{font-size:var(--font-size-4xl)}.logo__text-time{color:var(--color-text-primary)}.logo__text-capture{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:2.25rem}.btn--md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:3rem}.btn--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:3.5rem}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-button-glow)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-glow-hover)}.btn--primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn--secondary{background:var(--color-surface-dark);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-dark-hover);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn--outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:active:not(:disabled){transform:scale(.98)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-primary-light)}.btn--ghost:active:not(:disabled){transform:scale(.98)}.btn--full-width{width:100%}.btn__spinner{width:1.25em;height:1.25em;border:.15em solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn--loading{pointer-events:none}@media (prefers-reduced-motion: reduce){.btn--primary:hover:not(:disabled),.btn--primary:active:not(:disabled),.btn--secondary:hover:not(:disabled),.btn--secondary:active:not(:disabled),.btn--outline:active:not(:disabled),.btn--ghost:active:not(:disabled){transform:none}.btn__spinner{animation:none}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-label-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem;margin-left:.25rem}.input-field{width:100%;height:3rem;padding:0 var(--spacing-lg);display:flex;align-items:center;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);font-weight:var(--font-weight-medium);background:var(--glass-bg-light);border:2px solid transparent;border-radius:var(--radius-button-pill);transition:all var(--transition-normal);outline:none}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover{border-color:var(--glass-border);background:var(--glass-bg-light-hover)}.input-field:focus{border-color:var(--glass-border-focus);background:var(--glass-bg-light-hover);box-shadow:var(--focus-ring-primary)}.input-wrapper--error .input-field{border-color:var(--color-error)}.input-wrapper--error .input-field:focus{box-shadow:var(--focus-ring-error)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-helper--error{color:var(--color-error)}.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0px 1000px var(--color-surface-dark) inset;transition:background-color 5000s ease-in-out 0s}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}@supports not (backdrop-filter: blur(1px)){.card{background:#161b26f2}}.card--elevated{box-shadow:var(--shadow-card),0 25px 50px -12px #00000040}.card--outlined{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);box-shadow:none}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-md)}.card--padding-md{padding:var(--spacing-lg)}.card--padding-lg{padding:var(--spacing-xl)}.card:hover{background:var(--glass-bg-hover)}@supports not (backdrop-filter: blur(1px)){.card:hover{background:#161b26fa}}.step-indicator{width:100%;padding:var(--spacing-md) 0}.step-indicator__track{display:flex;align-items:flex-start;justify-content:center;gap:0}.step-indicator__item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-indicator__circle{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-surface-dark);color:var(--color-text-muted);border:2px solid var(--color-border);transition:all var(--transition-normal);z-index:1}.step-indicator__circle svg{width:1rem;height:1rem}.step-indicator__circle--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-primary);box-shadow:0 0 12px var(--color-primary-glow)}.step-indicator__circle--completed{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-primary)}.step-indicator__label{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;max-width:5rem}.step-indicator__label--active{color:var(--color-text-primary)}.step-indicator__line{position:absolute;top:1.125rem;left:calc(50% + 1.125rem);width:calc(100% - 2.25rem);height:2px;background:var(--color-border);z-index:0}.step-indicator__line--completed{background:var(--color-primary)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-bg-primary)}.error-boundary__content{max-width:31.25rem;text-align:center;padding:var(--spacing-2xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}@supports not (backdrop-filter: blur(1px)){.error-boundary__content{background:#161b26f2}}.error-boundary__icon{width:4rem;height:4rem;margin:0 auto var(--spacing-lg);color:var(--color-error)}.error-boundary__icon svg{width:100%;height:100%}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.error-boundary__actions{display:flex;gap:var(--spacing-md);justify-content:center}.error-boundary__button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.error-boundary__button--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-button-glow)}.error-boundary__button--primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-glow-hover)}.error-boundary__button--primary:active{transform:translateY(0) scale(.98)}.error-boundary__button--secondary{background:var(--color-surface-dark);color:var(--color-text-primary)}.error-boundary__button--secondary:hover{background:var(--color-surface-dark-hover)}.error-boundary__button--secondary:active{transform:scale(.98)}.error-boundary__details{margin-top:var(--spacing-xl);text-align:left;background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.error-boundary__details summary{cursor:pointer;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.error-boundary__details pre{color:var(--color-text-muted);font-size:var(--font-size-xs);overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media (prefers-reduced-motion: reduce){.error-boundary__button--primary:hover,.error-boundary__button--primary:active,.error-boundary__button--secondary:active{transform:none}}.qr-instruction-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-primary-light);border-radius:var(--radius-button-pill);border:2px dashed var(--color-primary-glow);margin-top:var(--spacing-lg);text-align:center;position:relative}.qr-instruction-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-button-pill);border:2px dashed rgba(74,222,128,.2);pointer-events:none}.qr-instruction-icon-group{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.qr-instruction-icon{width:3rem;height:3rem;color:var(--color-primary);flex-shrink:0}.qr-instruction-arrow{width:1.5rem;height:1.5rem;color:var(--color-text-muted);flex-shrink:0}.qr-instruction-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;text-transform:none}.qr-instruction-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;max-width:20rem}.qr-instruction-torch-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-xs);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.qr-instruction-torch-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.qr-instruction-torch-button:active{transform:scale(.98)}.torch-icon{width:1.125rem;height:1.125rem;flex-shrink:0}@media (max-width: 768px){.qr-instruction-card{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-sm)}.qr-instruction-icon{width:2.5rem;height:2.5rem}.qr-instruction-arrow{width:1.25rem;height:1.25rem}.qr-instruction-title{font-size:var(--font-size-base)}.qr-instruction-text{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.qr-instruction-torch-button:active{transform:none}}.network-status{position:fixed;top:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:1000;animation:slideDown .3s ease-out}.network-status--offline{background-color:#f59e0b26;color:var(--color-warning);border-bottom:1px solid rgba(245,158,11,.3)}.network-status--syncing{background-color:var(--color-info-bg);color:var(--color-info-text);border-bottom:1px solid var(--color-info-border)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.network-status{animation:none}}.sync-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sync-status-icon{font-size:var(--font-size-sm);line-height:1}.sync-status-text{line-height:1}.sync-status--offline{background-color:#f59e0b26;color:var(--color-warning)}.sync-status--stale{background-color:var(--color-info-bg);color:var(--color-info-text)}.sync-status--fresh{background-color:#22c55e26;color:var(--color-success)}.rebond-request{padding:1rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);margin:1rem 0}.rebond-request-message{margin-bottom:.75rem;font-weight:500}.rebond-request-reasons{margin:.75rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.rebond-request-reasons li{margin:.25rem 0}.rebond-request-action{margin:1rem 0;color:var(--color-text-secondary)}.rebond-request-hint{margin-top:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.conflict-resolution{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;display:flex;gap:var(--spacing-md);align-items:flex-start}@supports not (backdrop-filter: blur(1px)){.conflict-resolution{background:#161b26f2}}.conflict-resolution-icon{font-size:var(--font-size-2xl);flex-shrink:0}.conflict-resolution-content{flex:1}.conflict-resolution-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.conflict-resolution-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed)}.conflict-resolution-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conflict-resolution-primary{margin-top:var(--spacing-xs)}.conflict-resolution-secondary{margin-top:0}@media (min-width: 768px){.conflict-resolution-actions{flex-direction:row}.conflict-resolution-primary,.conflict-resolution-secondary{flex:1}}.debug-overlay{position:fixed;bottom:1rem;right:1rem;z-index:9998;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;line-height:1.4}.debug-toggle{background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.debug-toggle:hover{background:#000000d9;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.debug-toggle:active{transform:translateY(0)}.debug-content{margin-top:.5rem;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #00000080;width:90vw;max-width:500px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.debug-header h3{margin:0;font-size:13px;font-weight:600;color:#fff}.debug-clear{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;padding:.25rem .75rem;color:#ef4444;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease}.debug-clear:hover{background:#ef44444d}.debug-logs{flex:1;overflow-y:auto;padding:.5rem;max-height:calc(60vh - 60px)}.debug-logs::-webkit-scrollbar{width:6px}.debug-logs::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.debug-logs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.debug-logs::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.debug-empty{padding:2rem 1rem;text-align:center;color:#ffffff80}.debug-empty p{margin:0;font-size:12px}.debug-log-line{padding:.5rem;margin-bottom:.25rem;border-radius:6px;background:#ffffff08;border-left:3px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.debug-log-line--error{background:#ef44441a;border-left-color:#ef4444}.debug-log-line--warn{background:#fbbf241a;border-left-color:#fbbf24}.debug-log-line--info{background:#3b82f61a;border-left-color:#3b82f6}.debug-log-time{color:#fff9;font-size:10px;flex-shrink:0}.debug-log-level{font-weight:700;font-size:10px;flex-shrink:0}.debug-log-line--error .debug-log-level{color:#ef4444}.debug-log-line--warn .debug-log-level{color:#fbbf24}.debug-log-line--info .debug-log-level{color:#3b82f6}.debug-log-line--log .debug-log-level{color:#ffffffb3}.debug-log-message{color:#ffffffe6;flex:1;min-width:0;word-break:break-word;font-size:11px}.debug-log-details{width:100%;margin-top:.25rem}.debug-log-details summary{cursor:pointer;color:#ffffffb3;font-size:10px;padding:.25rem;-webkit-user-select:none;user-select:none}.debug-log-details summary:hover{color:#ffffffe6}.debug-log-details pre{margin:.5rem 0 0;padding:.5rem;background:#0000004d;border-radius:4px;overflow-x:auto;font-size:10px;color:#fffc;max-height:200px;overflow-y:auto}@media (max-width: 768px){.debug-overlay{bottom:.5rem;right:.5rem}.debug-content{width:calc(100vw - 1rem);max-width:none;max-height:50vh}.debug-logs{max-height:calc(50vh - 60px)}}.debug-overlay{pointer-events:auto}.debug-overlay--minimized .debug-content{display:none}.error-display{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.error-display--compact{padding:.75rem}.error-display-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.error-display-icon{width:32px;height:32px;color:var(--color-error, #ef4444)}.error-display-icon svg{width:100%;height:100%}.error-display--compact .error-display-icon{width:24px;height:24px}.error-display-message{color:var(--color-error, #ef4444);font-size:.9375rem;font-weight:500;margin:0;line-height:1.5}.error-display--compact .error-display-message{font-size:.875rem}.error-display-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.error-display-trace{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(239,68,68,.2);font-size:.75rem;color:var(--text-muted, #6b7280)}.error-display-trace-label{opacity:.8}.error-display-trace-id{font-family:SF Mono,Monaco,Menlo,monospace;background:#0003;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;letter-spacing:.05em}.error-display-trace-copy{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .2s ease}.error-display-trace-copy:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.error-display-trace-copy:active{transform:scale(.95)}.error-display-trace-copy svg{width:14px;height:14px}@media (prefers-color-scheme: dark){.error-display{background:#ef444426;border-color:#ef444466}.error-display-trace-id{background:#0006}}@media (max-width: 480px){.error-display{padding:.875rem}.error-display-message{font-size:.875rem}.error-display-trace{flex-wrap:wrap;gap:.375rem}}.recovery-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg, .75rem);color:var(--color-error, #ef4444);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-md, 1rem);position:relative}.recovery-banner__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:inherit}.recovery-banner__icon svg{width:100%;height:100%}.recovery-banner__content{flex:1;min-width:0}.recovery-banner__message{margin:0;color:inherit;line-height:1.5}.recovery-banner__actions{display:flex;gap:var(--spacing-sm, .5rem);flex-wrap:wrap;margin-top:var(--spacing-sm, .5rem)}.recovery-banner__actions:empty{display:none}.recovery-banner__code{display:none}.recovery-banner__dismiss{position:absolute;top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem);width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.5;transition:opacity .15s ease}.recovery-banner__dismiss:hover{opacity:1}.recovery-banner__dismiss svg{width:100%;height:100%}.home-page{width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;visibility:visible;opacity:1}.home-page--error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--color-bg-secondary) 0%,var(--color-bg-primary) 70%)}.home-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.home-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.home-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}@media (min-width: 1025px){.home-page{overflow-y:auto;overflow-x:hidden}}.home-header{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.home-header__signin-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer}.home-header__signin-btn:hover{background:#ffffff1a;border-color:#4ade804d;transform:scale(1.05)}.home-header__signin-btn svg{width:1.25rem;height:1.25rem}.home-header .logo{flex-direction:row;gap:var(--spacing-md)}@media (max-width: 767px){.home-header{padding:var(--spacing-sm) var(--spacing-md)}.home-header .logo{gap:var(--spacing-sm)}.home-header__signin-btn{width:2rem;height:2rem;padding:.375rem}}.home-main{flex:1;display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-xl);padding-top:calc(var(--header-height-desktop) + var(--spacing-md));max-width:1200px;margin:0 auto;width:100%;overflow:visible;min-height:0;justify-content:flex-start;padding-bottom:var(--spacing-2xl)}@media (max-width: 767px){.home-main{padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--header-height-mobile) + var(--spacing-sm));padding-bottom:var(--spacing-lg)}}@media (min-width: 768px){.home-main{padding-bottom:var(--spacing-md)}}@media (min-width: 1025px){.home-main{padding-bottom:var(--spacing-xl)}}.home-main--edit{justify-content:center}.home-welcome{text-align:center;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-xl);animation:fadeInSlideDown .7s ease-out}@media (max-width: 767px){.home-welcome{animation:none;opacity:1}}.home-welcome__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight);letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-welcome__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}@media (max-width: 767px){.home-welcome{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.home-welcome__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.home-welcome__subtitle{font-size:var(--font-size-sm);padding:0 var(--spacing-md)}}.home-tabs{display:none;background:#ffffff0d;padding:.375rem;border-radius:1.5rem;margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #0000001a}@media (max-width: 767px){.home-tabs{display:flex;gap:.375rem}}.home-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem;border-radius:.75rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.home-tab:hover{color:var(--color-text-primary)}.home-tab--active{background:var(--color-primary);color:#000;font-weight:var(--font-weight-bold);box-shadow:0 8px 20px -4px #10b98166;transform:translateY(-1px)}.home-tab__icon--active{fill:currentColor}.home-tab svg{width:1.125rem;height:1.125rem;transition:fill .3s ease}.home-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:stretch;max-width:850px;margin:0 auto;width:100%}.home-content--edit{max-width:600px;margin:0 auto}.home-content--mobile{max-width:100%}@media (min-width: 768px){.home-content{display:grid!important;grid-template-columns:2.3fr 1.1fr!important;gap:var(--spacing-md);max-width:850px}.home-content--edit{grid-template-columns:1fr!important;max-width:600px}}@media (min-width: 768px) and (max-width: 1024px){.home-content{max-width:95%;gap:var(--spacing-md)}}.home-form-card{position:relative;padding:var(--spacing-xl)!important;display:flex;flex-direction:column;min-height:auto;box-sizing:border-box;overflow:visible;background:#161b2666!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)!important;border-top:1px solid rgba(255,255,255,.2)!important;border-radius:2.5rem!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:fadeInZoom .5s ease-out;transition:all .3s ease}@media (max-width: 767px){.home-form-card{animation:none;opacity:1}}@media (min-width: 768px) and (max-width: 1024px){.home-form-card{padding:var(--spacing-md)!important}}.home-form-card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:#10b9811a;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1}@media (max-width: 767px){.home-form-card{padding:var(--spacing-lg)!important;border-radius:2rem!important}}@media (min-width: 768px) and (max-width: 1024px){.home-form-card{padding:var(--spacing-lg)!important}}@media (min-width: 1025px){.home-form-card{height:100%;overflow:hidden}}.home-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0;text-align:left;width:100%;letter-spacing:-.01em;transition:all .3s ease}@media (max-width: 767px){.home-form__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}}@media (min-width: 768px){.home-form__title{width:100%}}.home-form__error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)!important;background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)!important;width:100%;box-sizing:border-box;text-align:center}.home-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:0;flex:1;align-items:stretch;padding:0;width:100%;box-sizing:border-box;transition:all .3s ease}@media (max-width: 767px){.home-form{gap:var(--spacing-md)}}@media (min-width: 768px){.home-form{align-items:center}.home-form .input-wrapper{display:grid!important;grid-template-columns:130px 300px;gap:var(--spacing-md);align-items:center;width:fit-content;margin:0 auto}.home-form .input-label{margin-bottom:0;text-align:left}.home-form .input-field{width:100%;max-width:300px}.home-form .input-helper{grid-column:2;margin-top:var(--spacing-xs)}}@media (max-width: 767px){.home-form .input-wrapper{display:flex!important;flex-direction:column!important;gap:var(--spacing-xs);width:100%;align-items:stretch}.home-form .input-label{margin-bottom:var(--spacing-xs);text-align:left;font-size:var(--font-size-sm)}.home-form .input-field{width:100%;max-width:100%;box-sizing:border-box;padding:.75rem;font-size:var(--font-size-sm)}.home-form .input-helper{margin-top:var(--spacing-xs);font-size:.7rem}}.home-form__submit{width:100%;margin:var(--spacing-xl) 0 0 0;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary)!important;color:#000!important;font-weight:var(--font-weight-bold)!important;border-radius:1.5rem!important;box-sizing:border-box;font-size:var(--font-size-base);box-shadow:0 10px 15px -3px #10b98140;transition:all var(--transition-normal);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.home-form__submit:hover:not(:disabled){background:#22c55e!important;transform:scale(1.02);box-shadow:0 12px 20px -4px #10b98159}.home-form__submit:active:not(:disabled){transform:scale(.98)}@media (max-width: 767px){.home-form__submit{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (min-width: 768px){.home-form__submit{width:calc(130px + var(--spacing-md) + 300px);margin:var(--spacing-lg) auto 0 auto}}.home-qr-card{position:relative;padding:var(--spacing-xl)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#161b2666,#10b9810d)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)!important;border-top:1px solid rgba(255,255,255,.2)!important;border-radius:2.5rem!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;min-height:auto;cursor:pointer;transition:all var(--transition-normal);animation:fadeInZoom .5s ease-out}@media (max-width: 767px){.home-qr-card{animation:none;opacity:1}}.home-qr-card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:#10b9811a;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1}.home-qr-card:hover{background:linear-gradient(135deg,#161b2680,#10b9811a)!important;transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000059,0 15px 15px -5px #00000040}@media (max-width: 767px){.home-qr-card{padding:var(--spacing-lg)!important;border-radius:2rem!important}}@media (min-width: 768px) and (max-width: 1024px){.home-qr-card{padding:var(--spacing-lg)!important}}@media (min-width: 1025px){.home-qr-card{min-height:0;align-self:start}}.home-qr__preview{position:relative;margin-bottom:var(--spacing-lg)}.home-qr__frame{position:relative;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-2xl);border:2px solid rgba(16,185,129,.2);box-shadow:0 0 50px #10b98140;overflow:hidden}.home-qr__frame svg{width:100%;height:auto;display:block}.home-qr__scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#4ade80,transparent);box-shadow:0 0 15px #10b981;animation:scan 3.5s cubic-bezier(.4,0,.2,1) infinite;z-index:10;pointer-events:none}@keyframes scan{0%{top:0%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}.home-qr__info{text-align:center}.home-qr__info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.01em}.home-qr__info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:280px;line-height:var(--line-height-relaxed)}@media (max-width: 767px){.home-qr__preview{margin-bottom:var(--spacing-md)}.home-qr__frame{padding:var(--spacing-sm)}.home-qr__info h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.home-qr__info p{font-size:var(--font-size-xs);max-width:240px;line-height:1.4}}@media (min-width: 768px) and (max-width: 1024px){.home-qr__info p{max-width:260px}}.home-signin{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xl);margin-bottom:0;animation:fadeInSlideUp 1s ease-out .3s both}@media (max-width: 767px){.home-signin{animation:none;opacity:1}}@media (min-width: 768px) and (max-width: 1024px){.home-signin{margin-top:var(--spacing-lg);font-size:var(--font-size-sm)}}.home-signin a{color:var(--color-primary);font-weight:var(--font-weight-bold);text-decoration:none;border-bottom:1px solid rgba(74,222,128,.3);padding-bottom:.125rem;transition:all var(--transition-normal)}.home-signin a:hover{color:#22c55e;border-bottom-color:#4ade8080}@media (max-width: 767px){.home-signin{font-size:var(--font-size-xs);margin-top:var(--spacing-lg)}}.home-form__otp-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;text-align:center;animation:fadeInSlideDown .5s ease-out}@media (min-width: 768px) and (max-width: 1024px){.home-form__otp-subtitle{margin-bottom:var(--spacing-lg)}}.home-form__otp-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xl) 0 var(--spacing-lg) 0;animation:fadeInZoom .5s ease-out}@media (min-width: 768px) and (max-width: 1024px){.home-form__otp-container{margin:var(--spacing-lg) 0 var(--spacing-md) 0}}.home-form__otp-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.home-form__otp-inputs{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.home-form__otp-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-text-primary);background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-normal);outline:none}.home-form__otp-input:focus{border-color:var(--color-primary);background:#ffffff0d;box-shadow:0 0 0 4px #4ade801a}.home-form__otp-input--error{border-color:var(--color-error)}.home-form__resend{text-align:center;margin:var(--spacing-lg) 0 var(--spacing-md) 0}@media (min-width: 768px) and (max-width: 1024px){.home-form__resend{margin:var(--spacing-md) 0}}.home-form__resend-timer{font-size:var(--font-size-sm);color:var(--color-text-muted)}.home-form__resend-button{font-size:var(--font-size-sm);color:var(--color-primary);background:transparent;border:none;cursor:pointer;transition:opacity var(--transition-fast);padding:0;font-weight:var(--font-weight-medium)}.home-form__resend-button:hover:not(:disabled){text-decoration:underline;opacity:.8}.home-form__resend-button:disabled{color:var(--color-text-muted);cursor:not-allowed}@media (max-width: 767px){.home-form__otp-input{width:40px;height:48px;font-size:var(--font-size-lg)}.home-form__otp-inputs{gap:var(--spacing-xs)}}.signin-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl);padding-top:calc(var(--header-height-desktop) + var(--spacing-xl));position:relative;min-height:100vh}.signin-page--error{justify-content:center;padding-top:var(--spacing-xl)}.signin-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.signin-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.signin-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.signin-error-link{margin-top:var(--spacing-lg)!important;font-size:var(--font-size-sm)}.signin-error-link a{color:var(--color-primary);text-decoration:underline}.signin-page__header-fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:#0a0f1ad9;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:1px solid rgba(255,255,255,.05)}.signin-page__header-fixed .logo{flex-direction:row;gap:var(--spacing-md)}.signin-page__container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative}.signin-page__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer;padding:0}.signin-page__back:hover{background:var(--glass-bg-light-hover);border-color:var(--color-primary-glow);transform:scale(1.05)}.signin-page__back:active{transform:scale(.97)}.signin-page__back svg{width:20px;height:20px}.signin-page__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);will-change:transform,opacity}.signin-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);letter-spacing:-.02em}.signin-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.signin-page .signin-page__card{position:relative;width:100%;padding:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:1;isolation:isolate;will-change:transform,opacity}.signin-page .signin-page__card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--glow-primary);border-radius:50%;filter:blur(var(--glow-blur));pointer-events:none;z-index:-1}.signin-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.signin-page .signin-form__info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);color:var(--color-info-text);font-size:var(--font-size-sm);text-align:left;margin-bottom:var(--spacing-sm)}.signin-page .signin-form__info span{flex:1}.signin-form__info-dismiss{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-info-border);border-radius:var(--radius-sm);color:var(--color-info-text);font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:all var(--transition-fast);padding:0}.signin-form__info-dismiss:hover{background:#ffffff1a;border-color:var(--color-info-text)}.signin-form__info-dismiss:active{transform:scale(.95)}.signin-form__error{padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.signin-page .signin-form__submit-btn{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-button-pill);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal);border:none;cursor:pointer}.signin-page .signin-form__submit-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.signin-page .signin-form__submit-btn:active:not(:disabled){transform:scale(.98)}.signin-page .signin-form__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-form__options{display:flex;align-items:center;justify-content:space-between;margin-top:calc(-1 * var(--spacing-xs))}.signin-form__remember{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.signin-form__remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.signin-form__remember:hover{color:var(--color-text-primary)}.signin-form__forgot{font-size:var(--font-size-sm);color:var(--color-primary);transition:all var(--transition-fast)}.signin-form__forgot:hover{text-decoration:underline}.signin-page__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);will-change:transform,opacity}.signin-page__footer a{color:var(--color-primary);font-weight:var(--font-weight-bold);text-decoration:none;border-bottom:1px solid var(--color-primary-glow);padding-bottom:.125rem;transition:all var(--transition-normal)}.signin-page__footer a:hover{color:var(--color-primary-hover);border-bottom-color:#4ade8080}.signin-form__otp-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.signin-page .signin-form__otp-label{font-size:.625rem;font-weight:var(--font-weight-bold);color:var(--color-label-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.signin-page .signin-form__otp-inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.signin-page .signin-form__otp-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-text-primary);background:var(--glass-bg-light);border:2px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);outline:none}.signin-page .signin-form__otp-input:hover{border-color:#ffffff26;background:var(--glass-bg-light-hover)}.signin-page .signin-form__otp-input:focus{border-color:var(--color-primary);background:var(--glass-bg-light-hover);box-shadow:var(--focus-ring-primary)}.signin-form__resend{text-align:center;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.signin-form__resend-timer{font-size:var(--font-size-sm);color:var(--color-text-muted)}.signin-form__resend-button{font-size:var(--font-size-sm);color:var(--color-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);padding:0;font-weight:var(--font-weight-medium)}.signin-form__resend-button:hover:not(:disabled){text-decoration:underline;opacity:.8}.signin-form__resend-button:disabled{color:var(--color-text-muted);cursor:not-allowed}.signin-page__header{animation:fadeInSlideDown .5s ease-out}.signin-page .signin-page__card{animation:fadeInZoom .5s ease-out}.signin-page__footer{animation:fadeInSlideUp .8s ease-out .2s both}@media (max-width: 767px){.signin-page{padding:var(--spacing-lg);padding-top:calc(var(--header-height-mobile) + var(--spacing-lg))}.signin-page__header-fixed{padding:var(--spacing-sm) var(--spacing-md)}.signin-page__header-fixed .logo{gap:var(--spacing-sm)}.signin-page__back{width:2rem;height:2rem;padding:.375rem}.signin-page__back svg{width:1.25rem;height:1.25rem}.signin-page__title{font-size:var(--font-size-2xl)}.signin-page .signin-page__card{padding:var(--spacing-lg);border-radius:2rem}.signin-page .signin-form__otp-input{width:40px;height:48px;font-size:var(--font-size-lg)}.signin-page .signin-form__otp-inputs{gap:var(--spacing-xs)}.signin-page__header,.signin-page .signin-page__card,.signin-page__footer{animation:none;opacity:1;transform:none;will-change:auto}}@media (prefers-reduced-motion: reduce){.signin-page__header,.signin-page .signin-page__card,.signin-page__footer{animation:none;opacity:1;transform:none;will-change:auto}}.register-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;padding:calc(80px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl);position:relative;background:radial-gradient(ellipse at top,var(--color-bg-secondary) 0%,var(--color-bg-primary) 70%)}.register-page__container{width:100%;max-width:440px}.register-page__header-fixed{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.register-page__header-fixed .logo{flex-direction:row;gap:var(--spacing-md)}.register-page__back{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer;padding:0}.register-page__back:hover{background:#ffffff1a;border-color:#4ade804d;transform:scale(1.05)}.register-page__back:active{transform:scale(.95)}.register-page__back svg{width:1.25rem;height:1.25rem}.register-page__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);will-change:transform,opacity}.register-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--spacing-md);letter-spacing:-.02em;line-height:var(--line-height-tight)}.register-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.register-page__card{position:relative;width:100%;background:#161b26f2!important;border:1px solid var(--glass-border)!important;border-top-color:var(--glass-border-top)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card);isolation:isolate;will-change:transform,opacity}@supports (backdrop-filter: blur(1px)){.register-page__card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.register-page__card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--glow-primary);border-radius:50%;filter:blur(var(--glow-blur));pointer-events:none;z-index:-1}.register-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-form__error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.register-form__select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.register-form__select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--glass-bg-light);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.register-form__select:hover{border-color:#ffffff26;background:var(--glass-bg-light-hover)}.register-form__select:focus{border-color:var(--color-primary);background:var(--glass-bg-light-hover);box-shadow:var(--focus-ring-primary);outline:none}.register-form__select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.register-form__divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-sm) 0}.register-form__divider:before,.register-form__divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.register-form__divider span{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.otp-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.otp-inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.otp-input{width:3rem;height:3.5rem;text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-text-primary);background:var(--glass-bg-light);border:2px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.otp-input:hover{border-color:#ffffff26;background:var(--glass-bg-light-hover)}.otp-input:focus{border-color:var(--color-primary);background:var(--glass-bg-light-hover);box-shadow:var(--focus-ring-primary);outline:none}.otp-input--error{border-color:var(--color-error)}.otp-error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.resend-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.resend-btn:not(:disabled){font-weight:var(--font-weight-bold);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-bottom-color var(--transition-fast)}.resend-btn:not(:disabled):hover{border-bottom-color:var(--color-primary-glow);text-decoration:none}.resend-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.register-page__card .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal);border:none}.register-page__card .btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.register-page__card .btn--primary:active:not(:disabled){transform:scale(.98)}.register-page__card .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-page__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-md)}.register-page__footer a{color:var(--color-primary);font-weight:var(--font-weight-bold);text-decoration:none;border-bottom:1px solid var(--color-primary-glow);padding-bottom:.125rem;transition:color var(--transition-normal),border-bottom-color var(--transition-normal)}.register-page__footer a:hover{color:var(--color-primary-hover);border-bottom-color:#4ade8080}.register-page__header{animation:fadeInSlideDown .5s ease-out}.register-page__card{animation:fadeInZoom .5s ease-out .1s both}@media (max-width: 767px){.register-page{padding:var(--spacing-lg);padding-top:calc(64px + var(--spacing-lg))}.register-page__header-fixed{padding:var(--spacing-sm) var(--spacing-md)}.register-page__header-fixed .logo{gap:var(--spacing-sm)}.register-page__back{width:2rem;height:2rem}.register-page__back svg{width:1.125rem;height:1.125rem}.register-page__title{font-size:var(--font-size-2xl)}.register-page__card{border-radius:2rem!important}.otp-input{width:2.75rem;height:3.25rem;font-size:var(--font-size-xl)}.register-page__header,.register-page__card{animation:none;opacity:1;transform:none;will-change:auto}}@media (prefers-reduced-motion: reduce){.register-page__header,.register-page__card{animation:none;opacity:1;transform:none;will-change:auto}.register-page__back:hover,.register-page__back:active,.register-page__card .btn--primary:hover:not(:disabled),.register-page__card .btn--primary:active:not(:disabled){transform:none}}.register-page--error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.register-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.register-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.register-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.dashboard-page{display:flex;flex-direction:column;overflow-x:hidden;min-height:100vh;min-height:100dvh}.dashboard-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);animation:fadeInSlideDown .4s ease-out}@supports not (backdrop-filter: blur(12px)){.dashboard-header{background:#0a0f1afa}}.dashboard-header__left{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-header__title-row{display:flex;align-items:center;gap:var(--spacing-xs)}.dashboard-header__title h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-header__edit{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:0}.dashboard-header__edit:hover{color:var(--color-primary);background:var(--color-surface-dark)}.dashboard-header__edit:active{transform:scale(.9)}.dashboard-header__edit svg{width:1rem;height:1rem}.dashboard-header__menu{position:relative}.dashboard-header__menu-button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal)}.dashboard-header__menu-button:hover{background:#ffffff1a;border-color:#4ade804d;transform:scale(1.05)}.dashboard-header__menu-button:active{transform:scale(.95)}.dashboard-header__menu-button svg{width:1.25rem;height:1.25rem}.dashboard-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:200px;background:#161b26f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-xs);z-index:var(--z-overlay);animation:fadeInZoom .2s ease-out}@supports not (backdrop-filter: blur(24px)){.dashboard-menu-dropdown{background:#161b26fa}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dashboard-menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left}.dashboard-menu-item:hover{background:#ffffff0d;color:var(--color-primary)}.dashboard-menu-item:active{transform:scale(.98)}.dashboard-menu-item--danger:hover{background:#ef44441a;color:var(--color-error)}.dashboard-menu-item svg{width:1.125rem;height:1.125rem;flex-shrink:0}.dashboard-menu-divider{height:1px;background:#ffffff1a;margin:var(--spacing-xs) 0}.dashboard-nav{display:flex;gap:var(--spacing-xs)}.nav-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-tab:hover{color:var(--color-text-primary);background:var(--color-surface-dark)}.nav-tab--active{color:var(--color-primary);background:var(--color-primary-light)}.dashboard-page .dashboard-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);padding-top:calc(var(--header-height-desktop) + var(--spacing-md));padding-bottom:var(--spacing-md);align-items:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;max-width:100%;margin:0 auto}@media (min-width: 1440px){.dashboard-page .dashboard-content{max-width:1400px}}.dashboard-kiosk{display:flex;flex-direction:column;min-height:0;gap:var(--spacing-md)}.kiosk-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-top);box-shadow:var(--shadow-card);animation:fadeInSlideUp .5s ease-out .1s both}@supports not (backdrop-filter: blur(24px)){.kiosk-card{background:#161b26f2}}.kiosk-qr-wrapper{position:relative;padding:var(--spacing-xl);background:var(--color-bg-tertiary);border-radius:var(--radius-xl);border:2px solid rgba(74,222,128,.3)}.kiosk-qr-frame{position:relative;display:flex;align-items:center;justify-content:center}.kiosk-qr-frame svg{width:100%;max-width:15rem;height:auto}.qr-center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.25rem;height:2.25rem;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000080}.kiosk-instruction{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.kiosk-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;align-items:center}.kiosk-test-link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none}.kiosk-test-link:hover{color:var(--color-primary)}.kiosk-debug{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-top);box-shadow:var(--shadow-card)}@supports not (backdrop-filter: blur(24px)){.stat-card{background:#161b26f2}}.stat-card:nth-child(1){animation:fadeInSlideUp .4s ease-out .2s both}.stat-card:nth-child(2){animation:fadeInSlideUp .4s ease-out .3s both}.stat-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-card--active .stat-icon{background:#4ade8026;color:var(--color-primary)}.stat-card--absent .stat-icon{background:#94a3b826;color:var(--color-text-muted)}.stat-card--late .stat-icon{background:#ef444426;color:var(--color-error)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums}.stat-card--active .stat-value{color:var(--color-primary)}.stat-card--absent .stat-value{color:var(--color-text-muted)}.stat-card--late .stat-value{color:var(--color-error)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.stat-value-container{display:flex;align-items:center;gap:var(--spacing-sm)}.sync-indicator{width:8px;height:8px;background-color:var(--color-success, #10b981);border-radius:50%;opacity:.3;transition:opacity .3s ease;flex-shrink:0}.sync-indicator.active{opacity:1;animation:syncPulse 1.5s infinite}@keyframes syncPulse{0%,to{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}}.activity-card{display:flex;flex-direction:column;min-height:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-top);box-shadow:var(--shadow-card);overflow:hidden;animation:fadeInSlideUp .5s ease-out .4s both}@supports not (backdrop-filter: blur(24px)){.activity-card{background:#161b26f2}}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.activity-header h2{font-size:var(--font-size-lg);margin:0}.header-title-group{display:flex;align-items:center;gap:var(--spacing-sm)}.date-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:#ffffff0d;padding:2px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.activity-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.activity-syncing{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-sm)}.activity-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;overflow-x:hidden;min-height:0}.activity-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center}.activity-empty p{margin:0;font-size:var(--font-size-base)}.activity-empty span{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid transparent;flex-shrink:0;min-height:4rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.activity-item--in{border-left-color:var(--color-primary)}.activity-item--out{border-left-color:var(--color-secondary-status)}.activity-status{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.activity-status svg{width:1.125rem;height:1.125rem}.activity-item--in .activity-status{background:#4ade8026;color:var(--color-primary)}.activity-item--out .activity-status{background:var(--color-secondary-status-light);color:var(--color-secondary-status)}.activity-details{flex:1;display:flex;flex-direction:column}.activity-name{font-weight:var(--font-weight-medium)}.activity-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.activity-time{display:flex;align-items:center;gap:var(--spacing-sm)}.time-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.time-badge--in{background:#4ade8026;color:var(--color-primary)}.time-badge--out{background:var(--color-secondary-status-light);color:var(--color-secondary-status)}.late-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:#ef444426;color:var(--color-error)}@media (max-width: 1024px){.dashboard-page .dashboard-content{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md);padding-top:calc(80px + var(--spacing-md));padding-bottom:var(--spacing-md);min-height:0}.dashboard-kiosk{min-height:0}.kiosk-qr-frame svg{max-width:11.25rem}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0}.stats-row{flex-shrink:0}.activity-card{display:flex;flex-direction:column;min-height:0;overflow:hidden}.activity-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}}@media (max-width: 767px){.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.dashboard-header__menu-button{width:2rem;height:2rem;padding:.375rem}.dashboard-header__menu-button svg{width:1rem;height:1rem}.dashboard-page .dashboard-content{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--header-height-mobile) + var(--spacing-sm));padding-bottom:var(--spacing-sm);min-height:0;overflow-y:auto;overflow-x:hidden}.dashboard-kiosk{gap:var(--spacing-xs);min-height:0}.kiosk-card{gap:var(--spacing-sm);min-height:0}.kiosk-qr-wrapper{padding:var(--spacing-sm)}.kiosk-qr-frame svg{max-width:8.75rem}.kiosk-timer-blocks{max-width:15rem}.kiosk-actions{gap:var(--spacing-xs)}.kiosk-test-link{font-size:var(--font-size-xs)}.kiosk-instruction{font-size:var(--font-size-base)}.dashboard-main{min-height:0;gap:var(--spacing-md)}.stats-row{grid-template-columns:1fr;gap:var(--spacing-sm);flex-shrink:0}.stat-icon{width:2.5rem;height:2.5rem}.stat-icon svg{width:1.25rem;height:1.25rem}.stat-value{font-size:var(--font-size-xl)}.activity-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}.activity-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.activity-item{min-height:3.5rem}.activity-header h2{font-size:var(--font-size-base)}.dashboard-header,.kiosk-card,.stat-card,.activity-card{animation:none;opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.dashboard-header,.dashboard-menu-dropdown,.kiosk-card,.stat-card,.activity-card,.activity-item{animation:none;opacity:1;transform:none}.dashboard-header__edit:active,.dashboard-header__menu-button:hover,.dashboard-header__menu-button:active,.dashboard-menu-item:active{transform:none}.qr-skeleton-shimmer,.stat-value-skeleton,.stat-label-skeleton,.stat-icon-skeleton{animation:none}}.dashboard-page--error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.dashboard-content--error{display:flex;align-items:center;justify-content:center;padding-top:calc(var(--header-height-desktop) + var(--spacing-xl))}.dashboard-api-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:400px;padding:var(--spacing-2xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);text-align:center;animation:fadeInSlideUp .4s ease-out}.dashboard-api-error>svg{width:3rem;height:3rem;color:var(--color-error);flex-shrink:0}.dashboard-api-error__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-api-error__content p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.dashboard-api-error__content p strong{display:block;font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}@media (max-width: 767px){.dashboard-content--error{padding-top:calc(var(--header-height-mobile) + var(--spacing-lg));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.dashboard-api-error{padding:var(--spacing-xl)}.dashboard-api-error>svg{width:2.5rem;height:2.5rem}}.dashboard-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.dashboard-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.dashboard-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.kiosk-qr-skeleton{width:15rem;height:15rem;background:#ffffff0d;border-radius:var(--radius-lg);position:relative;overflow:hidden}.qr-skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.stat-card--skeleton{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon-skeleton{width:3rem;height:3rem;background:#ffffff0d;border-radius:var(--radius-lg);position:relative;overflow:hidden}.stat-icon-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.stat-value-skeleton{display:block;width:3rem;height:1.75rem;background:#ffffff0d;border-radius:var(--radius-sm);position:relative;overflow:hidden}.stat-value-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.stat-label-skeleton{display:block;width:5rem;height:1rem;margin-top:var(--spacing-xs);background:#ffffff08;border-radius:var(--radius-sm);position:relative;overflow:hidden}.stat-label-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer 1.5s infinite .2s}.dashboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.dashboard-overlay--loading{background:#000000d9}.dashboard-confirm-dialog{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:360px;width:90%;text-align:center;animation:scaleIn .2s ease-out}.dashboard-confirm-dialog h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.dashboard-confirm-dialog p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.confirm-dialog-actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-dialog-actions button{flex:1;max-width:140px}.signout-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-primary)}.signout-loading p{margin:0;font-size:var(--font-size-base)}.signout-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 767px){.dashboard-confirm-dialog{padding:var(--spacing-lg)}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-actions button{max-width:none}.kiosk-qr-skeleton{width:8.75rem;height:8.75rem}.stat-icon-skeleton{width:2.5rem;height:2.5rem}}.settings-page{width:100%;background:var(--color-bg-primary);min-height:100vh;min-height:100dvh}.settings-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#0a0f1ad9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);animation:fadeInSlideDown .4s ease-out}@supports not (backdrop-filter: blur(12px)){.settings-header{background:#0a0f1afa}}.settings-header__left{display:flex;align-items:center;gap:var(--spacing-md)}.settings-header__title{display:flex;flex-direction:column}.settings-header__title h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.settings-header__back{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer;padding:0}.settings-header__back:hover{background:#ffffff1a;border-color:var(--glass-border-focus);transform:scale(1.05)}.settings-header__back:active{transform:scale(.95)}.settings-header__back svg{width:1.25rem;height:1.25rem}.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);max-width:500px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){.settings-header__back{width:2rem;height:2rem;padding:.375rem}.settings-header__back svg{width:1.25rem;height:1.25rem}.settings-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media (min-width: 768px){.settings-content{max-width:720px}}@media (min-width: 1024px){.settings-content{max-width:860px}}.settings-message{padding:var(--spacing-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);text-align:center;font-size:var(--font-size-sm);animation:fadeInSlideUp .3s ease-out}.settings-message--error{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.settings-page .settings-section{padding:var(--spacing-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-top);box-shadow:var(--shadow-card);animation:fadeInSlideUp .5s ease-out both}@supports not (backdrop-filter: blur(24px)){.settings-page .settings-section{background:#161b26f2}}.settings-page .settings-section:nth-child(1){animation-delay:.1s}.settings-page .settings-section:nth-child(2){animation-delay:.15s}.settings-page .settings-section:nth-child(3){animation-delay:.2s}.settings-page .settings-section:nth-child(4){animation-delay:.25s}.settings-section h2{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.settings-section__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer}.settings-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring-primary)}.settings-section--security{border:1px solid var(--color-border)}.security-salt-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.security-salt-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.security-salt-value{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.settings-actions{padding-top:var(--spacing-md)}.settings-actions button{transition:all var(--transition-fast)}.settings-actions .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal)}.settings-actions .btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-button-glow-hover);transform:translateY(-2px)}.settings-actions .btn--primary:active{transform:translateY(0) scale(.98)}.settings-section--cache{border:1px solid var(--color-border)}.settings-cache-button{width:100%;margin-top:var(--spacing-sm);transition:all var(--transition-fast)}.settings-cache-button:active{transform:scale(.98)}.settings-cache-warning{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);margin-bottom:0}.settings-checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base)}.settings-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.settings-checkbox-helper{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;margin-left:1.625rem}@media (prefers-reduced-motion: reduce){.settings-header,.settings-message,.settings-page .settings-section{animation:none;opacity:1;transform:none}.settings-header__back:hover,.settings-header__back:active,.settings-actions .btn--primary:hover,.settings-actions .btn--primary:active,.settings-cache-button:active{transform:none}.settings-skeleton{animation:none}}.settings-page--error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.settings-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.settings-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.settings-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.settings-unsaved-badge{display:inline-block;margin-left:var(--spacing-sm);padding:.125rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-warning);background:#f59e0b26;border-radius:var(--radius-sm);vertical-align:middle}.settings-loading{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-skeleton{background:#ffffff0d;border-radius:var(--radius-xl);position:relative;overflow:hidden}.settings-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.settings-skeleton--card{height:12rem}.settings-skeleton--short{height:8rem}.settings-message{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-message svg{width:1.125rem;height:1.125rem;flex-shrink:0}.settings-message--success{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.settings-message--info{background:#3b82f61a;border-color:#3b82f680;color:#3b82f6}.settings-field{display:flex;flex-direction:column}.settings-field-error{margin:var(--spacing-xs) 0 0 0;padding:0 var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-error)}.settings-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.settings-confirm-dialog{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:360px;width:90%;text-align:center;animation:scaleIn .2s ease-out}.settings-confirm-dialog h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.settings-confirm-dialog p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.settings-confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.settings-confirm-actions button{flex:1;max-width:140px}@media (max-width: 767px){.settings-confirm-dialog{padding:var(--spacing-lg)}.settings-confirm-actions{flex-direction:column}.settings-confirm-actions button{max-width:none}.settings-unsaved-badge{display:none}}.employees-page{background:var(--color-bg-primary);min-height:100vh;min-height:100dvh}.employees-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}@supports not (backdrop-filter: blur(12px)){.employees-header{background:#0a0f1afa}}.employees-header__title{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.employees-header__title h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.employees-content{padding:var(--spacing-lg);max-width:800px;margin:0 auto}@media (min-width: 1280px){.employees-content{max-width:1100px}}.employees-search{margin-bottom:var(--spacing-lg)}.search-input{width:100%;height:3rem;padding:0 var(--spacing-lg);display:flex;align-items:center;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring-primary)}.employees-page .employees-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.employees-empty__icon{width:4rem;height:4rem;margin:0 auto var(--spacing-lg);color:var(--color-text-muted)}.employees-empty__icon svg{width:100%;height:100%}.employees-empty h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.employees-empty p{margin:0 0 var(--spacing-lg) 0}.employees-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.employees-page .employee-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.employee-card__avatar{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex-shrink:0}.employee-card__info{flex:1;min-width:0}.employee-card__info h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-card__id{font-size:var(--font-size-sm);color:var(--color-primary);margin:0;font-weight:var(--font-weight-medium)}.employee-card__email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-card__status{flex-shrink:0}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.status-badge--active{background:#22c55e26;color:var(--color-success)}.status-badge--pending{background:#f59e0b26;color:var(--color-warning)}.status-badge--inactive{background:#94a3b826;color:var(--color-text-muted)}.employee-card__actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.action-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;cursor:pointer}.action-btn svg{width:1.125rem;height:1.125rem}.action-btn--edit{background:var(--color-surface-dark);color:var(--color-text-secondary)}.action-btn--edit:hover{background:var(--color-primary-light);color:var(--color-primary);transform:scale(1.05)}.action-btn--edit:active{transform:scale(.95)}.action-btn--delete{background:var(--color-surface-dark);color:var(--color-text-secondary)}.action-btn--delete:hover{background:#ef444426;color:var(--color-error);transform:scale(1.05)}.action-btn--delete:active{transform:scale(.95)}.employees-footer{text-align:center;padding:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.employees-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg)}.employees-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}@media (max-width: 600px){.employee-card{flex-wrap:wrap}.employee-card__status{order:5;width:100%;margin-top:var(--spacing-sm)}.employee-card__actions{margin-left:auto}}@media (prefers-reduced-motion: reduce){.action-btn--edit:hover,.action-btn--edit:active,.action-btn--delete:hover,.action-btn--delete:active{transform:none}.employee-skeleton__avatar,.employee-skeleton__name,.employee-skeleton__id{animation:none}}.employees-page--error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.employees-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.employees-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.employees-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.employees-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.employee-skeleton{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.employee-skeleton__avatar{width:3rem;height:3rem;border-radius:var(--radius-full);background:#ffffff0d;position:relative;overflow:hidden;flex-shrink:0}.employee-skeleton__avatar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.employee-skeleton__info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.employee-skeleton__name{width:60%;height:1rem;background:#ffffff0d;border-radius:var(--radius-sm);position:relative;overflow:hidden}.employee-skeleton__name:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite .1s}.employee-skeleton__id{width:40%;height:.75rem;background:#ffffff08;border-radius:var(--radius-sm);position:relative;overflow:hidden}.employee-skeleton__id:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer 1.5s infinite .2s}.employees-feedback{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);animation:slideInFeedback .3s ease-out}.employees-feedback svg{width:1.125rem;height:1.125rem;flex-shrink:0}.employees-feedback span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.employees-feedback--success{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:var(--color-primary)}.employees-feedback--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.employees-error{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.employees-error svg{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:.125rem}.employees-empty--search .employees-empty__icon{color:var(--color-text-muted)}.employees-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.employees-confirm-dialog{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:360px;width:90%;text-align:center;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.employees-confirm-icon{width:3rem;height:3rem;margin:0 auto var(--spacing-md);color:var(--color-warning)}.employees-confirm-icon svg{width:100%;height:100%}.employees-confirm-dialog h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.employees-confirm-dialog p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.employees-confirm-dialog strong{color:var(--color-text-primary)}.employees-confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.employees-confirm-actions button{flex:1;max-width:140px}@media (max-width: 600px){.employees-confirm-dialog{padding:var(--spacing-lg)}.employees-confirm-actions{flex-direction:column}.employees-confirm-actions button{max-width:none}}.employee-form-page{background:var(--color-bg-primary);min-height:100vh;min-height:100dvh}.employee-form-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}@supports not (backdrop-filter: blur(12px)){.employee-form-header{background:#0a0f1afa}}.employee-form-header__title{display:flex;align-items:center;gap:var(--spacing-md)}.employee-form-header__title h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.employee-form-content{padding:var(--spacing-lg);max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.employee-form-page .employee-form-card{padding:var(--spacing-xl)}.employee-form-card form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.form-actions button{flex:1;transition:all var(--transition-fast)}.form-actions button:active{transform:scale(.98)}.employee-form-page .employee-device-info{padding:var(--spacing-lg)}.employee-device-info h3{font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.employee-device-info p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.device-status{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.device-registered{color:var(--color-success)}.device-pending{color:var(--color-warning)}.employee-form-page--error{display:flex;align-items:center;justify-content:center;text-align:center}.employee-form-error-container{max-width:400px;padding:var(--spacing-xl)}.employee-form-error-icon{width:64px;height:64px;color:var(--color-error);margin-bottom:var(--spacing-lg)}.employee-form-error-container h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.employee-form-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.employee-form-error-actions{display:flex;gap:var(--spacing-md);justify-content:center}.employee-form-skeleton{display:flex;flex-direction:column;gap:var(--spacing-lg)}.employee-form-skeleton-back{width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:employee-form-shimmer 1.5s ease-in-out infinite}.employee-form-skeleton-title{width:150px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:employee-form-shimmer 1.5s ease-in-out infinite}.employee-form-skeleton__field{height:72px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:employee-form-shimmer 1.5s ease-in-out infinite}.employee-form-skeleton__field:nth-child(2){animation-delay:.1s}.employee-form-skeleton__field:nth-child(3){animation-delay:.2s}.employee-form-skeleton__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.employee-form-skeleton__button{flex:1;height:48px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:employee-form-shimmer 1.5s ease-in-out infinite;animation-delay:.3s}@keyframes employee-form-shimmer{0%,to{opacity:.4}50%{opacity:.7}}.employee-form-unsaved{color:var(--color-warning);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs);animation:unsaved-pulse 2s ease-in-out infinite}@keyframes unsaved-pulse{0%,to{opacity:1}50%{opacity:.5}}.form-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:left;display:flex;align-items:center;gap:var(--spacing-sm)}.form-error__icon{width:20px;height:20px;flex-shrink:0}@media (prefers-reduced-motion: reduce){.form-actions button:active{transform:none}.employee-form-skeleton-back,.employee-form-skeleton-title,.employee-form-skeleton__field,.employee-form-skeleton__button{animation:none;opacity:.5}.employee-form-unsaved{animation:none}@keyframes employee-form-shimmer{0%,to{opacity:.5}}}.kiosk-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0a1628,#0f172a,#1a1a2e);display:flex;flex-direction:column}.kiosk-page--error{align-items:center;justify-content:center}.kiosk-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.kiosk-error-container h2{font-size:var(--font-size-3xl);color:var(--color-error);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.kiosk-error-container p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.kiosk-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:#0a1628f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);height:80px}@supports not (backdrop-filter: blur(12px)){.kiosk-header{background:#0a1628fa}}.kiosk-header__left{display:flex;align-items:center;gap:var(--spacing-md);min-width:200px}.kiosk-header__org{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.kiosk-header__center{display:flex;align-items:center;gap:var(--spacing-lg)}.kiosk-stat-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;border:1px solid transparent}.kiosk-stat-badge--active{background:#4ade801a;color:var(--color-primary);border-color:#4ade8033}.kiosk-stat-badge--absent{background:#94a3b81a;color:var(--color-text-secondary);border-color:#94a3b833}.kiosk-stat-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.kiosk-header__right{display:flex;justify-content:flex-end;min-width:200px}.kiosk-back-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer;padding:0}.kiosk-back-btn:hover{background:#ffffff1a;border-color:var(--glass-border-focus);transform:scale(1.05)}.kiosk-back-btn:active{transform:scale(.95)}.kiosk-back-btn svg{width:1.25rem;height:1.25rem}.kiosk-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);padding-top:calc(80px + var(--spacing-xl))}.kiosk-qr-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);transform:scale(1.1)}.kiosk-qr-frame{position:relative;padding:var(--spacing-xl);background:linear-gradient(135deg,#4ade801a,#4ade800d);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);box-shadow:0 0 40px #4ade801a}.kiosk-qr-glow{position:absolute;top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);pointer-events:none;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.kiosk-timer-blocks{display:flex;gap:var(--spacing-md);width:100%;max-width:20rem;justify-content:center}.timer-block{flex:1;height:.5rem;background:#4ade8033;border-radius:var(--radius-sm);overflow:hidden;position:relative}.timer-block-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width 1s linear}.kiosk-qr-instruction{font-size:var(--font-size-xl);color:var(--color-text-secondary);text-align:center;max-width:400px}.kiosk-debug{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#0000004d;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.kiosk-offline-badge{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-full);color:#fbbf24;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-sticky);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInDown .3s ease-out}.kiosk-offline-dot{width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:pulse-dot 2s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.kiosk-loading,.kiosk-error,.kiosk-clock-warning{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.kiosk-loading .spinner{margin-bottom:var(--spacing-lg)}.kiosk-loading p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.kiosk-error,.kiosk-clock-warning{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);margin:var(--spacing-xl)}.kiosk-error h2,.kiosk-clock-warning h2{color:var(--color-error);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.kiosk-error p,.kiosk-clock-warning p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}.kiosk-error button,.kiosk-clock-warning button{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.kiosk-error button:hover,.kiosk-clock-warning button:hover{background:var(--color-primary-hover)}.kiosk-error button:active,.kiosk-clock-warning button:active{transform:scale(.95)}@media (max-width: 768px){.kiosk-header{flex-wrap:wrap;height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.kiosk-header__left{min-width:auto;flex:1}.kiosk-header__center{order:3;width:100%;justify-content:center}.kiosk-header__right{min-width:auto}.kiosk-back-btn{width:2rem;height:2rem;padding:.375rem}.kiosk-back-btn svg{width:1.25rem;height:1.25rem}.kiosk-stat-badge{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-md)}.kiosk-qr-section{transform:scale(1)}.kiosk-timer-blocks{max-width:15rem}.kiosk-qr-instruction{font-size:var(--font-size-lg)}}.employee-entry-page{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(ellipse at top,var(--color-bg-secondary) 0%,var(--color-bg-primary) 70%);min-height:100vh;contain:layout style}.employee-entry-page--error{background:radial-gradient(ellipse at top,#1a1a2e 0%,var(--color-bg-primary) 70%)}.entry-container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--spacing-xl);transform:translateY(-2rem)}.entry-header{text-align:center;will-change:transform,opacity}.entry-header .logo{gap:var(--spacing-sm)}.entry-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-xs) 0;color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.02em}.entry-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}.employee-entry-page .entry-card{position:relative;padding:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:1;isolation:isolate;will-change:transform,opacity}@supports not (backdrop-filter: blur(1px)){.employee-entry-page .entry-card{background:#161b26e6}}.employee-entry-page .entry-card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--glow-primary);border-radius:50%;filter:blur(var(--glow-blur));pointer-events:none;z-index:-1}.entry-card form,.entry-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.employee-entry-page .input-field{background:var(--glass-bg-light);border:2px solid transparent;border-radius:var(--radius-2xl);transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.employee-entry-page .input-field:hover{border-color:#ffffff26;background:var(--glass-bg-light-hover)}.employee-entry-page .input-field:focus{border-color:var(--color-primary);background:var(--glass-bg-light-hover);box-shadow:var(--focus-ring-primary);outline:none}.employee-entry-page .entry-form .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal);border:none;cursor:pointer}.employee-entry-page .entry-form .btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.employee-entry-page .entry-form .btn--primary:active:not(:disabled){transform:scale(.98)}.employee-entry-page .entry-form .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.entry-help{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;will-change:transform,opacity}.entry-help a{color:var(--color-primary);font-weight:var(--font-weight-bold);text-decoration:none;border-bottom:1px solid var(--color-primary-glow);padding-bottom:.125rem;transition:all var(--transition-normal)}.entry-help a:hover{color:var(--color-primary-hover);border-bottom-color:#4ade8080}.status-message__icon{width:1.1em;height:1.1em;flex-shrink:0;vertical-align:middle}.status-message__action{display:block;width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-button);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.status-message__action:hover{background:#ffffff26;border-color:#ffffff4d}.status-message__action:active{transform:scale(.98)}.entry-header{animation:fadeInSlideDown .5s ease-out}.employee-entry-page .entry-card{animation:fadeInZoom .5s ease-out}.entry-help{animation:fadeInSlideUp .8s ease-out .2s both}.skeleton--logo{width:4rem;height:4rem;border-radius:50%;margin:0 auto var(--spacing-lg)}.skeleton--title{width:70%;height:2rem;margin:0 auto var(--spacing-sm)}.skeleton--subtitle{width:50%;height:1.25rem;margin:0 auto}.skeleton--input{width:100%;height:3.5rem;border-radius:var(--radius-2xl);margin-bottom:var(--spacing-lg)}.entry-error-message{text-align:center;padding:var(--spacing-xl)}.entry-error-message h2{font-size:var(--font-size-xl);color:var(--color-error);margin:0 0 var(--spacing-md) 0}.entry-error-message p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}@media (max-width: 768px){.employee-entry-page{padding:var(--spacing-md)}.entry-container{gap:var(--spacing-lg)}.employee-entry-page .entry-card{padding:var(--spacing-lg);border-radius:2rem}.entry-header h1{font-size:var(--font-size-2xl)}.entry-header,.employee-entry-page .entry-card,.entry-help{animation:none;opacity:1;transform:none;will-change:auto}}@media (prefers-reduced-motion: reduce){.entry-header,.employee-entry-page .entry-card,.entry-help{animation:none;opacity:1;transform:none;will-change:auto}.skeleton{animation:none;background:#ffffff14}}.entry-footer{text-align:center;margin-top:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);animation:fadeInSlideUp .5s ease-out .3s backwards}.entry-footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.entry-footer-switch{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease;text-decoration:underline;text-underline-offset:4px}.entry-footer-switch:hover{color:var(--color-primary-hover);background:#ffffff0d}@media (max-width: 768px){.entry-footer{animation:none;opacity:1}}@media (prefers-reduced-motion: reduce){.entry-footer{animation:none;opacity:1}}.employee-setup-page{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(ellipse at top,var(--color-bg-secondary) 0%,var(--color-bg-primary) 70%);min-height:100vh}.employee-setup-page--error{flex-direction:column}.setup-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.setup-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.setup-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.setup-incognito-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.setup-incognito-warning svg{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--color-warning)}.setup-incognito-content{flex:1}.setup-incognito-content strong{display:block;color:var(--color-warning);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.setup-incognito-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.setup-incognito-content ol{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.setup-incognito-content li{margin-bottom:var(--spacing-xs)}.setup-container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--spacing-xl)}.setup-header{text-align:center}.setup-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.02em}.setup-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}.employee-setup-page .setup-card{position:relative;padding:var(--spacing-xl);background:#161b26f2;border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:1;isolation:isolate;will-change:transform,opacity}@supports (backdrop-filter: blur(1px)){.employee-setup-page .setup-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.employee-setup-page .setup-card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--glow-primary);border-radius:50%;filter:blur(var(--glow-blur));pointer-events:none;z-index:-1}.setup-card form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.setup-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.setup-info svg{width:1.25em;height:1.25em;flex-shrink:0;color:var(--color-primary)}.employee-setup-page .setup-card .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal);border:none;cursor:pointer}.employee-setup-page .setup-card .btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.employee-setup-page .setup-card .btn--primary:active:not(:disabled){transform:scale(.98)}.employee-setup-page .setup-card .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.setup-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.setup-footer button{color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:var(--font-weight-bold);text-decoration:none;border-bottom:1px solid var(--color-primary-glow);padding-bottom:.125rem;transition:color var(--transition-normal),border-bottom-color var(--transition-normal)}.setup-footer button:hover{color:var(--color-primary-hover);border-bottom-color:#4ade8080}.setup-warning{padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.setup-warning p{margin:0;color:var(--color-warning)}.setup-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.status-message--spaced{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.recovery-actions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.recovery-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.setup-success{text-align:center;width:100%;max-width:420px}.success-icon{width:5rem;height:5rem;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:50%;color:var(--color-primary);animation:successPop .6s ease-out}.success-icon svg{width:3rem;height:3rem}.setup-success h1{font-size:var(--font-size-3xl);color:var(--color-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em}.setup-success p{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.setup-success .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal)}.setup-success .btn--primary:hover{background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.setup-success .btn--primary:active{transform:scale(.98)}.setup-header{animation:fadeInSlideDown .5s ease-out}.employee-setup-page .setup-card{animation:fadeInZoom .5s ease-out}.setup-footer{animation:fadeInSlideUp .8s ease-out .2s both}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.employee-setup-page{padding:var(--spacing-md)}.setup-container{gap:var(--spacing-lg)}.employee-setup-page .setup-card{padding:var(--spacing-lg);border-radius:2rem}.setup-header h1,.setup-success h1{font-size:var(--font-size-2xl)}.setup-header,.employee-setup-page .setup-card,.setup-footer,.success-icon{animation:none;opacity:1;transform:none;will-change:auto}}@media (prefers-reduced-motion: reduce){.setup-header,.employee-setup-page .setup-card,.setup-footer,.success-icon{animation:none;opacity:1;transform:none;will-change:auto}.employee-setup-page .setup-card .btn--primary:hover:not(:disabled),.employee-setup-page .setup-card .btn--primary:active:not(:disabled),.setup-success .btn--primary:hover,.setup-success .btn--primary:active{transform:none}}.employee-scan-page{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-primary);position:relative;width:100%;max-width:100%;margin:0;overflow-x:hidden}@media (min-width: 768px){.employee-scan-page{max-width:480px;margin:0 auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}}.employee-scan-page--loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.employee-scan-page--error{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--color-bg-secondary) 0%,var(--color-bg-primary) 70%)}.scan-error-container{text-align:center;padding:var(--spacing-2xl);max-width:320px}.scan-error-container h2{font-size:var(--font-size-xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.scan-error-container p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.scan-page-bg-accent{position:absolute;top:0;left:0;width:100%;height:16rem;background:linear-gradient(to bottom,rgba(74,222,128,.1),transparent);pointer-events:none;z-index:0}.scan-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#0a0f1af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);width:100%;will-change:transform,opacity;animation:fadeInSlideDown .4s ease-out}@supports not (backdrop-filter: blur(12px)){.scan-header{background:#0a0f1afa}}.scan-header__left{display:flex;align-items:center;gap:var(--spacing-sm)}.scan-header__logo{display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm)}.scan-header__avatar{display:none}.scan-header__info{display:flex;flex-direction:column}.scan-header__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;letter-spacing:-.02em}.scan-header__details{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.scan-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) 6rem;padding-top:calc(80px + var(--spacing-md));position:relative;z-index:10;overflow-y:auto}.scan-status-chip-wrapper{display:flex;justify-content:center}.scan-status-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid;font-size:.5625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em}.scan-status-chip--in{background:#4ade801a;border-color:#4ade804d;color:var(--color-primary)}.scan-status-chip--out{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.scan-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.scan-status-dot--active{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.scan-error{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.scan-error svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.scan-error-content{flex:1}.scan-error-content p{margin:0}.scan-error-content p.has-retry{margin-bottom:var(--spacing-sm)}.scan-totp-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);margin-bottom:1rem}.scan-totp-banner-icon{flex-shrink:0;width:20px;height:20px;color:#3b82f6}.scan-totp-banner-message{font-size:var(--font-size-sm);font-weight:600;color:#3b82f6;margin:0;line-height:1.5}.scan-retry-button{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.scan-retry-button:hover:not(:disabled){background:var(--glass-bg-light-hover);border-color:#ffffff4d}.scan-retry-button:disabled{cursor:not-allowed;opacity:.6}.scan-totp-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.scan-totp-banner-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#3b82f6}.scan-totp-banner-icon svg{width:100%;height:100%}.scan-totp-banner-content{flex:1}.scan-totp-banner-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#3b82f6;margin:0;line-height:var(--line-height-normal)}.scan-loading-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.scan-loading-spinner{width:1rem;height:1rem;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:scan-loading-spin .8s linear infinite}@keyframes scan-loading-spin{to{transform:rotate(360deg)}}.scan-loading-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#3b82f6;margin:0}.scan-verification-card{position:relative;padding:var(--spacing-2xl);text-align:center;background:#161b26f2;border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-card);box-shadow:var(--shadow-card);isolation:isolate;overflow:hidden;will-change:transform,opacity;animation:fadeInZoom .5s ease-out .1s both}@supports (backdrop-filter: blur(1px)){.scan-verification-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.scan-verification-card:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--glow-primary);border-radius:50%;filter:blur(var(--glow-blur));pointer-events:none;z-index:-1}.scan-verification-card:after{content:"";position:absolute;top:0;right:0;width:8rem;height:8rem;background:#4ade800d;border-radius:50%;filter:blur(3rem);pointer-events:none}.scan-verification-content{position:relative;z-index:1;margin-bottom:var(--spacing-xl)}.scan-verification-time{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:center;margin:0}.scan-processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);z-index:1000;color:#fff}.scan-processing-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.scan-processing-overlay p{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.scan-punch-buttons{display:flex;gap:var(--spacing-md);width:100%;margin-top:var(--spacing-lg);position:relative;z-index:1}.scan-punch-button{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-2xl);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.15em;font-size:var(--font-size-sm);transition:all var(--transition-normal);box-shadow:0 10px 20px #0003;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;cursor:pointer;position:relative;will-change:transform}.scan-punch-button:hover:not(:disabled){transform:scale(1.02)}.scan-punch-button:active:not(:disabled){transform:scale(.95)}.scan-punch-button:disabled,.scan-punch-button--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.scan-punch-button--disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026;border-radius:inherit;pointer-events:none}.scan-punch-button--in{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 20px #10b98140;border:1px solid rgba(16,185,129,.5)}.scan-punch-button--in:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 12px 24px #10b98159}.scan-punch-button--out{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 20px #3b82f640;border:1px solid rgba(59,130,246,.5)}.scan-punch-button--out:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 12px 24px #3b82f659}.scan-punch-button--processing{opacity:.7}.scan-punch-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.scan-punch-text{font-size:inherit;font-weight:inherit}.scan-punch-spinner{width:1.25rem;height:1.25rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.scan-verification-badges{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);color:var(--color-text-muted);position:relative;z-index:1}.scan-badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.scan-badge-item svg{width:1rem;height:1rem;color:var(--color-primary)}.scan-badge-item span{font-size:.5rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em}.scan-badge-divider{width:1px;height:1.5rem;background:var(--glass-border)}.scan-activity-section{margin-top:var(--spacing-md);will-change:transform,opacity;animation:fadeInSlideUp .5s ease-out .2s both}.scan-activity-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.scan-activity-title{font-size:.625rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;margin:0}.scan-activity-indicators{display:flex;gap:var(--spacing-xs)}.scan-activity-dot{width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.scan-activity-dot--dimmed{background:#4ade804d}.scan-activity-list{background:var(--glass-bg-light);border-radius:var(--radius-card);border:1px solid var(--glass-border);overflow:hidden}@supports (backdrop-filter: blur(1px)){.scan-activity-list{backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}}.scan-activity-empty{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.scan-activity-empty svg{width:2rem;height:2rem;margin:0 auto var(--spacing-md);opacity:.5}.scan-activity-empty p{font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.2em;margin:0 0 var(--spacing-xs) 0}.scan-activity-empty span{font-size:.5rem;color:var(--color-text-muted)}.scan-activity-item{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#ffffff03}.scan-activity-item:last-child{border-bottom:none}.scan-activity-item-left{display:flex;align-items:center;gap:var(--spacing-md)}.scan-activity-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.scan-activity-icon svg{width:1.125rem;height:1.125rem}.scan-activity-icon--in{background:#4ade8026;color:var(--color-primary)}.scan-activity-icon--out{background:#3b82f626;color:var(--color-secondary-status)}.scan-activity-details{display:flex;flex-direction:column}.scan-activity-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.scan-activity-date{font-size:.5625rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.scan-activity-item-right{text-align:right}.scan-activity-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin:0 0 var(--spacing-xs) 0}.scan-activity-verified{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.scan-activity-verified svg{width:.625rem;height:.625rem;color:var(--color-primary)}.scan-activity-verified span{font-size:.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase}.scan-activity-late{display:inline-block;margin-top:var(--spacing-xs);padding:.125rem var(--spacing-sm);background:#ef44441a;color:var(--color-error);border-radius:var(--radius-sm);font-size:.5rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.scan-footer{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;border-top:1px solid var(--glass-border);position:relative;z-index:10}.scan-footer-button{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--spacing-sm);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-bottom-color var(--transition-fast)}.scan-footer-button:hover{color:var(--color-primary);border-bottom-color:var(--color-primary-glow)}.scan-footer-encryption{font-size:.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4em;margin:var(--spacing-md) 0 0 0}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.scan-header,.scan-verification-card,.scan-activity-section,.scan-status-dot--active,.scan-processing-spinner,.scan-punch-spinner{animation:none;opacity:1;transform:none;will-change:auto}.scan-punch-button:hover:not(:disabled),.scan-punch-button:active:not(:disabled){transform:none}}@media (max-width: 480px){.scan-header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.scan-content{padding:var(--spacing-md) var(--spacing-md) 5rem;padding-top:calc(80px + var(--spacing-md))}.scan-verification-card{padding:var(--spacing-xl);border-radius:2rem}.scan-punch-button{padding:var(--spacing-md);font-size:var(--font-size-xs)}.scan-footer{padding:var(--spacing-lg) var(--spacing-md)}.scan-header,.scan-verification-card,.scan-activity-section{animation:none;opacity:1;transform:none;will-change:auto}}.confirm-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);height:100vh;width:100%;margin:0;overflow:auto;transition:background .3s ease;box-sizing:border-box}.confirm-page--loading{background:linear-gradient(135deg,#0a1628,#0f172a,#1a1a2e)}.confirm-page--error{background:linear-gradient(135deg,#1a0a0a,#0f172a,#0f172a)}.confirm-page--in{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(16,185,129,.15) 0%,var(--color-bg-primary) 70%)}.confirm-page--out{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(59,130,246,.15) 0%,var(--color-bg-primary) 70%)}.confirm-content{text-align:center;width:100%;max-width:400px;position:relative;background:#161b26f2;padding:var(--spacing-2xl);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-card);box-shadow:var(--shadow-card);isolation:isolate;contain:layout style paint;content-visibility:auto}@supports (backdrop-filter: blur(1px)){.confirm-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.confirm-page--in .confirm-content:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:#10b98126;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1}.confirm-page--out .confirm-content:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:#3b82f626;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1}.confirm-icon{width:6rem;height:6rem;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;border-radius:50%;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.confirm-page--in .confirm-icon{color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 20px #10b98133}.confirm-page--out .confirm-icon{color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 20px #3b82f633}.confirm-icon svg{width:3.5rem;height:3.5rem}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirm-status{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em;animation:fadeInUp .5s ease-out .2s both;will-change:transform,opacity}.confirm-page--in .confirm-status{color:#6ee7b7;text-shadow:0 0 10px rgba(16,185,129,.3)}.confirm-page--out .confirm-status{color:#93c5fd;text-shadow:0 0 10px rgba(59,130,246,.3)}.confirm-time{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;font-family:var(--font-family);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);animation:fadeInUp .5s ease-out .3s both;will-change:transform,opacity}.confirm-name{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;animation:fadeInUp .5s ease-out .4s both;will-change:transform,opacity}.confirm-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);animation:fadeInUp .5s ease-out .5s both;will-change:transform,opacity}.confirm-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.confirm-badge svg{width:1.15em;height:1.15em;flex-shrink:0}.confirm-badge--verified{background:#4ade8026;color:var(--color-primary);border:1px solid rgba(74,222,128,.3)}.confirm-badge--warning{background:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.confirm-badge--muted{background:#94a3b81a;color:var(--color-text-muted);border:1px solid rgba(148,163,184,.2)}.confirm-page--in .btn--primary{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-button-glow);transition:all var(--transition-normal);border:none}.confirm-page--in .btn--primary:hover{background:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--shadow-button-glow-hover)}.confirm-page--in .btn--primary:active{transform:scale(.98)}.confirm-page--out .btn--primary{background:#3b82f6;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:0 0 20px #3b82f64d;transition:all var(--transition-normal);border:none}.confirm-page--out .btn--primary:hover{background:#2563eb;transform:scale(1.02);box-shadow:0 0 30px #3b82f666}.confirm-page--out .btn--primary:active{transform:scale(.98)}.confirm-auto-close{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);animation:fadeInUp .5s ease-out .6s both;will-change:transform,opacity;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast);width:100%}.confirm-auto-close:hover{background:#ffffff0d}.confirm-auto-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-auto-close__text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.confirm-countdown-progress{width:100%;max-width:200px;height:4px;border-radius:var(--radius-full);background:#ffffff1a;overflow:hidden;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none}.confirm-countdown-progress::-webkit-progress-bar{background:#ffffff1a;border-radius:var(--radius-full)}.confirm-page--in .confirm-countdown-progress::-webkit-progress-value{background-color:#10b981;border-radius:var(--radius-full);transition:width 1s linear}.confirm-page--in .confirm-countdown-progress::-moz-progress-bar{background-color:#10b981;border-radius:var(--radius-full)}.confirm-page--out .confirm-countdown-progress::-webkit-progress-value{background-color:#3b82f6;border-radius:var(--radius-full);transition:width 1s linear}.confirm-page--out .confirm-countdown-progress::-moz-progress-bar{background-color:#3b82f6;border-radius:var(--radius-full)}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--icon{width:6rem;height:6rem;border-radius:50%;margin:0 auto var(--spacing-xl)}.skeleton--title{width:60%;height:2rem;margin:0 auto var(--spacing-md)}.skeleton--time{width:50%;height:2.5rem;margin:0 auto var(--spacing-sm)}.skeleton--name{width:40%;height:1.25rem;margin:0 auto var(--spacing-xl)}.skeleton--badges{width:80%;height:2rem;margin:0 auto var(--spacing-xl)}.skeleton--button{width:100%;height:3rem;border-radius:var(--radius-full)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.confirm-error-message{text-align:center;padding:var(--spacing-xl)}.confirm-error-message h2{font-size:var(--font-size-xl);color:var(--color-error);margin:0 0 var(--spacing-md) 0}.confirm-error-message p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.confirm-page{padding:var(--spacing-md)}.confirm-content{padding:var(--spacing-xl);border-radius:2rem}.confirm-icon{width:5rem;height:5rem}.confirm-icon svg{width:3rem;height:3rem}.confirm-time{font-size:var(--font-size-3xl)}.confirm-status{font-size:var(--font-size-2xl)}.confirm-badges{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.skeleton--icon{width:5rem;height:5rem}.confirm-countdown-progress{max-width:150px}}@media (prefers-reduced-motion: reduce){.confirm-icon,.confirm-status,.confirm-time,.confirm-name,.confirm-badges,.confirm-auto-close{animation:none;opacity:1;transform:none;will-change:auto}.skeleton{animation:none;background:#ffffff14}.confirm-page--in .btn--primary:hover,.confirm-page--in .btn--primary:active,.confirm-page--out .btn--primary:hover,.confirm-page--out .btn--primary:active{transform:none}}.reports-page{width:100%;background:var(--color-bg-primary);min-height:100vh;min-height:100dvh}.reports-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#0a0f1ad9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);animation:fadeInSlideDown .4s ease-out}@supports not (backdrop-filter: blur(12px)){.reports-header{background:#0a0f1afa}}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reports-header__left{display:flex;align-items:center;gap:var(--spacing-md)}.reports-header__title{display:flex;flex-direction:column}.reports-header__title h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.reports-header__back{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-primary);transition:all var(--transition-normal);cursor:pointer;padding:0}.reports-header__back:hover{background:#ffffff1a;border-color:var(--glass-border-focus);transform:scale(1.05)}.reports-header__back:active{transform:scale(.95)}.reports-header__back svg{width:1.25rem;height:1.25rem}.reports-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:6rem;position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){.reports-header__back{width:2rem;height:2rem;padding:.375rem}.reports-header__back svg{width:1.25rem;height:1.25rem}.reports-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.reports-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;animation:fadeInSlideUp .4s ease-out .1s both}.reports-date-button,.reports-export-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);gap:.375rem}.reports-date-button:hover{background:var(--glass-bg-hover)}.reports-date-button:active{transform:scale(.98)}.reports-export-button{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-button-glow)}.reports-export-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-button-glow-hover);transform:translateY(-2px)}.reports-export-button:active:not(:disabled){transform:translateY(0) scale(.98)}.reports-export-button:disabled{opacity:.7;cursor:not-allowed}.reports-date-icon,.reports-export-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.reports-date-label,.reports-export-label{font-size:.5625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;text-align:center}.reports-history-section{margin-top:1.5rem;animation:fadeInSlideUp .5s ease-out .2s both}.reports-history-title{font-size:.625rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;margin:0 0 1rem .5rem}.reports-page .reports-history-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;padding:0;box-shadow:var(--shadow-card)}@supports not (backdrop-filter: blur(24px)){.reports-page .reports-history-card{background:#161b26f2}}.reports-history-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-muted)}.reports-history-empty svg{width:2rem;height:2rem;margin:0 auto 1rem;opacity:.5;color:var(--color-primary)}.reports-history-empty p{font-size:.5625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.2em;margin:0 0 .25rem}.reports-history-empty span{font-size:.5rem;color:var(--color-text-muted);display:block}.reports-history-list{display:flex;flex-direction:column}.reports-history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--glass-border);transition:background var(--transition-fast);background:transparent}.reports-history-item:last-child{border-bottom:none}.reports-history-item:hover{background:var(--glass-bg-light-hover)}.reports-history-item-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.reports-history-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:.75rem;color:var(--color-primary);flex-shrink:0}.reports-history-icon svg{width:1rem;height:1rem}.reports-history-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.reports-history-filename{font-size:.75rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2;word-break:break-word}.reports-history-meta{font-size:.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.reports-history-item-right{text-align:right;flex-shrink:0;margin-left:1rem}.reports-history-date{font-size:.625rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem;line-height:1.2;font-variant-numeric:tabular-nums}.reports-history-time{font-size:.5rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-variant-numeric:tabular-nums}.reports-range-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0 1rem 2rem}.reports-range-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1628e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reports-range-modal-content{position:relative;width:100%;max-width:24rem;background:var(--color-bg-tertiary);border-radius:3rem;border:1px solid var(--glass-border);padding:2rem;box-shadow:var(--shadow-card);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.reports-range-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reports-range-modal-title{font-size:.625rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin:0}.reports-range-modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--glass-bg-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.reports-range-modal-close:hover{background:var(--glass-bg-light-hover);color:var(--color-text-primary)}.reports-range-modal-close:active{transform:scale(.95)}.reports-range-modal-close svg{width:1rem;height:1rem}.reports-range-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:2rem}.reports-range-button{padding:.75rem;border-radius:.75rem;border:1px solid var(--glass-border);background:var(--glass-bg-light);color:var(--color-text-muted);font-size:.5625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast)}.reports-range-button:hover{background:var(--glass-bg-light-hover)}.reports-range-button:active{transform:scale(.98)}.reports-range-button--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.reports-custom-range{background:var(--color-bg-primary);border-radius:2rem;padding:1.5rem;border:1px solid var(--glass-border);position:relative}.reports-custom-range-field{margin-bottom:1.5rem}.reports-custom-range-field:last-of-type{margin-bottom:0}.reports-custom-range-label{display:block;font-size:.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem;padding-left:.25rem}.reports-custom-range-input{width:100%;padding:.75rem 1rem;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:.75rem;color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast)}.reports-custom-range-input:focus{border-color:var(--color-primary)}.reports-custom-range-connector{display:flex;justify-content:center;align-items:center;margin:.5rem 0;color:#4ade8066}.reports-custom-range-connector svg{width:1rem;height:1rem}.reports-custom-range-apply{width:100%;margin-top:1.5rem;padding:1rem;border-radius:.75rem;border:none;background:var(--color-primary);color:var(--color-text-inverse);font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:var(--shadow-button-glow);transition:all var(--transition-fast)}.reports-custom-range-apply:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-button-glow-hover)}.reports-custom-range-apply:active{transform:scale(.98)}@media (max-width: 600px){.reports-content{padding:1rem}}@media (prefers-reduced-motion: reduce){.reports-header,.reports-actions,.reports-history-section,.reports-range-modal-content{animation:none;opacity:1;transform:none}.reports-header__back:hover,.reports-header__back:active,.reports-date-button:active,.reports-export-button:hover:not(:disabled),.reports-export-button:active:not(:disabled),.reports-range-modal-close:active,.reports-range-button:active,.reports-custom-range-apply:active{transform:none}.reports-loading-skeleton,.reports-export-spinner{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reports-page--error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.reports-error-container{text-align:center;padding:var(--spacing-2xl);max-width:400px}.reports-error-container h2{font-size:var(--font-size-2xl);color:var(--color-error);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.reports-error-container p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.reports-error{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.reports-error svg{width:1.25rem;height:1.25rem;color:var(--color-error);flex-shrink:0;margin-top:.125rem}.reports-error-content{flex:1}.reports-error-content p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-medium)}.reports-error-content button{background:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.reports-error-content button:hover{background:#ef44441a}.reports-feedback{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);animation:slideInFeedback .3s ease-out}@keyframes slideInFeedback{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reports-feedback svg{width:1.125rem;height:1.125rem;flex-shrink:0}.reports-feedback span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.reports-feedback--success{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:var(--color-primary)}.reports-feedback--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.reports-loading{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.reports-loading-skeleton{height:4rem;background:#ffffff0d;border-radius:var(--radius-lg);position:relative;overflow:hidden}.reports-loading-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reports-loading-skeleton--short{width:60%}.reports-export-spinner{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reports-date-error{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-error);text-align:center}@media (max-width: 767px){.reports-feedback{padding:var(--spacing-sm) var(--spacing-md)}.reports-feedback span{font-size:var(--font-size-xs)}}:root{--color-bg-primary: #0a0f1a;--color-bg-secondary: #0f172a;--color-bg-tertiary: #1e293b;--color-bg-card: rgba(30, 41, 59, .7);--color-bg-card-hover: rgba(30, 41, 59, .9);--color-primary: #4ade80;--color-primary-hover: #22c55e;--color-primary-light: rgba(74, 222, 128, .1);--color-primary-glow: rgba(74, 222, 128, .3);--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0a1628;--color-surface-light: #ffffff;--color-surface-light-hover: #f1f5f9;--color-surface-dark: #1e293b;--color-surface-dark-hover: #334155;--color-border: rgba(148, 163, 184, .2);--color-border-focus: var(--color-primary);--color-error: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-secondary-status: #3b82f6;--color-secondary-status-light: rgba(59, 130, 246, .2);--color-secondary-status-glow: rgba(59, 130, 246, .4);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--color-primary-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--layout-header-height-mobile: 64px;--layout-header-height-desktop: 80px;--header-height-mobile: var(--layout-header-height-mobile);--header-height-desktop: var(--layout-header-height-desktop);--layout-error-slot-height: 0px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-overlay: 1000;--glass-bg: rgba(22, 27, 38, .4);--glass-bg-hover: rgba(22, 27, 38, .5);--glass-bg-light: rgba(255, 255, 255, .03);--glass-bg-light-hover: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-border-top: rgba(255, 255, 255, .2);--glass-border-focus: rgba(74, 222, 128, .4);--glass-blur: blur(24px) saturate(180%);--glass-blur-light: blur(12px) saturate(150%);--glow-primary: rgba(16, 185, 129, .1);--glow-blur: 60px;--focus-ring-primary: 0 0 0 4px rgba(74, 222, 128, .1);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-button-glow: 0 10px 15px -3px rgba(16, 185, 129, .25);--shadow-button-glow-hover: 0 12px 20px -4px rgba(16, 185, 129, .35);--radius-card: 2.5rem;--radius-button-pill: 1.5rem;--color-info-text: #93c5fd;--color-info-bg: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .2);--color-label-accent: rgba(74, 222, 128, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button:active:not(:disabled),.kiosk-btn:active,.home-header__signin-btn:active{transform:scale(.97);transition:transform var(--transition-fast)}input,button,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}input:focus,button:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.form-grid-row-md{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.form-grid-row-md{display:grid;grid-template-columns:1fr 1fr}}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.page{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-lg)}.page-centered{justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spinner--lg{width:48px;height:48px;border-width:3px}.status-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-md);animation:fadeIn .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.status-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7}.status-message--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-dark-hover)}.glass-panel{background:#10172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-header{background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: 480px){html{font-size:14px}.container{padding:var(--spacing-md)}}