@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#0e7490;--primary-dark:#005a71;--primary-light:#0e74901f;--primary-hover:#005a71;--secondary:#fea619;--secondary-dark:#684000;--secondary-light:#fea61926;--secondary-hover:#e6940f;--success:#15803d;--success-light:#15803d1a;--danger:#ba1a1a;--danger-light:#ba1a1a1a;--warning:#d97706;--warning-light:#d977061a;--tertiary:#3c3cca;--tertiary-light:#3c3cca1a;--bg-body:#f0f4ff;--bg-surface:#fff;--bg-surface-low:#eff4ff;--bg-surface-glass:#ffffffd1;--bg-header:#ffffffd9;--border-color:#dce9ff;--border-subtle:#e5eeff;--border-focus:#0e749073;--text-primary:#0b1c30;--text-secondary:#3f484c;--text-muted:#6f787d;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 3px #0e749014;--shadow-md:0 4px 12px #0e74901a, 0 1px 4px #0000000d;--shadow-lg:0 10px 28px #0e749021, 0 4px 8px #0000000f;--shadow-glow:0 0 24px #0e749038;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#0e749012 0%,#0000 70%);width:50%;height:60%;position:fixed;top:-10%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fea61912 0%,#0000 70%);width:50%;height:60%;position:fixed;bottom:-10%;right:-10%}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.25}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:var(--font-body);font-size:inherit}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary-dark);box-shadow:0 2px 8px #0e749059,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #0e74906b}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-low);border-color:var(--primary);color:var(--primary)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 2px 8px #ba1a1a4d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ba1a1a66}.btn-accent{background-color:var(--secondary);color:var(--secondary-dark);border-color:#e6940f;font-weight:700;box-shadow:0 2px 8px #fea61959,inset 0 1px #ffffff40}.btn-accent:hover:not(:disabled){background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #fea61973}.btn-sm{min-height:36px;padding:6px 12px;font-size:.85rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}@media (width<=640px){.card{border-radius:1rem;padding:16px}}.glass-panel{background-color:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-input{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);appearance:none;min-height:48px;box-shadow:var(--shadow-sm);outline:none;padding:12px 16px}select option{color:var(--text-primary);background-color:#fff}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:500px}.custom-table th{background-color:var(--bg-surface-low);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:.78rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 16px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--bg-surface-low)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-left{text-align:left}.text-center{text-align:center}.gap-md{gap:12px}.gap-lg{gap:24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.text-cyan{color:var(--primary)}.text-emerald{color:var(--success)}.text-rose{color:var(--danger)}.text-amber{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-accent-color{color:var(--primary)}.p-primary,.p-cyan{background-color:var(--primary-light)}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.inline-form{align-items:flex-end;gap:12px;display:flex}@media (width<=560px){.inline-form{flex-direction:column}.inline-form .btn{width:100%}}.landing-container{flex-direction:column;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.landing-header{border-radius:var(--radius-lg);z-index:100;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 24px;display:flex;position:sticky;top:12px}.header-logo{align-items:center;gap:10px;display:flex}.logo-icon{width:28px;height:28px;color:var(--primary);filter:drop-shadow(0 0 8px #0e749059);flex-shrink:0}.logo-text{letter-spacing:-.03em;color:var(--text-primary);font-size:1.4rem;font-weight:800}.header-nav{gap:28px;display:flex}.header-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500}.header-nav a:hover{color:var(--primary)}.header-actions{align-items:center;gap:8px;display:flex}@media (width<=540px){.landing-header{margin-top:10px;padding:12px 14px}.logo-text{font-size:1.2rem}.header-btn-label{display:none}.header-actions .btn{min-width:44px;padding:10px}}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:72px 0 56px;display:grid}.hero-content{text-align:left}.hero-badge{border-radius:var(--radius-full);border:1px solid #0e749040;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.78rem;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2rem,5vw,3.8rem);font-weight:800;line-height:1.12}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:580px;margin-bottom:36px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.btn-lg{border-radius:var(--radius-md);padding:13px 26px;font-size:1rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual:before{content:"";background-color:var(--primary);filter:blur(100px);opacity:.2;z-index:-1;width:220px;height:220px;position:absolute}.preview-badge{border-radius:var(--radius-lg);width:240px;transition:transform var(--transition-normal);background-color:#fff;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 20px;display:flex;transform:rotate(2deg);box-shadow:0 12px 40px #00000073}.preview-badge:hover{transform:rotate(0)scale(1.03)}.preview-badge-header{border-bottom:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:12px;display:flex}.preview-badge-logo{color:#6366f1}.preview-badge-center{letter-spacing:.04em;color:#111827;text-align:center;text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1.3}.preview-badge-student{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.preview-badge-name{color:#111827;text-align:center;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.preview-badge-class{color:#6b7280;text-align:center;font-size:.78rem;font-weight:600}.preview-badge-qr{border-radius:var(--radius-md);border:2px solid #e5e7eb;justify-content:center;align-items:center;padding:10px;display:flex}.mock-qr{background-color:#fff;border-radius:4px;width:120px;height:120px;padding:10px;position:relative}.mock-qr-dot{background-color:#111827;border:3px solid #111827;border-radius:4px;width:26px;height:26px;position:absolute}.mock-qr-dot:first-child{top:10px;left:10px}.mock-qr-dot:nth-child(2){top:10px;right:10px}.mock-qr-dot:nth-child(3){bottom:10px;left:10px}.mock-qr-center{border:3px solid #111827;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=860px){.hero-section{text-align:center;grid-template-columns:1fr;gap:40px;padding:48px 0 40px}.hero-content{text-align:center}.hero-subtitle{margin:0 auto 28px}.hero-buttons{justify-content:center}}@media (width<=540px){.hero-section{gap:32px;padding:32px 0 28px}.hero-visual{display:none}.hero-buttons{flex-direction:column}.hero-buttons .btn{justify-content:center;width:100%}}.features-section{border-top:1px solid var(--border-color);padding:64px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:660px;margin:0 auto;font-size:clamp(.9rem,2vw,1.05rem);line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{text-align:left;transition:all var(--transition-normal)}.feature-card:hover{border-color:#6366f140;transform:translateY(-6px)}.feature-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.feature-icon{width:22px;height:22px}.p-primary{background-color:#6366f11a}.p-cyan{background-color:#06b6d41a}.p-emerald{background-color:#10b9811a}.p-rose{background-color:#f43f5e1a}.p-amber{background-color:#f59e0b1a}.p-blue{background-color:#2563eb1a}.text-blue{color:#3b82f6}.feature-card h3{margin-bottom:10px;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}@media (width<=860px){.features-section{padding:48px 0}.features-grid{grid-template-columns:repeat(2,1fr);gap:14px}.section-header{margin-bottom:32px}}@media (width<=540px){.features-section{padding:36px 0}.features-grid{grid-template-columns:1fr;gap:12px}}.pwa-section{border-radius:var(--radius-lg);text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:64px;padding:52px 48px;display:grid}.pwa-text h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800}.pwa-text p{color:var(--text-secondary);margin-bottom:24px;font-size:.98rem;line-height:1.65}.pwa-steps{flex-direction:column;gap:14px;margin-bottom:32px;list-style:none;display:flex}.pwa-steps span{font-size:.92rem;font-weight:500}.pwa-visual{justify-content:center;display:flex}.phone-mockup{background-color:#000;border:8px solid #2e303a;border-radius:34px;width:260px;height:520px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.phone-mockup:before{content:"";z-index:10;background-color:#2e303a;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:110px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{box-sizing:border-box;background-color:#0b0f19;flex-direction:column;width:100%;height:100%;padding:28px 14px 14px;display:flex}.scanner-app-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.scanner-app-camera{border-radius:var(--radius-md);background-color:#161c2d;flex:1;justify-content:center;align-items:center;max-height:190px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.scanner-target-box{border:1px dashed #ffffff40;width:90px;height:90px;position:relative}.corner{border-color:var(--secondary);border-style:solid;width:11px;height:11px;position:absolute}.top-left{border-width:3px 0 0 3px;top:-2px;left:-2px}.top-right{border-width:3px 3px 0 0;top:-2px;right:-2px}.bottom-left{border-width:0 0 3px 3px;bottom:-2px;left:-2px}.bottom-right{border-width:0 3px 3px 0;bottom:-2px;right:-2px}.scanning-line{background-color:var(--secondary);width:100%;height:2px;box-shadow:0 0 8px var(--secondary);animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.scanner-app-results{text-align:left}.results-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:.65rem;font-weight:700;display:block}.mock-result-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#ffffff08;align-items:center;gap:8px;margin-bottom:5px;padding:7px 10px;font-size:.75rem;display:flex}.mock-result-item .time{color:var(--secondary);font-family:monospace;font-weight:700}.mock-result-item .name{font-weight:600}@media (width<=860px){.pwa-section{grid-template-columns:1fr;gap:36px;margin-bottom:40px;padding:32px 24px}.pwa-visual{order:-1}.phone-mockup{width:220px;height:430px}}@media (width<=540px){.pwa-section{padding:24px 16px}.phone-mockup{border-width:6px;width:180px;height:360px}}.landing-footer{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:16px;padding:40px 0 20px;display:flex}.footer-top{flex-direction:column;align-items:center;gap:8px;display:flex}.footer-tagline{color:var(--text-secondary);text-align:center;font-size:.88rem}.footer-bottom{color:var(--text-muted);text-align:center;font-size:.78rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background-color:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:580px;box-shadow:var(--shadow-lg), 0 25px 50px -12px #00000080;text-align:left;max-height:90vh;padding:28px;position:relative;overflow-y:auto}.modal-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.modal-header{margin-bottom:20px;padding-right:32px}.modal-header h2{margin-bottom:8px;font-size:clamp(1.4rem,4vw,1.75rem);font-weight:800}.modal-header p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.modal-tabs{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#ffffff08;margin-bottom:20px;padding:4px;display:flex}.modal-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 8px;font-size:.82rem;font-weight:700;display:flex}.modal-tab-btn:hover{color:var(--text-primary)}.modal-tab-btn.active{background-color:var(--primary);color:#fff}.modal-body-content{min-height:200px;margin-bottom:24px}.guide-browser-alert{border-radius:var(--radius-md);color:var(--text-secondary);background-color:#6366f114;border:1px solid #6366f133;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.modal-steps-list{flex-direction:column;gap:14px;list-style:none;display:flex}.modal-steps-list li{align-items:flex-start;gap:14px;display:flex}.step-badge{border-radius:var(--radius-full);background-color:var(--primary-light);width:24px;height:24px;color:var(--primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;font-weight:800;display:flex}.modal-steps-list p{color:var(--text-primary);font-size:.88rem;line-height:1.55}.modal-steps-list strong{color:var(--secondary)}.modal-footer{border-top:1px solid var(--border-color);padding-top:8px}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.animate-scale-up{animation:.28s cubic-bezier(.16,1,.3,1) forwards scaleUp}@media (width<=480px){.modal-card{padding:20px 16px}.modal-tab-btn span{font-size:.75rem}.modal-footer{flex-direction:column;gap:10px}.modal-footer .btn{width:100%}}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;display:flex;position:relative}.login-back-container{position:absolute;top:16px;left:16px}.login-card{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 20px 40px -15px #0006;text-align:center;padding:36px 28px}.login-header{margin-bottom:28px}.login-logo{align-items:center;gap:10px;margin-bottom:18px;display:inline-flex}.logo-icon{color:var(--secondary)}.login-header h2{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.4rem,5vw,1.75rem);font-weight:800}.login-header p{color:var(--text-secondary);font-size:.88rem}.login-error{background-color:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);text-align:left;border:1px solid #f43f5e33;margin-bottom:20px;padding:12px 14px;font-size:.85rem}.error-icon{flex-shrink:0}.login-form{margin-bottom:20px}.input-with-icon{width:100%;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:44px}.login-btn{width:100%;margin-top:8px;padding:13px}.login-beta-notice{border-radius:var(--radius-md);color:var(--text-secondary);background-color:#6366f112;border:1px solid #6366f133;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.8rem;line-height:1.5;display:flex}.beta-badge{color:#818cf8;border-radius:var(--radius-sm);letter-spacing:.05em;white-space:nowrap;background-color:#6366f126;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:.7rem;font-weight:800;display:inline-block}@media (width<=480px){.login-card{padding:28px 18px}}.app-login-page{background-color:var(--bg-body);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.app-login-card{border-radius:var(--radius-xl);flex-direction:column;gap:24px;width:100%;max-width:400px;padding:40px 36px;display:flex}.app-login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.app-login-logo{align-items:center;gap:10px;margin-bottom:4px;display:flex}.app-login-logo .logo-icon{width:28px;height:28px;color:var(--primary);filter:drop-shadow(0 0 6px #0e74904d)}.app-login-header h2{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:800}.app-login-header p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.app-login-error{border-radius:var(--radius-md);color:var(--danger);background-color:#ef444414;border:1px solid #ef444440;padding:12px 14px;font-size:.875rem}.app-login-form{flex-direction:column;gap:20px;display:flex}.code-input-wrapper{position:relative}.code-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.code-input{text-transform:uppercase;letter-spacing:.15em!important;text-align:center!important;padding-left:44px!important;font-family:Courier New,monospace!important;font-size:1.5rem!important;font-weight:700!important}.app-login-btn{border-radius:var(--radius-md);width:100%;margin-top:4px;padding:14px;font-size:1rem}.app-login-footer{text-align:center;border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:16px;display:flex}.app-login-footer p{color:var(--text-muted);font-size:.82rem}.app-login-admin-link{color:var(--primary);transition:opacity var(--transition-fast);font-size:.85rem;font-weight:600;text-decoration:none}.app-login-admin-link:hover{opacity:.75;text-decoration:underline}.dashboard-container{width:100%;min-height:100vh;display:flex}.dashboard-sidebar{border-radius:0 var(--radius-lg) var(--radius-lg) 0;background-color:var(--bg-surface-glass);z-index:10;border-width:0 1px 0 0;flex-direction:column;flex-shrink:0;width:270px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{flex-shrink:0;align-items:center;gap:10px;margin-bottom:28px;display:flex}.sidebar-logo .logo-icon{width:26px;height:26px;color:var(--primary);filter:drop-shadow(0 0 6px #0e74904d)}.logo-text{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.highlight-text{color:var(--secondary)}.sidebar-class-selector{text-align:left;flex-shrink:0;margin-bottom:24px}.select-class{cursor:pointer;background-color:var(--bg-surface);font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:4px;display:flex}.menu-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;min-height:44px;padding:11px 14px;font-size:.9rem;font-weight:600;display:flex}.menu-btn:hover{background-color:var(--bg-surface-low);color:var(--primary)}.menu-btn.active{background-color:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding-left:11px;font-weight:700}.sidebar-footer{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding-top:16px;display:flex}.logout-btn{width:100%}.btn-sm-link{min-height:38px;padding:8px 14px;font-size:.82rem}.dashboard-content{flex:1;min-width:0;padding:36px 40px;overflow-y:auto}.tab-pane{flex-direction:column;gap:24px;display:flex}.tab-header{text-align:left}.tab-header h2{margin-bottom:4px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.tab-header p{color:var(--text-secondary);font-size:.9rem}.danger-zone{text-align:left}.file-upload-wrapper{width:100%;position:relative;overflow:hidden}.file-input-hidden{opacity:0;cursor:pointer;font-size:100px;position:absolute;inset:0}.badge-preview-pane{text-align:left;flex-direction:column;gap:16px;display:flex}.badge-container-wrapper{border:1px dashed var(--border-color);border-radius:var(--radius-lg);background-color:#ffffff03;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.student-badge{border-radius:var(--radius-lg);box-sizing:border-box;background-color:#fff;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:300px;padding:28px 24px 24px;display:flex;box-shadow:0 8px 32px #0006}.badge-header{border-bottom:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:10px;width:100%;padding-bottom:16px;display:flex}.badge-logo-img{object-fit:contain;border-radius:var(--radius-sm);width:56px;height:56px}.badge-logo-placeholder{color:#6366f1;width:40px;height:40px}.badge-school-name{letter-spacing:.04em;color:#111827;text-align:center;text-transform:uppercase;font-size:.82rem;font-weight:800;line-height:1.3}.badge-student-block{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.badge-student-name{color:#111827;text-align:center;letter-spacing:-.01em;font-size:1.25rem;font-weight:800;line-height:1.2}.badge-student-class{color:#6b7280;text-align:center;font-size:.85rem;font-weight:600}.badge-qr-block{border-radius:var(--radius-md);background:#fff;border:2px solid #e5e7eb;justify-content:center;align-items:center;padding:12px;display:flex}.badges-student-list{flex-direction:column;gap:8px;display:flex}.badge-student-row{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background-color var(--transition-fast);background-color:#ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.badge-student-row:hover{background-color:#ffffff0f}.badge-student-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.badge-student-row-actions{flex-shrink:0;gap:8px;display:flex}.monitor-code-reveal{border-radius:var(--radius-md);background-color:#10b9810f;border:1px solid #10b98140;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.monitor-code-reveal-header{color:var(--success);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.monitor-code-reveal-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.monitor-code-display{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.monitor-code-value{letter-spacing:.12em;color:var(--text-primary);font-family:Courier New,monospace;font-size:1.8rem;font-weight:800}.monitor-code-warning{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.monitor-code-masked{color:var(--text-secondary);letter-spacing:.05em;font-family:Courier New,monospace;font-size:.85rem}.qr-pill{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.qr-pill-active{color:var(--success);background-color:#10b9811f;border:1px solid #10b98140}.qr-pill-expired{color:#d97706;background-color:#f59e0b1f;border:1px solid #f59e0b40}.qr-pill-none{color:var(--text-muted);background-color:#6b72801a;border:1px solid #6b728033}.qr-info-banner{border-radius:var(--radius-md);color:var(--text-secondary);background-color:#0e749012;border:1px solid #0e749033;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.85rem;line-height:1.5;display:flex}.qr-info-banner svg{color:var(--primary)}.bulk-progress-block{background-color:var(--bg-surface-low);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:16px;padding:14px}.progress-bar-track{background-color:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:var(--radius-full);height:100%;transition:width .25s}.badge-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.badge-checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex}.badge-select-header{background-color:#0000;border-color:#0000;padding:6px 14px}.badge-row-selected{background-color:#0e749012!important;border-color:#0e74904d!important}.circular-progress-mock{border-radius:var(--radius-full);border:4px solid var(--primary-light);border-top-color:var(--primary);flex-shrink:0;width:48px;height:48px;font-size:.72rem}@media (width<=1024px){.dashboard-container{flex-direction:column}.dashboard-sidebar{z-index:50;border-width:0 0 1px;border-radius:0;gap:0;width:100%;height:auto;padding:12px 16px 0;position:sticky;top:0;overflow:visible}.sidebar-logo{flex-shrink:0;margin-bottom:0}.dashboard-sidebar{flex-direction:column;grid-template-rows:auto auto;display:flex}.sidebar-logo{align-items:center;gap:10px;padding-bottom:10px;display:flex}.sidebar-class-selector{flex:1;margin-bottom:0}.sidebar-logo,.sidebar-class-selector{align-items:center;display:inline-flex}.dashboard-sidebar>*{flex-shrink:0}.sidebar-logo{order:1;margin-bottom:0;padding-bottom:0}.sidebar-class-selector .form-label{display:none}.sidebar-class-selector{order:2;max-width:200px;margin:0 auto 0 12px}.sidebar-menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border-color);flex-direction:row;order:4;gap:2px;margin-top:8px;padding-top:4px;padding-bottom:4px;overflow-x:auto}.sidebar-menu::-webkit-scrollbar{display:none}.menu-btn{border-radius:var(--radius-md);white-space:nowrap;flex-direction:column;flex:1;gap:4px;min-width:fit-content;min-height:52px;padding:8px 16px;font-size:.72rem}.menu-btn.active{border-left:none;border-bottom:3px solid var(--primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background-color:var(--primary-light);color:var(--primary);padding-left:16px}.sidebar-footer{flex-direction:row;order:3;gap:8px;margin-top:0;margin-left:auto;padding-top:0}.sidebar-footer .btn-accent{display:none}.logout-btn{width:auto;min-width:40px;min-height:40px;padding:8px 12px;font-size:0}.logout-btn svg{margin:0}.logout-btn span{display:none}.dashboard-content{padding:20px 16px}.tab-header h2{font-size:1.5rem}.custom-table th:nth-child(2),.custom-table td:nth-child(2){display:none}}@media (width<=640px){.dashboard-content{padding:16px 12px}.tab-pane{gap:16px}.stats-row.grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.stats-row.grid-3 .card:nth-child(3){grid-column:span 2}.sidebar-class-selector{max-width:160px}.inline-form{flex-direction:column}.inline-form .btn{width:100%}}@media (width<=400px){.menu-btn{padding:8px 10px;font-size:.68rem}.menu-btn svg{width:16px;height:16px}.sidebar-class-selector{max-width:130px}}.scanner-container{background-color:var(--bg-body);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.scanner-top-bar{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 14px;display:flex}.selection-screen{-webkit-overflow-scrolling:touch;flex:1;justify-content:center;align-items:center;padding:24px 20px;display:flex;overflow-y:auto}.selection-content{flex-direction:column;gap:20px;width:100%;max-width:460px;display:flex}.selection-title{text-align:center;color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.25rem,5vw,1.5rem);font-weight:800}.mode-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-card{text-align:center;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;display:flex}.mode-card:active{transform:scale(.97)}.mode-card-active{background:#6366f112;box-shadow:0 0 0 3px #6366f11a;border-color:var(--primary)!important}.mode-icon{border-radius:var(--radius-full);width:54px;height:54px;color:var(--text-secondary);transition:all var(--transition-normal);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.mode-icon-active-entrada{color:var(--success);background:#10b9811f}.mode-icon-active-recogida{background:var(--primary-light);color:var(--primary)}.mode-card-label{color:var(--text-primary);font-size:.88rem;font-weight:800;line-height:1.3}.mode-card-desc{color:var(--text-muted);font-size:.72rem;line-height:1.4}.selection-class{flex-direction:column;gap:6px;display:flex}@media (width<=380px){.mode-cards{grid-template-columns:1fr}.mode-card{text-align:left;flex-direction:row;padding:16px}.mode-icon{flex-shrink:0}.mode-card-desc{display:none}}.scanner-qr-flow{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.scanner-camera-pane{border-bottom:2px solid var(--border-color);background-color:#000;flex-shrink:0;width:100%;height:38vh;min-height:200px;max-height:300px;position:relative;overflow:hidden}.scanner-video-source{width:100%;height:100%}.scanner-video-source video{object-fit:cover!important;width:100%!important;height:100%!important}#reader__dashboard,#reader__status_span{display:none!important}.scanner-loading,.scanner-error{z-index:5;background-color:#090d16f2;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.scanner-overlay-box{pointer-events:none;z-index:2;background-color:#0000004d;position:absolute;inset:0}.scanner-lens{border:1px dashed #fff3;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-corner{border-color:var(--secondary);border-style:solid;width:16px;height:16px;position:absolute}.lens-corner.tl{border-width:4px 0 0 4px;top:-2px;left:-2px}.lens-corner.tr{border-width:4px 4px 0 0;top:-2px;right:-2px}.lens-corner.bl{border-width:0 0 4px 4px;bottom:-2px;left:-2px}.lens-corner.br{border-width:0 4px 4px 0;bottom:-2px;right:-2px}.scanning-bar{background-color:var(--secondary);width:100%;height:3px;box-shadow:0 0 12px var(--secondary);animation:2.5s ease-in-out infinite scan-line;position:absolute;top:0;left:0}@keyframes scan-line{0%{top:0}50%{top:100%}to{top:0}}.lens-tip{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background-color:#090d16d9;padding:4px 12px;font-size:.72rem;font-weight:700;position:absolute;top:calc(50% + 88px);left:50%;transform:translate(-50%)}.refocus-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background-color:#090d16bf;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:700;transition:background-color .15s;display:flex;position:absolute;top:calc(50% + 120px);left:50%;transform:translate(-50%)}.refocus-btn:active{background-color:#0e7490b3}.scan-feedback-toast{z-index:30;border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);white-space:nowrap;width:max-content;max-width:92%;padding:10px 20px;font-size:.88rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-down;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes slide-down{0%{opacity:0;top:-60px}to{opacity:1;top:12px}}.toast-success{background:linear-gradient(135deg, var(--success) 0%, #059669 100%)}.toast-info{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%)}.toast-warning{background:linear-gradient(135deg, var(--warning) 0%, #d97706 100%)}.scanner-control-pane{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex;overflow:hidden}.scanner-actions-row{flex-shrink:0;margin-bottom:10px}.scanner-session-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.session-list-wrapper{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;flex:1;padding:10px;overflow-y:auto}.session-items-list{flex-direction:column;gap:8px;display:flex}.swipeable-wrapper{border-radius:var(--radius-md);position:relative;overflow:hidden}.swipe-delete-bg{background:var(--danger);color:#fff;border-radius:var(--radius-md);justify-content:flex-end;align-items:center;gap:6px;padding-right:18px;font-size:.78rem;font-weight:700;display:flex;position:absolute;inset:0}.swipe-item{z-index:1;will-change:transform;transition:transform .22s;position:relative}.swipe-deleting{transition:transform .28s!important}.session-item{border-radius:var(--radius-md);padding:10px 14px}.item-success{border-left:4px solid var(--success);background-color:#10b98108}.item-duplicate{border-left:4px solid var(--primary);background-color:var(--primary-light);opacity:.85}.item-guest{border-left:4px solid var(--warning);background-color:#f59e0b08}.item-invalid{border-left:4px solid var(--danger);background-color:#ef44440d}.student-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.scan-time{color:var(--secondary);white-space:nowrap;margin-left:8px;font-family:monospace;font-size:.82rem;font-weight:700}.duplicate-badge-pill,.guest-badge-pill{text-transform:uppercase;border-radius:4px;width:fit-content;margin-top:4px;padding:2px 6px;font-size:.58rem;font-weight:800}.duplicate-badge-pill{background-color:var(--primary-light);color:var(--primary)}.guest-badge-pill{background-color:var(--warning-light);color:var(--warning)}.empty-session-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.empty-icon{opacity:.2;margin-bottom:4px}.empty-session-state p{font-size:.88rem;font-weight:600}.scanner-manual-flow{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.manual-list-pane{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.manual-list-header{text-align:left;flex-shrink:0;margin-bottom:12px}.manual-list-header h3{font-size:1.1rem;font-weight:800}.manual-list-wrapper{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px;overflow-y:auto}.manual-students-grid{flex-direction:column;gap:8px;display:flex}.manual-student-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:13px 16px}.manual-student-item:active{transform:scale(.99)}.student-present{background-color:#10b9810a;border-color:#10b98133}.student-absent{background-color:#ffffff03}.manual-student-name{font-size:1rem;font-weight:700}.manual-student-log{flex-wrap:wrap;gap:6px;display:flex}.manual-status-indicator{border-radius:var(--radius-full);width:40px;height:40px;transition:all var(--transition-normal);flex-shrink:0}.active-present{background-color:var(--success-light);color:var(--success);box-shadow:0 0 10px #10b98133}.active-absent{color:var(--text-muted);border:1px solid var(--border-color);background-color:#ffffff08}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.text-indigo{color:var(--primary)}.instructions-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.back-btn-container{position:absolute;top:24px;left:24px}.instructions-content{border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow-lg), 0 20px 40px -15px #0006;padding:40px}.instructions-header{text-align:center;margin-bottom:40px}.instructions-header h2{letter-spacing:-.02em;margin-bottom:8px;font-size:2.25rem;font-weight:800}.instructions-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.pwa-guide-card{flex-direction:column;height:100%;display:flex}.guide-title-row h3{font-size:1.25rem}.guide-browser-alert{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;background-color:#6366f10d;border:1px solid #6366f11a;margin-top:16px;padding:10px 14px;font-size:.8rem}.guide-steps{flex-direction:column;gap:20px;margin-top:24px;list-style:none;display:flex}.guide-steps li{text-align:left;align-items:flex-start;gap:16px;display:flex}.step-num{border-radius:var(--radius-full);background-color:var(--primary-light);width:28px;height:28px;color:var(--primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.guide-steps p{color:var(--text-primary);font-size:.9rem;line-height:1.5}.guide-steps strong{color:var(--secondary)}@media (width<=768px){.instructions-content{padding:24px}}.privacy-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.privacy-header{z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.privacy-content{max-width:780px;margin:0 auto;padding:48px 24px 64px}.privacy-badge{background:var(--p-cyan);color:var(--secondary);border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.privacy-content h1{margin-bottom:4px;font-size:2rem;font-weight:800}.privacy-meta{color:var(--text-muted);margin-bottom:40px;font-size:.85rem}.privacy-content section{margin-bottom:36px}.privacy-content h2{border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.privacy-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;line-height:1.7}.privacy-content ul{color:var(--text-secondary);padding-left:20px;font-size:.95rem;line-height:1.8}.privacy-content ul li{margin-bottom:4px}.privacy-contact-box{background:var(--p-cyan);border-left:3px solid var(--secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:12px;padding:12px 16px}.privacy-contact-box p{margin:0;font-size:.9rem}.privacy-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.9rem}.privacy-table th,.privacy-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:10px 12px}.privacy-table th{color:var(--text-primary);background:var(--bg-secondary);font-weight:700}.privacy-content a{color:var(--secondary);text-decoration:underline}.privacy-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding:24px;font-size:.85rem}.privacy-footer a{color:var(--secondary)}