:root{--color-primary:#1e40af;--color-primary-hover:#1d3a9e;--color-primary-light:#dbeafe;--color-secondary:#059669;--color-secondary-hover:#047857;--color-secondary-light:#d1fae5;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-bg:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-shadow:#00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 12px var(--color-shadow);--shadow-lg:0 8px 24px var(--color-shadow);--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none}code{background:var(--color-primary-light);border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.hidden{display:none!important}.mt-2{margin-top:var(--space-2)}.page{flex-direction:column;min-height:100dvh;display:flex}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);z-index:100;box-shadow:var(--shadow-sm);display:flex;position:sticky;top:0}.header-content{align-items:center;gap:var(--space-3);display:flex}.header-logo{font-size:1.75rem;line-height:1}.header-title{font-size:var(--font-lg);color:var(--color-primary);font-weight:700;line-height:1.2}.header-user{font-size:var(--font-sm);color:var(--color-text-muted)}.header-actions{gap:var(--space-2);align-items:center;display:flex}.main-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;display:flex}.auth-page{min-height:100dvh;padding:var(--space-4);background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{margin-bottom:var(--space-3);font-size:3rem}.auth-title{font-size:var(--font-3xl);color:var(--color-primary);letter-spacing:-.5px;font-weight:800}.auth-subtitle{color:var(--color-text-muted);margin-top:var(--space-1)}.auth-hint{text-align:center;font-size:var(--font-sm);color:var(--color-text-muted);margin-top:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--font-sm);margin-bottom:var(--space-2);color:var(--color-text);font-weight:600;display:block}.input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;font-family:inherit;display:block}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:2px solid #0000;min-height:44px;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-full{width:100%}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-lg);border-radius:var(--radius-md);min-height:56px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);min-height:36px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-sm);border-left:4px solid;font-weight:500}.alert-error{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger)}.alert-success{background:var(--color-secondary-light);color:var(--color-secondary);border-color:var(--color-secondary)}.scan-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.scan-card-body{padding:var(--space-6)}.scan-idle{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.scan-icon{font-size:4rem}.scan-title{font-size:var(--font-2xl);font-weight:700}.scan-description{color:var(--color-text-muted);max-width:280px}.scanner-wrapper{gap:var(--space-3);flex-direction:column;display:flex}#qr-reader{border-radius:var(--radius-md);overflow:hidden;border:none!important;width:100%!important}#qr-reader video{border-radius:var(--radius-md)}#qr-reader__dashboard_section_swaplink{color:var(--color-primary)!important}#qr-reader__status_span{font-family:inherit!important;font-size:var(--font-sm)!important}.result-card{border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.result-checkin{background:var(--color-secondary-light);border:2px solid var(--color-secondary)}.result-checkout{background:var(--color-danger-light);border:2px solid var(--color-danger)}.result-icon{font-size:2.5rem}.result-label{font-size:var(--font-xl);font-weight:700}.result-location{font-size:var(--font-sm);color:var(--color-text-muted)}.admin-link-wrapper{padding-top:var(--space-2)}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm);gap:var(--space-1);flex-direction:column;display:flex}.stat-value{font-size:var(--font-2xl);color:var(--color-primary);font-weight:800}.stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.stat-checkin .stat-value{color:var(--color-secondary)}.stat-checkout .stat-value{color:var(--color-danger)}.filter-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.filter-title{font-size:var(--font-lg);margin-bottom:var(--space-4);font-weight:700}.filter-grid{gap:var(--space-3);display:grid}.results-count{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:500}.table-wrapper{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:none;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.data-table thead{background:var(--color-bg)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg)}.td-id{color:var(--color-text-muted);width:40px}.td-location{color:var(--color-text-muted)}.td-date{white-space:nowrap;color:var(--color-text-muted)}.scan-list{gap:var(--space-3);flex-direction:column;display:flex}.scan-item{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column;display:flex}.scan-item-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.scan-item-location,.scan-item-date{font-size:var(--font-sm);color:var(--color-text-muted)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-in{background:var(--color-secondary-light);color:var(--color-secondary)}.badge-out{background:var(--color-danger-light);color:var(--color-danger)}.empty-state{text-align:center;padding:var(--space-10);color:var(--color-text-muted);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-icon{font-size:3rem}@media (width>=480px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=640px){.main-content{padding:var(--space-6);max-width:720px}.filter-grid{grid-template-columns:repeat(3,1fr)}.table-wrapper{display:block}.scan-list{display:none}}@media (width>=768px){.auth-card{padding:var(--space-10)}}.landing{color:#fff;background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 50%,#1e40af 100%);flex-direction:column;min-height:100dvh;display:flex}.landing-nav{padding:var(--space-4) var(--space-5);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.landing-nav-brand{align-items:center;gap:var(--space-2);display:flex}.landing-nav-logo{font-size:1.5rem}.landing-nav-name{font-size:var(--font-xl);letter-spacing:-.3px;font-weight:800}.hero{text-align:center;padding:var(--space-10) var(--space-5);justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;flex:1;display:flex}.hero-badge{border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.04em;max-width:600px;font-size:clamp(2rem,8vw,3.5rem);font-weight:900;line-height:1.15}.hero-highlight{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--font-lg);color:#ffffffb3;max-width:480px;line-height:1.7}.hero-cta{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.hero-cta .btn-primary{color:var(--color-primary);font-size:var(--font-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);background:#fff;box-shadow:0 4px 24px #0000004d}.hero-cta .btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 32px #0006}.hero-accounts{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.hero-accounts p{font-size:var(--font-sm);color:#ffffff80}.account-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chip{border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);color:#fffc;background:#ffffff1a;border:1px solid #fff3;font-family:monospace;font-size:.78rem}.chip-admin{color:#c7d2fe;background:#6366f14d;border-color:#6366f180}.features{gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-8);grid-template-columns:repeat(2,1fr);width:100%;max-width:720px;margin:0 auto;display:grid}.feature-card{border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--transition), transform var(--transition);background:#ffffff12;border:1px solid #ffffff1f;flex-direction:column;display:flex}.feature-card:hover{background:#ffffff1c;transform:translateY(-2px)}.feature-icon{font-size:2rem}.feature-title{font-size:var(--font-base);font-weight:700}.feature-desc{font-size:var(--font-sm);color:#ffffffa6;line-height:1.6}.landing-footer{text-align:center;padding:var(--space-5);font-size:var(--font-sm);color:#ffffff59;border-top:1px solid #ffffff14}.footer-link{color:#ffffff8c;text-decoration:none;transition:color .2s}.footer-link:hover{color:#ffffffe6;text-decoration:underline}@media (width>=640px){.features{grid-template-columns:repeat(4,1fr)}}.required{color:var(--color-danger)}.mb-3{margin-bottom:var(--space-3)}.qr-list-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.qr-list-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.qr-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.qr-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);border:2px solid #0000;flex-direction:column;display:flex;overflow:hidden}.qr-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.qr-select-btn{cursor:pointer;padding:var(--space-3) var(--space-4) 0;text-align:left;color:var(--color-primary);background:0 0;border:none;font-size:1.2rem;line-height:1}.qr-preview{padding:var(--space-4);justify-content:center;align-items:center;min-height:140px;display:flex}.qr-img{border-radius:var(--radius-sm);width:120px;height:120px}.qr-generate-btn{background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);cursor:pointer;align-items:center;gap:var(--space-2);transition:background var(--transition), border-color var(--transition);flex-direction:column;justify-content:center;width:120px;height:120px;display:flex}.qr-generate-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.qr-placeholder-icon{opacity:.3;font-size:2rem}.qr-placeholder-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.qr-info{padding:0 var(--space-4) var(--space-3);flex:1}.qr-location{font-weight:700;font-size:var(--font-base);margin-bottom:var(--space-1)}.qr-code-text{font-family:monospace;font-size:var(--font-sm);color:var(--color-primary);background:var(--color-primary-light);margin-bottom:var(--space-1);border-radius:4px;padding:2px 6px;display:inline-block}.qr-date{color:var(--color-text-muted);font-size:.75rem}.qr-card-actions{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.btn-danger{color:var(--color-danger)!important;border-color:var(--color-danger-light)!important}.btn-danger:hover{background:var(--color-danger-light)!important}.print-sheet{display:none}@media print{.no-print{display:none!important}.print-sheet{background:#fff;flex-wrap:wrap;gap:24px;padding:16px;display:flex}.print-qr-item{page-break-inside:avoid;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:180px;padding:16px;display:flex}.print-qr-img{width:140px;height:140px}.print-qr-location{text-align:center;font-size:13px;font-weight:700}.print-qr-code{color:#64748b;text-align:center;font-family:monospace;font-size:10px}}