:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{background-color:#242424;color:#ffffffde;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;height:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#2196f3 30%,#21cbf3 90%);margin:0;padding:0;position:fixed;top:0;left:0;right:0;bottom:0}.login-paper{max-width:360px;width:100%;padding:32px;display:flex;flex-direction:column;align-items:center;border-radius:16px;background:#fffffff2;box-shadow:0 4px 6px #0000001a}.login-title{margin-bottom:24px;font-weight:600;color:#2196f3;font-size:2rem}.login-subtitle{margin-bottom:24px;color:#666;font-size:1rem}.login-toggle-group{display:flex;justify-content:center;margin-bottom:16px;gap:12px}.login-toggle-btn{background:#e0e0e0;border:none;padding:8px 24px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.login-toggle-btn:hover:not(:disabled){background:#bbdefb}.login-toggle-btn.active{background:#2196f3;color:#fff;font-weight:600}.login-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.login-error{color:#d32f2f;margin-bottom:16px;font-weight:500;text-align:center}.login-form{padding:5px;max-width:280px;width:100%;display:grid;margin:auto;justify-content:center}.login-input{width:80%;margin-bottom:16px;padding:12px 16px;font-size:1rem;border:1.5px solid #ccc;border-radius:8px;transition:border-color .3s ease}.login-input:focus{outline:none;border-color:#2196f3}.login-button{max-width:160px;padding:15px 30px;margin:auto;font-size:1.1rem;text-transform:none;border-radius:12px;background-color:#2196f3;color:#fff;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease}.login-button:hover:not(:disabled){box-shadow:0 6px 8px #00000026}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-signup-text{margin-top:16px;color:#666;text-align:center;font-size:.9rem}.login-signup-link{color:#2196f3;text-decoration:none;font-weight:500}.login-signup-link:hover{text-decoration:underline}@media (max-width: 430px){.login-paper{max-width:250px}}#root{width:100%;height:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.landing-bg{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.landing-header{text-align:center;margin-top:2.5rem;display:grid;grid-template-columns:1fr .2fr;align-items:center;padding:auto}.landing-title{font-size:3rem;font-weight:800;color:#195d95;margin-bottom:.5rem;letter-spacing:2px}.checkmark-icon{max-width:205px;max-height:220px;margin-left:10px;padding:0}.landing-tagline{font-size:1.3rem;color:#1769aa;margin-bottom:2.5rem;margin:auto;padding:10px;text-align:center}.landing-hero{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap}.landing-illustration{width:320px;max-width:90vw;border-radius:18px;box-shadow:0 4px 24px #2196f321;transition:transform .3s ease,opacity .8s ease;opacity:0;transform:translate(40px)}.landing-illustration:hover{transform:scale(1.03)}.landing-illustration.animate-from-bottom,.landing-illustration.default-visible{opacity:1;transform:translateY(0);animation:fadeInFromBottom 1s ease forwards}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.landing-hero-content{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.landing-hero-content h2{font-size:2rem;color:#1976d2;font-weight:700;margin-bottom:2px}.landing-hero-content p{color:#444;font-size:1.1rem}.landing-btn-container{display:flex;gap:1rem}.landing-btn{background:#2196f3;color:#fff;border:none;border-radius:8px;padding:.9rem 2.2rem;font-size:1.1rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem;cursor:pointer;box-shadow:0 2px 8px #2196f31a;transition:background .2s,box-shadow .2s}.landing-btn:hover{background:#1769aa;box-shadow:0 4px 16px #2196f321}.landing-btn-scan{background:#2196f3;color:#fff;border:none;border-radius:8px;padding:.9rem 2.2rem;font-size:1.1rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem;cursor:pointer;box-shadow:0 2px 8px #2196f31a;transition:background .2s,box-shadow .2s}.landing-btn-scan:hover{background:#1976d2;box-shadow:0 4px 16px #2196f321}.landing-download-link{color:#2196f3;text-decoration:underline;font-weight:600;margin-top:.5rem;font-size:1.05rem}.landing-features{width:100%;max-width:1100px;margin:0 auto 3rem;text-align:center}.landing-features h2{color:#1976d2;font-size:2rem;font-weight:700;margin-bottom:2rem}.features-trigger{height:1px}.features-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #2196f314;padding:2rem 1.5rem;max-height:400px;height:100%;min-width:220px;max-width:260px;flex:1 1 220px;text-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;opacity:0;animation-duration:1.7s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}.feature-card.animate{animation-duration:2.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}.feature-card.from-left.animate{animation-name:slideInLeft}.feature-card.from-right.animate{animation-name:slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.feature-card h3{color:#2196f3;font-size:1.2rem;font-weight:700;margin-bottom:.7rem;margin:auto}.feature-card p{color:#444;display:flex;justify-content:center;text-align:center;font-size:1rem;margin-top:-8px;align-items:center}.qr-code-icon{display:flex;justify-content:center;margin:auto;padding:5px}.landing-footer{width:100%;background:#e3f2fd;padding:2.5rem 0 1.2rem;text-align:center;margin-top:auto}.landing-footer-links{display:flex;justify-content:center;gap:.5rem;margin-bottom:.3rem;font-size:13px;color:#11395a;text-decoration:none;font-style:italic}.landing-download-section{margin-bottom:1.5rem}.landing-download-section h2{color:#1976d2;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.landing-download-section p{color:#444;font-size:1.05rem;margin-bottom:1rem}.landing-copyright{color:#1976d2;font-size:.78rem;margin-top:1.5rem}@media (max-width: 900px){.landing-hero{flex-direction:column;gap:2rem}.features-list{flex-direction:column;align-items:center}}@media (max-width: 500px){.checkmark-icon{max-width:185px;max-height:200px;margin-left:40px;padding:0}.landing-title{font-size:2.2rem}.landing-tagline{font-size:1.1rem;text-align:center}.landing-hero-content h2{font-size:1.5rem;text-align:center}.landing-hero h2{text-align:center;padding:5px;margin:auto}.landing-hero-content p{font-size:1rem;text-align:center}.landing-btn,.landing-btn-scan{padding:.8rem 1.8rem;font-size:1rem}.landing-btn-container{margin:auto}.feature-card{max-width:60%}}@media (max-width: 400px){.checkmark-icon{max-width:185px;max-height:200px;margin-left:40px;padding:0}.landing-title{font-size:2.2rem}.landing-tagline{font-size:1.1rem;text-align:center}.landing-hero-content h2{font-size:1.5rem;text-align:center}.landing-hero h2{text-align:center;padding:5px;margin:auto}.landing-hero-content p{font-size:1rem;text-align:center}.landing-btn,.landing-btn-scan{padding:.8rem 1.8rem;font-size:1rem}.landing-btn-container{margin:auto}.feature-card{max-width:60%}.landing-footer-links{gap:.2rem;font-size:10.5px;text-wrap:wrap}}.member-bg{--m-bg-1: #f7fbff;--m-accent: #1976d2;--m-accent-2: #0ea5e9;--m-muted: #6b7280;--m-panel: #ffffff;--m-shadow-soft: 0 8px 32px rgba(16,24,40,.06);--m-shadow-tight: 0 4px 12px rgba(16,24,40,.06);display:flex;min-height:100vh;width:100%;align-items:stretch;justify-content:center;background:linear-gradient(180deg,var(--m-bg-1) 0%,#eef7ff 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial;color:#0f172a}.member-bg{display:flex;flex-direction:column;background-image:url(/assets/freepik__background-lineargradientrgb73-using-this-color-as__64184-CpTA5GG9.png);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}.Member-main{display:flex;flex-direction:column;padding:2rem 3rem;min-height:calc(100vh - 80px);overflow:hidden;background-repeat:no-repeat;background-size:cover;margin-top:100px}.Header-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0}.MemberContent>*{border-radius:12px;padding:2rem;max-height:400px;flex:1;box-shadow:0 2px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;background:linear-gradient(#fff,#d5e6ff);background-size:cover,600px;background-position:center,bottom right;background-repeat:no-repeat,no-repeat;max-width:600px;margin:auto}.userName{font-size:1.4rem;font-weight:500;color:#12484e;display:inline-block;margin-top:21px;margin-right:13px}@media (max-width: 980px){.Member-main{padding:18px}}@media (max-width: 780px){.Member-main{padding:14px}}@media (max-width: 450px){.Member-main{padding:10px}}.clockin-container{background:var(--m-panel);border-radius:14px;padding:20px;box-shadow:var(--m-shadow-soft);background-color:#fff;margin:10px auto auto;max-height:350px;max-width:700px;width:80%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.clockin-content{padding:10px;display:inline;justify-content:center;align-items:center;align-content:center}.qr-code-icon{width:72px;height:72px;border-radius:10px;display:block;margin:auto}.qr-reader-box{width:260px;height:260px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,#fff,#f3f9ff);border:1px solid rgba(25,118,210,.06);box-shadow:var(--m-shadow-tight)}.qr-video{width:100%;max-width:400px;border-radius:12px}.scan-btn{width:100%;padding:10px 14px;max-height:40px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--m-accent),var(--m-accent-2));color:#fff;font-weight:700;cursor:pointer}.stop-scan-button{background:#a71a1a;color:#070404;margin-top:10px;border-radius:60px;width:30px;height:30px;font-size:16px;font-weight:700;cursor:pointer;padding:4px;transition:transform .2s ease-in-out}.stop-scan-button:hover{background:#7f1313;transform:scale(1.1)}.scan-result{padding:10px 12px;border-radius:8px;background:#f1fbf6;color:#047857}@media (max-width: 1145px){.clockin-container{background:var(--m-panel);border-radius:14px;padding:20px;box-shadow:var(--m-shadow-soft);background-color:#fff;margin:10px auto auto;height:650px;max-width:700px;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 450px){.clockin-container{background:var(--m-panel);border-radius:14px;padding:20px;box-shadow:var(--m-shadow-soft);background-color:#fff;margin:10px auto auto;max-height:220px;max-width:700px;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}}.clockin-container .scan-btn{width:auto;min-width:220px;padding:10px 18px;align-self:center;height:200px}.clockin-container .qr-reader-box{margin:0 auto}.member-container-history{background:var(--m-panel);border-radius:17px;padding:20px;box-shadow:var(--m-shadow-soft);height:auto}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.history-item{background:#f8fbff;padding:12px;border-radius:8px}@media (max-width: 520px){.history-item{padding:10px}}.member-container{background:var(--m-panel);border-radius:17px;padding:24px;box-shadow:var(--m-shadow-soft);max-width:640px;margin:0 auto}.member-desc{color:var(--m-muted);margin-bottom:20px}.error-message{padding:12px;border-radius:var(--m-radius-sm);background:#fef2f2;color:#991b1b;margin-bottom:16px;font-size:.875rem}.profile-details-card{background:linear-gradient(180deg,#fff,#f6fbff);padding:24px;border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-tight)}.profile-photo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}.profile-photo{width:120px;height:120px;border-radius:50%;border:3px solid #fff;box-shadow:var(--m-shadow-tight);margin-bottom:12px;overflow:hidden;position:relative}.profile-photo-img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--m-accent),var(--m-accent-2));color:#fff;font-size:2.5rem;font-weight:500}.photo-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem}.photo-upload-btn{padding:8px 16px;border-radius:var(--m-radius-sm);background:var(--m-accent);color:#fff;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.photo-upload-btn:hover:not(:disabled){background:var(--m-accent-2)}.photo-upload-btn:disabled{opacity:.7;cursor:not-allowed}.profile-info-section{display:flex;flex-direction:column;gap:16px}.profile-details-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{font-weight:600;color:var(--m-muted);flex:0 0 100px}.detail-value{color:#1a1a1a;flex:1;text-align:right}.phone-edit-actions{display:flex;align-items:center;gap:8px;flex:1}.phone-input{flex:1;padding:6px 12px;border-radius:var(--m-radius-sm);border:1px solid #e5e7eb;font-size:.875rem}.phone-display{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.edit-btn,.save-btn,.cancel-btn{padding:6px 12px;border-radius:var(--m-radius-sm);border:1px solid #e5e7eb;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.edit-btn:hover,.save-btn:hover,.cancel-btn:hover{background:#f9fafb}.save-btn{color:#047857;border-color:#047857}.cancel-btn{color:#991b1b;border-color:#991b1b}.password-row{align-items:flex-start}.password-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.password-toggle,.change-password-btn{padding:6px 12px;border-radius:var(--m-radius-sm);border:1px solid #e5e7eb;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.password-toggle:hover,.change-password-btn:hover{background:#f9fafb}.change-password-btn{color:var(--m-accent);border-color:var(--m-accent)}@media (max-width: 640px){.member-container,.profile-details-card{padding:16px}.profile-photo{width:100px;height:100px}.profile-details-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-label{flex:none}.detail-value{text-align:left}.password-actions,.phone-edit-actions,.phone-display{margin-top:8px;flex-wrap:wrap}.phone-input{width:100%}}@media (max-width: 380px){.password-actions,.phone-edit-actions{flex-direction:column;align-items:stretch;gap:8px}.password-toggle,.change-password-btn,.edit-btn,.save-btn,.cancel-btn{width:100%;text-align:center}}.member-container-settings{background:var(--m-panel);border-radius:var(--m-radius-lg);padding:20px;box-shadow:var(--m-shadow-soft)}.member-title{font-size:1.4rem;margin-bottom:6px;color:var(--m-accent);font-weight:700}.member-desc{color:var(--m-muted);margin-bottom:12px}.settings-section{margin-top:12px}.settings-section-title{font-weight:700;margin-bottom:8px}.settings-form-group{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.settings-form-input,.settings-form-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e6eef9}.settings-checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.settings-btn-save{background:linear-gradient(90deg,var(--m-accent),var(--m-accent-2));color:#fff}.settings-btn-cancel{background:#f3f4f6}.settings-notification{padding:8px 10px;border-radius:8px;margin-bottom:8px}.settings-notification.success{background:#ecfdf5;color:#065f46}.settings-notification.error{background:#fff1f2;color:#991b1b}.responsive-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#099ccd1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.responsive-header .responsive-navbar,.responsive-navbar{display:flex;justify-content:space-between;align-items:center;height:57px;padding:1rem 5%;background:#6de0fd;border-bottom:1px solid rgba(255,255,255,.1)}.logo h2{font-size:1.8rem;background:linear-gradient(45deg,#daf4f4,#86aeea);-webkit-background-clip:text;background-clip:text;color:#fff;font-weight:700;font-style:oblique;font-family:Arial,Helvetica,sans-serif;margin:0}.NavbarLogo{margin-top:6px;height:108px;width:115px}.nav-link.active{color:#23927c;background:#0fc3;border:1px solid rgba(0,255,204,.3)}.user-email{color:#ae1e1e;font-size:1rem}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;padding:0;margin:auto;width:100%;max-width:347px}.mobile-nav-item{width:30px;padding:3px;margin:.5rem 0;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.logout-button{background-color:#d51313;padding:5px;border-radius:6px;color:#fff;font-size:.855rem;transition:transform .15s ease-in;font-family:Times New Roman,Times,serif}.logout-link:hover{transform:scale(1.1);color:#fff}@media (max-width: 768px){.responsive-navbar{padding:1rem}.desktop-nav,.desktop-login{display:none}.mobile-menu-button{display:flex}}@media (max-width: 480px){.responsive-navbar{padding:.75rem 1rem}.logo h2{font-size:1.5rem}.mobile-nav-link{font-size:1.1rem;padding:1rem 1.5rem;max-width:300px;align-items:center;margin:auto}.mobile-menu-logo h2{font-size:1.8rem}.mobile-menu-close{width:45px;height:45px;top:1.5rem;right:1.5rem}.close-line{width:18px}}@media (max-width: 360px){.mobile-nav-link{padding:.75rem 1rem;font-size:1rem}}.dashboard-content{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:10px;margin:auto;gap:1.8rem}.dashboard-container h2{color:#fff}.dashboard-stats-container{display:flex;flex-direction:row}.dashboard-stat{border-radius:12px;padding:10px;box-shadow:0 4px 12px #00000014;border:1px solid #e3e8ee;transition:all .3s ease;text-align:center;max-height:350px;height:100%;max-width:300px;width:100%;margin:auto}.dashboard-stat:hover{transform:translateY(-200px);box-shadow:0 6px 16px #00000085}@media (max-width: 415px){.dashboard-stat{padding:1rem}.dashboard-stat h3{font-size:.9rem}.dashboard-stat p{font-size:1.5rem}}@media (max-width: 1600px){.admin-qr-main{padding:1.5rem .7rem;max-width:600px;height:auto}.admin-qr-title{font-size:1.5rem}.admin-qr-desc{font-size:1rem;max-width:95vw}.admin-qr-actions{flex-direction:column;gap:.7rem;width:100%;align-items:stretch}.admin-qr-action-btn{width:100%;font-size:1rem;padding:.7rem 0}.admin-qr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 780px){.admin-qr-main{padding:1.5rem .7rem;max-width:450px}.admin-qr-title{font-size:1.5rem}.admin-qr-desc{font-size:1rem;max-width:95vw}.admin-qr-actions{flex-direction:column;gap:.7rem;width:100%;align-items:stretch}.admin-qr-action-btn{width:100%;font-size:1rem;padding:.7rem 0}}@media (max-width: 620px){.admin-qr-main{padding:1rem .3rem;border-radius:10px;max-width:300px;margin:auto}.admin-qr-title{font-size:1.1rem}.admin-qr-desc{font-size:.95rem;max-width:99vw}.admin-qr-action-btn{font-size:.98rem;padding:.6rem 0}.admin-qr-list{gap:.7rem}.qr-code-actions{display:flex;flex-direction:column}}@media (max-width: 456px){.admin-qr-main{padding:.5rem .1rem;border-radius:6px;max-width:240px}.admin-qr-title{font-size:.95rem}.admin-qr-desc{font-size:.85rem}.admin-qr-action-btn{font-size:.9rem;padding:.5rem 0}.create-qr-form{max-width:230px}}@media (max-width: 326px){.admin-qr-main{padding:.5rem 0;max-width:199px}}.admin-qr-main{background:#f0f0f0fa;border-radius:16px;padding:2.5rem 2rem 2rem;width:100%;margin:2rem auto;box-shadow:0 4px 24px #2196f31a;display:flex;flex-direction:column;align-items:center}.admin-qr-title{font-size:2.1rem;font-weight:700;color:#1976d2;margin-bottom:.5rem;text-align:center}.admin-qr-desc{color:#555;margin-bottom:1.5rem;font-size:1.1rem;text-align:left;max-width:500px}.admin-qr-actions{display:flex;gap:1rem;margin-bottom:2rem}.admin-qr-action-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #2196f31a}.admin-qr-action-btn:hover{background:#1769aa}.admin-qr-list{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.admin-qr-empty{text-align:center;color:#888;font-size:1.1rem;margin-top:2rem}.create-qr-form{width:100%;background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e9ecef}.create-qr-form h2{color:#1976d2;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2196f3}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:flex;flex-direction:column;gap:1rem}.form-row .form-group{flex:1}.field-checkboxes{display:flex;flex-direction:column;gap:.5rem}.field-checkboxes label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.field-checkboxes input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.form-actions button[type=submit]{background:#2196f3;color:#fff}.form-actions button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-fields-list{color:#000;padding:10px}.form-fields-list button{margin-left:20px;background-color:#ccc;color:red;font-size:large}.form-fields-list li{margin-bottom:15px}.qr-code-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;gap:.7rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;margin:auto}.qr-code-info h3{margin:0 0 .5rem;color:#1976d2;font-size:1.2rem;text-align:center}.qr-code-info p{margin:.25rem 0;color:#666;font-size:.9rem}.qr-code-actions{display:flex;gap:.5rem}.qr-code-actions button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s}.qr-code-actions button:first-child{background:#2196f3;color:#fff}.qr-code-actions button:nth-child(2){background:#ffc107;color:#212529}.qr-code-actions button:last-child{background:#dc3545;color:#fff}.qr-code-actions button:hover{opacity:.8}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;margin-top:35px;text-align:center}.qr-modal-header h2{margin:0;color:#1976d2;font-size:1.5rem;text-align:center}.qr-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:4px;transition:background .2s}.qr-modal-close:hover{background:#f5f5f5}.qr-skeleton-list{display:grid;gap:12px;padding:12px 0}.qr-skeleton-item{padding:12px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000000f}.qr-code-display{background:#f8f9fa;padding:1rem;border-radius:8px;border:2px solid #e9ecef}.qr-details{width:100%}.qr-details p{margin:.5rem 0;font-size:.95rem}.qr-details a{color:#2196f3;text-decoration:none;word-break:break-all}.qr-details ul{margin:.5rem 0 0 1rem;padding:0}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.qr-modal-header h2{margin:0;color:#1976d2;font-size:1.5rem}.qr-modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.qr-modal-close:hover{color:#333}.qr-modal-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-code-display{display:flex;justify-content:center;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.qr-details{width:100%;text-align:left}.qr-details p{margin:.5rem 0;font-size:.95rem;color:#333}.qr-details strong{color:#1976d2}.qr-details ul{margin:.5rem 0 0 1rem;padding-left:1rem}.qr-details li{margin:.25rem 0;color:#555}@media (max-width: 620px){.qr-modal-content{width:95%;margin:1rem}.qr-modal-header,.qr-modal-body{padding:1rem}.qr-code-display{padding:.5rem}}@media (max-width: 480px){.qr-modal-content{width:95%;margin:1rem}.qr-modal-header,.qr-modal-body{padding:1rem}.qr-code-display{padding:.5rem}.qr-code-item{min-width:200px}}.tab-navigation{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e3e8ee;padding-bottom:0;margin:auto}.tab-navigation button{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;margin:auto}.tab-navigation button:hover{color:#6cb5fe;background:#2196f30d;border-bottom-color:#2196f3}.tab-navigation button.active{color:#022447;border-bottom-color:#328fdc;background:#2196f314;background-color:#82c2fb}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h2{color:#fcfcfc;font-size:2rem;font-weight:700;margin-bottom:.5rem;font-family:Georgia,Times New Roman,Times,serif;letter-spacing:.5px;text-decoration:underline}.tab-content>p{color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:100;font-size:1.05rem;padding:1.8rem 1rem;margin:auto;line-height:1.6;background-color:#c0eafe;border-radius:10px;border-bottom:#000000}.user-stats-row{display:flex;gap:2rem;margin-top:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.user-stat-card{flex:1;min-width:220px;max-width:350px;background:#fff;color:#1976d2;border-radius:14px;padding:1.8rem 1.5rem;box-shadow:0 2px 12px #2196f314;border:1.5px solid #e3e8ee;display:flex;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2196f3,#1976d2)}.user-stat-card:hover{box-shadow:0 8px 24px #2196f326;transform:translateY(-3px);border-color:#2196f3}.user-stat-card h3{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1976d2}.user-stat-card p{margin:0;font-size:2.5rem;font-weight:700;color:#2196f3;text-shadow:0 2px 4px rgba(33,150,243,.1)}.admin-db-form-container{display:flex;flex-direction:column;align-items:center;margin-top:2.5rem;margin-bottom:3rem;justify-content:center;width:100%}.admin-db-session-form{background-color:#eeeded;padding:10px;height:auto;display:flex;max-width:850px;flex-direction:column;gap:.3rem;justify-content:center;margin:auto;border-radius:15px}.admin-db-session-form h3{color:#10467c}.admin-db-session-form form{background-color:#fff;padding:10px;max-width:575px;display:flex;flex-direction:column;font-size:medium;gap:.2rem;font-weight:600;border-radius:15px;margin:auto;color:#000}.admin-db-form-csv{background:#fff;padding:2rem;border-radius:14px;max-width:550px;width:100%;height:250px;box-shadow:0 2px 12px #2196f314;border:1.5px solid #e3e8ee;transition:all .3s ease;color:#000}.admin-db-form-csv h3{color:#145ca4}.admin-db-form:hover{box-shadow:0 4px 20px #2196f31f;border-color:#2196f3}.admin-db-form h3{color:#1976d2;font-size:1.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:.5px}.admin-db-form p{color:#666;font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.admin-db-form label{font-weight:600;color:#1976d2;margin-bottom:.5rem;display:block;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.admin-db-form input,.admin-db-form textarea{width:100%;padding:.85rem;border:1.5px solid #bcdffb;border-radius:8px;font-size:1rem;margin-bottom:1.2rem;background:#f8fbff;color:#222;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.admin-db-form input[type=file]{padding:.5rem;background:#fff;cursor:pointer}.admin-db-form input:focus,.admin-db-form textarea:focus{border-color:#2196f3;background:#fff;box-shadow:0 0 0 3px #2196f31a;outline:none}.admin-db-form input[type=date],.admin-db-form input[type=datetime-local],.admin-db-form input[type=time]{color:#222}.admin-db-form textarea{resize:vertical;min-height:100px}.admin-db-btns{display:flex;gap:1rem;margin:auto}.admin-db-open-btn,.admin-db-delete-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .2s ease}.admin-db-status-btn{background-color:#19a8b2;color:#fff}.admin-db-open-btn:hover:not(:disabled),.admin-db-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#1769aa,#1565aa);box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.admin-db-open-btn:active:not(:disabled),.admin-db-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.admin-db-open-btn:disabled,.admin-db-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.admin-db-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#e74c3c,#c03838);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.admin-db-delete-btn:active:not(:disabled){transform:translateY(0)}.admin-db-delete-btn:disabled{opacity:.6;cursor:not-allowed}.sessions-list{margin-top:2.5rem;margin-bottom:2rem;position:relative}.members-list h4{color:#10467c}.members-list h3,.sessions-list h3,.attendance-logs h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;border-bottom:4px solid white}.members-list>p,.sessions-list>p,.attendance-logs>p{color:#666;font-size:1rem;text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;border:1.5px dashed #bcdffb}.session-item{background:#fff;border:1.5px solid #e3e8ee;border-radius:12px;max-width:600px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #2196f30f;transition:all .3s cubic-bezier(.4,0,.2,1);gap:.5rem}.member-item:hover,.session-item:hover{box-shadow:0 8px 24px #2196f326;transform:translateY(-2px);border-color:#2196f3}.member-info{display:flex;flex-direction:column;gap:.75rem}.member-info h4,.session-info-box h4{color:#1976d2;font-size:1.02rem;font-weight:700;margin:0 0 .5rem;letter-spacing:.5px;display:flex;justify-content:flex-start;flex-wrap:wrap}.member-info p,.session-info-box p{color:#555;font-size:.95rem;margin:0;line-height:1.5}.session-info-box{color:#555;font-size:1.95rem;margin:0;line-height:1.5}.member-info strong,.session-info-box strong{color:#1976d2;font-weight:600}.session-info-box{display:flex;flex-direction:column;justify-content:center;min-width:200px;max-width:200px;margin:auto}.session-info-box h4{flex:1;min-width:300px;text-wrap:wrap;max-width:200px}.session-actions-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:200px;margin:auto}.session-actions button{padding:.75rem 1.2rem;border-radius:8px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;flex:1;min-width:130px;max-width:170px}.geofence-default-button{position:absolute;bottom:auto;font-style:italic;color:#fff;font-weight:700;font-size:small;border-radius:12px;background-color:#5386b0}.session-selection-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.session-selection-item{padding:15px;color:#000;background-color:#bcdffb;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:background-color .3s}.session-selection-item:hover{background-color:#f5f5f5}.session-selection-item.selected{background-color:#e3f2fd;border-color:#2196f3}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1rem}.qr-modal-overlay.fade-in{animation:fadeInOverlay .3s ease}.recent-checkin-delete{position:absolute;top:0;right:0;padding:5px 8px;background-color:#d82c23;border-color:1px black;margin-right:5px;color:#c3c3c3;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;transition:.3s ease,background-color .3s ease,color .3s ease}.recent-checkin-delete:hover{background-color:red;color:#fff;transform:scale(1.05)}@keyframes fadeInOverlay{0%{background:#0000}to{background:#00000080}}.registering-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:11000;padding:1rem}.registering-box{background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 20px 60px #00000040;text-align:center;max-width:320px;width:100%}.registering-spinner{width:48px;height:48px;margin:0 auto 14px;border:6px solid rgba(0,0,0,.1);border-top-color:#1976d2;border-radius:50%;animation:spinnerRotate 1s linear infinite}.qr-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;margin-top:80px;border-bottom:1px solid #e3e8ee;background:linear-gradient(135deg,#f8f9fa,#f0f7ff)}.qr-modal-header h2{color:#1976d2;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:.5px}.qr-modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.qr-modal-close:hover{background:#f44336;color:#fff;transform:rotate(90deg) scale(1.1)}.qr-modal-body{padding:2rem}.qr-modal-body th,td{color:#000}.qr-code-display{display:flex;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px dashed #bcdffb}.qr-code-display>div{background:#fff;padding:1rem;border-radius:8px}.qr-details{display:flex;flex-direction:column;gap:.75rem}.qr-details p{color:#555;font-size:.95rem;margin:0;line-height:1.5}.qr-details strong{color:#1976d2;font-weight:600}.qr-details a{color:#2196f3;text-decoration:none;word-break:break-all;font-weight:500}.qr-details a:hover{text-decoration:underline}.delete-confirmation{display:flex;flex-direction:column;gap:1.5rem}.delete-confirmation>p{color:#1976d2;font-size:1.1rem;font-weight:700;margin:0}.delete-session-details{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #2196f3}.delete-session-details p{color:#555;font-size:.95rem;margin:0 0 .5rem;line-height:1.5}.delete-session-details strong{color:#1976d2;font-weight:600}.delete-warning{background:#fff3e0;border:1.5px solid #ffb74d;border-radius:8px;padding:1.2rem;margin:1rem 0}.delete-warning p{color:#e65100;font-size:.95rem;margin:0;line-height:1.5}.logs-list{display:flex;flex-direction:column;gap:1rem}.log-item{background:#fff;border:1.5px solid #e3e8ee;border-radius:10px;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.log-item:hover{box-shadow:0 4px 16px #2196f31a;border-color:#2196f3;transform:translate(4px)}.log-info{flex:1}.log-info strong{color:#1976d2;font-size:1.05rem;display:block;margin-bottom:.25rem}.log-info p{color:#666;font-size:.9rem;margin:0;line-height:1.4}.log-time{color:#2196f3;font-size:.9rem;font-weight:600;white-space:nowrap;margin-left:1rem}@media (max-width: 1880px){.session-item{max-width:600px;margin:auto}}@media (max-width: 768px){.tab-navigation{gap:.5rem}.tab-navigation button{padding:.8rem 1rem;font-size:.9rem}.user-stats-row{gap:1rem;flex-direction:column}.user-stat-card{min-width:100%;max-width:100%}.admin-db-form{padding:1.5rem;max-width:100%}.admin-db-form input,.admin-db-form textarea{width:100%}.admin-db-btns{grid-template-columns:1fr}.session-item{flex-direction:column;gap:1rem}.session-actions,.session-actions button{width:100%}.log-item{flex-direction:column;align-items:flex-start;gap:.75rem}.log-time{margin-left:0}.qr-modal-content{max-width:90vw;max-height:85vh}.qr-modal-header,.qr-modal-body{padding:1.5rem}}@media (max-width: 480px){.tab-navigation{gap:.25rem;padding-bottom:0}.tab-navigation button{padding:.7rem .8rem;font-size:.8rem;flex:1}.user-stat-card{padding:1rem;min-width:auto}.user-stat-card h3{font-size:.9rem}.user-stat-card p{font-size:1.8rem}.admin-db-form-csv{background:#fff;padding:2rem;border-radius:14px;max-width:550px;width:80%;max-height:400px;height:100%;box-shadow:0 2px 12px #2196f314;border:1.5px solid #e3e8ee;transition:all .3s ease}.admin-db-form-csv input{text-wrap:wrap}.admin-db-session-form form{max-width:275px}.admin-db-form label{font-size:.85rem}.admin-db-form input,.admin-db-form textarea{padding:.7rem;margin-bottom:1rem;font-size:.95rem}.admin-db-btns{gap:.75rem}.admin-db-open-btn,.admin-db-delete-btn{padding:.7rem 1rem;font-size:.85rem}.session-item{padding:1rem;gap:1.75rem;margin-bottom:20px}.session-actions{flex-direction:column}.session-info-box h4{min-width:auto;max-width:80%;text-align:center;margin:auto;gap:1rem}.session-actions button{width:100%}.qr-modal-header,.qr-modal-body{padding:1rem}.qr-modal-header h2{font-size:1.2rem}.qr-modal-close{width:32px;height:32px;font-size:1.5rem}.delete-session-details,.delete-warning{padding:1rem}.log-item{padding:.75rem}.geofence-default-button{font-size:.75rem;padding:4px 8px;position:relative;margin-top:5px;margin-bottom:-10px}.participant-item{display:flex;flex-direction:column;max-width:350px}.participant-info strong,.participant-info span{text-align:center}}.admin-reports-container{padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9fafb;min-height:100vh;border-radius:25px}.admin-reports-container h2{color:#0e4984}.admin-reports-container p{color:#123d6a}.qr-gate-reports-list{margin-bottom:30px;display:flex;flex-wrap:wrap;gap:5rem;flex-direction:row;justify-content:center;align-items:center}.qr-gate-report-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:300px}.qr-gate-report-item strong{color:#000}.report-info{flex:1}.report-info h3{margin:0 0 10px;color:#2796c3;font-size:1.2em;text-align:center}.report-info p{margin:5px 0;color:#555;font-size:.9em}.form-fields-info{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:4px}.form-fields-info ul{margin:5px 0 0;padding-left:20px}.form-fields-info li{margin:2px 0;color:#666;font-size:.85em}.report-actions{display:grid;gap:8px;min-width:60px;max-width:140px;align-items:center;margin:auto}.report-actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .2s ease}.view-btn{background:#2796c3;color:#fff}.view-btn:hover{background:#1e7ba8}.toggle-status-btn{background:#ffc107;color:#333}.toggle-status-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.loading-state,.empty-state{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:30px}.loading-state p,.empty-state p{color:#666;font-size:1.1em;margin:0}.session-reports-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e3e8ee}.session-reports-section h3{color:#1976d2;margin-bottom:.5rem}.session-reports-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.session-report-item{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;max-width:300px;align-items:center;background:#fff;border:1.5px solid #e3e8ee;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #2196f30f;transition:box-shadow .2s,transform .2s}.session-report-item:hover{box-shadow:0 6px 16px #2196f321;transform:translateY(-2px)}.session-info h4{margin:0 0 .5rem;color:#1976d2;font-size:1.2rem}.session-info p{margin:.3rem 0;color:#666}.session-info strong{color:#2196f3}.session-actions{display:flex;flex-direction:column;gap:.5rem;min-width:150px;align-items:center}.export-session-btn{background:#19d2b6;color:#fff;padding:.7rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.export-session-btn:hover{background:#2196f3}.view-participants-btn{background:#4caf50;color:#fff;padding:.7rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.view-participants-btn:hover{background:#388e3c}.session-participants-container{width:100%;margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e3e8ee}.session-participants-container h5{margin:0 0 1rem;color:#1976d2;font-size:1rem}.participants-list{max-height:300px;overflow-y:auto}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:6px;border:1px solid #e3e8ee;box-shadow:0 1px 3px #0000001a}.participant-info{display:flex;flex-direction:column;gap:.25rem}.participant-info strong{color:#1976d2;font-size:.9rem}.participant-info span{color:#666;font-size:.8rem}.no-participants{text-align:center;color:#666;font-style:italic;padding:1rem}@media (max-width: 768px){.qr-gate-report-item{flex-direction:column;gap:15px}.report-actions{flex-direction:row;justify-content:space-between;min-width:auto}.report-actions button{flex:1;text-align:center}}.db-date-fields{display:flex;gap:1rem}.db-date-field{flex:1}.admin-db-form{display:flex;flex-direction:column;gap:1rem;padding:30px;max-width:700px;width:100%;height:500px}@media (max-width: 600px){.db-date-fields{flex-direction:column;gap:.5rem}.db-section-spacing{margin-top:1.2rem}}@media (max-width: 415px){.attendance-table{font-size:.75rem;display:block;overflow-x:auto;white-space:nowrap}.attendance-table th,.attendance-table td{padding:.5rem;min-width:100px}.qr-gate-report-item{max-width:1000px}}.qr-skeleton-list{display:grid;gap:12px;padding:12px 0;justify-content:center}.qr-skeleton-item{width:300px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000000f}.skeleton-rect{height:12px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:6px;margin-bottom:8px}.skeleton-title{height:18px;width:55%}.skeleton-line{width:100%}.skeleton-line.short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.attendance-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:12px}.attendance-modal{background:#fff;width:100%;max-width:1200px;max-height:90vh;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000040;color:#000}.attendance-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background:#f9f9f9;flex-shrink:0}.attendance-modal-header h3{margin:0;font-size:18px;color:#333}.attendance-modal-body{overflow:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.close-btn{background:#f44336;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.close-btn:hover{background:#d32f2f}.attendance-grid-wrapper{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0}.attendance-grid{border-collapse:collapse;width:100%;font-size:13px;min-width:min-content}.attendance-grid th,.attendance-grid td{border:1px solid #e6e6e6;padding:8px;text-align:left;white-space:nowrap}.attendance-grid td:first-child,.attendance-grid th:first-child{width:50px;min-width:50px}.attendance-grid th:nth-child(2),.attendance-grid td:nth-child(2){min-width:140px}.attendance-grid thead th:nth-child(2){background-color:#fafafa}.attendance-grid tbody td:nth-child(2){background-color:#fff;overflow:hidden;text-overflow:ellipsis}.attendance-grid th:nth-child(n+3),.attendance-grid td:nth-child(n+3){min-width:110px}.attendance-grid thead th{background:#fafafa;font-weight:600;color:#333}.attendance-grid thead th:nth-child(2){z-index:4}.cell.present{background:#e6ffed;color:#08361a}.cell.absent{background:#f4f4f4;color:#999}.cell-content{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.present-mark{font-weight:700;color:#1b7a3a;font-size:14px}.absent-mark{color:#999;font-size:14px}.time-text{font-size:11px;color:#555;margin-top:2px}.loading,.empty{padding:32px 16px;text-align:center;color:#666;font-size:14px}@media (max-width: 768px){.attendance-modal-backdrop{padding:8px}.attendance-modal{max-height:95vh}.attendance-modal-header{padding:12px}.attendance-modal-header h3{font-size:16px}.close-btn{padding:6px 12px;font-size:13px}.attendance-modal-body{padding:8px}.attendance-grid{font-size:12px}.attendance-grid th,.attendance-grid td{padding:6px}.attendance-grid td:first-child,.attendance-grid th:first-child{width:40px;min-width:40px}.attendance-grid th:nth-child(2),.attendance-grid td:nth-child(2){min-width:120px;left:40px}.attendance-grid th:nth-child(n+3),.attendance-grid td:nth-child(n+3){min-width:100px}.cell-content{gap:1px}.present-mark,.absent-mark{font-size:12px}.time-text{font-size:10px}}@media (max-width: 480px){.attendance-modal-backdrop{padding:4px;align-items:flex-start}.attendance-modal{max-height:100vh;border-radius:4px}.attendance-modal-header{padding:10px}.attendance-modal-header h3{font-size:14px}.close-btn{padding:5px 10px;font-size:12px}.attendance-modal-body{padding:4px}.attendance-grid{font-size:11px}.attendance-grid th,.attendance-grid td{padding:4px 5px}.attendance-grid td:first-child,.attendance-grid th:first-child{width:35px;min-width:35px}.attendance-grid th:nth-child(2),.attendance-grid td:nth-child(2){min-width:100px;left:35px}.attendance-grid th:nth-child(n+3),.attendance-grid td:nth-child(n+3){min-width:90px}.cell-content{gap:0}.present-mark,.absent-mark{font-size:11px}.time-text{font-size:9px}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}.AdminContainer{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;min-height:100vh;background-position:center;padding-top:80px;background-image:url(/assets/freepik__background-lineargradientrgb73-using-this-color-as__64184-CpTA5GG9.png);background-repeat:no-repeat;background-size:cover;overflow:hidden}.responsive-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.responsive-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo h2{font-size:1.8rem;background:linear-gradient(45deg,#daf4f4,#86aeea);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-style:oblique;font-family:Arial,Helvetica,sans-serif;margin:0}.desktop-nav-container{padding:10px;margin:auto;justify-content:center}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:auto;padding:10px}.nav-link{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease;padding:.5rem 1rem;border-radius:5px;position:relative}.nav-link:hover{color:#0fc;background:#ffffff1a}.nav-link.active{color:#0fc;background:#0fc3;border:1px solid rgba(0,255,204,.3)}.login-section{display:flex;align-items:center;gap:1rem}.user-email{color:#ccc;font-size:.9rem}.mobile-menu-button{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s;border-radius:2px}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(135deg,#000000f2,#14141efa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:right .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mobile-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(0,255,204,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,102,255,.1) 0%,transparent 50%);pointer-events:none}.mobile-menu.open{right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem}.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-close:hover{background:#fff3;transform:scale(1.1);border-color:#fff6}.close-line{position:absolute;width:20px;height:2px;background-color:#fff;border-radius:1px;transition:.3s ease}.close-line:first-child{transform:rotate(45deg)}.close-line:last-child{transform:rotate(-45deg)}.mobile-menu-logo{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.mobile-menu-logo h2{font-size:2rem;background:linear-gradient(45deg,#daf4f4,#86aeea);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-style:oblique;font-family:Arial,Helvetica,sans-serif;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;width:100%;max-width:400px}.mobile-nav-item{width:100%;margin:.5rem 0;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.mobile-nav-item:nth-child(1){animation-delay:.1s}.mobile-nav-item:nth-child(2){animation-delay:.2s}.mobile-nav-item:nth-child(3){animation-delay:.3s}.mobile-nav-item:nth-child(4){animation-delay:.4s}.mobile-nav-link{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;text-decoration:none;font-size:1.2rem;padding:1.2rem 2rem;margin:.3rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;width:calc(100% - 2rem);border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,204,.2),transparent);transition:left .5s ease}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{color:#0fc;background:#ffffff1a;border-color:#00ffcc4d;transform:translateY(-2px);box-shadow:0 8px 25px #0fc3}.mobile-nav-link.active{color:#0fc;background:#0fc3;border-color:#0fc6;box-shadow:0 4px 15px #00ffcc4d}.nav-icon{font-size:1.5rem;transition:transform .3s ease}.mobile-nav-link:hover .nav-icon{transform:scale(1.2)}.nav-text{font-weight:500;letter-spacing:.5px}.AdminMain{display:flex;flex-direction:column;padding:2rem 3rem;min-height:calc(100vh - 80px);overflow:hidden;background-repeat:no-repeat;background-size:cover;background-image:url(/assets/freepik__background-lineargradientrgb73-using-this-color-as__64184-CpTA5GG9.png)}.AdminHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-shrink:0}.AdminHeader h1{font-size:2rem;font-weight:700;color:#1976d2}.Header-container{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-top:5px}.Header-container h1{font-size:30px;font-weight:700;color:#1976d2;padding:10px 15px;margin-top:25px;margin-bottom:5px;text-align:center}.AdminUser{display:flex;align-items:center;gap:1.1rem;font-size:1.5rem;font-style:italic;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#093169;margin-top:25px}.AdminUser img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #2196f3}.AdminContent{border-radius:12px;padding:2rem;max-height:calc(100vh - 280px);flex:1;box-shadow:0 2px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;background:linear-gradient(#8eddf5,#94add1),url(../assets/images/qr-code.png);background-size:cover,600px;background-position:center,bottom right;background-repeat:no-repeat,no-repeat;background-origin:border-box;background-clip:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.responsive-navbar{padding:1rem}.desktop-nav,.desktop-login{display:none}.mobile-menu-button{display:flex}.AdminMain{padding:1.5rem 2rem}.AdminHeader{flex-direction:column;align-items:flex-start;gap:1rem}.AdminHeader h1{font-size:1.5rem}}@media (max-width: 480px){.responsive-navbar{padding:.75rem 1rem}.logo h2{font-size:1.5rem}.AdminMain{padding:1rem}.AdminHeader{display:flex}.AdminHeader h1{font-size:1.3rem}.AdminContent{padding:1rem;border-radius:8px}.mobile-nav-link{font-size:1.1rem;padding:1rem 1.5rem}.mobile-menu-logo h2{font-size:1.8rem}.mobile-menu-close{width:45px;height:45px;top:1.5rem;right:1.5rem}.close-line{width:18px}}@media (max-width: 360px){.AdminMain{padding:.5rem}.AdminContent{padding:.75rem}.Header-container{display:flex}.Header-container h1{font-size:20px;max-width:50px}.AdminHeader{display:flex;flex-direction:row;max-width:100%;justify-content:space-between;align-items:center}.AdminHeader h1{font-size:.9rem}.mobile-nav-link{padding:.75rem 1rem;font-size:1rem}}.settings-modal{background:#fff;border-radius:18px;box-shadow:0 8px 40px #2196f32e,0 1.5px 8px #00000014;padding:2.5rem 2rem 2rem;position:relative;max-width:600px;width:95vw;max-height:90vh;overflow-y:auto;margin:0 auto;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-title{font-size:2rem;font-weight:700;color:#1976d2;margin-bottom:1.5rem;letter-spacing:.5px;text-align:center}.settings-close-btn{position:absolute;top:1.2rem;right:1.2rem;font-size:2rem;color:#1976d2;background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;cursor:pointer;z-index:2}.settings-close-btn:hover{background:#e3f2fd;color:#f44336}.settings-card{background:#f8f9fa;border-radius:12px;padding:1.5rem 1.5rem 1rem;border:1px solid #e3e8ee;margin-bottom:2rem;box-shadow:0 2px 8px #2196f30f;color:#000}.settings-section-title{font-size:1.2rem;font-weight:600;color:#1976d2;margin-bottom:1.2rem;letter-spacing:.2px;display:flex;align-items:center;gap:.5rem}.profile-picture-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1.2rem}.profile-picture{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #2196f3;margin-bottom:1rem;box-shadow:0 2px 8px #2196f31a}.choose-photo-btn{margin-top:.5rem;font-size:1rem;color:#1976d2;background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;padding:.4rem 1.2rem;cursor:pointer;transition:background .2s,color .2s}.choose-photo-btn:hover{background:#1976d2;color:#fff}.settings-form-field{display:flex;flex-direction:column;margin-bottom:1.1rem}.settings-form-field label{font-size:1rem;color:#1976d2;font-weight:500;margin-bottom:.4rem}.settings-form-field input[type=text],.settings-form-field input[type=email],.settings-form-field input[type=password],.settings-form-field input[type=tel]{padding:.7rem 1rem;border:1px solid #bcdffb;border-radius:6px;font-size:1rem;background:#fff;transition:border .2s,box-shadow .2s;color:#222}.settings-form-field input:focus{border:1.5px solid #2196f3;outline:none;box-shadow:0 2px 8px #2196f31a}.settings-form-field input[type=checkbox]{margin-right:.6rem;accent-color:#2196f3}.settings-btn{padding:.7rem 1.5rem;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #2196f314}.settings-btn-save{background:#2196f3;color:#fff}.settings-btn-save:hover{background:#1769aa;color:#fff}.settings-btn-cancel{background:#f44336;color:#fff}.settings-btn-cancel:hover{background:#b71c1c;color:#fff}@media (max-width: 700px){.settings-modal{padding:1.2rem .5rem 1rem;max-width:98vw}.settings-title{font-size:1.3rem}.settings-card{padding:1rem .5rem .5rem}.profile-picture{width:60px;height:60px}}.GenerateQrContainer{background:#f0f7ff;border-radius:10px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;max-width:100%;overflow-x:auto}.GenerateQrContainer h2{color:#1976d2}.GenerateQrContainer p{color:#0e4d54;padding:.5rem}.QrCodeItself{padding:10px;margin-bottom:40px}.generate-qr-form{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.generate-qr-input{flex:1;padding:.5rem;border:1.5px solid #2196f3;border-radius:6px;font-size:1rem;outline:none;transition:border .2s;background-color:#aad9ff}.generate-qr-input:focus{border-color:#1769aa;color:#000}.generate-qr-btn{padding:.5rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.generate-qr-btn:hover{background:#1769aa}.qr-code-section{margin-top:1rem;text-align:center}.qr-code-link{margin-top:.5rem;word-break:break-all;color:#2196f3;text-decoration:underline;font-size:.98rem}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.custom-modal{background:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 8px 32px #0000002e;text-align:center;min-width:320px}.custom-modal p{color:#2c3e50}.custom-modal h3{color:#000;font-weight:900}.custom-modal-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.custom-modal-btn{padding:.7rem 1.5rem;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.custom-modal-btn.cancel{background:#cccaca;color:#333}.custom-modal-btn.cancel:hover{background:#8e8d8d}.custom-modal-btn.confirm{background:#ff6262;color:#fff}.custom-modal-btn.confirm:hover{background:#f73535}.qr-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(33,150,243,.1)}.qr-codes-header h2{font-size:2rem;font-weight:700;color:#1976d2;margin:0}.qr-codes-header p{color:#fff;margin:.5rem 0 0;font-size:1rem}.create-qr-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2196f34d;display:flex;align-items:center;gap:.5rem}.create-qr-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.qr-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.qr-code-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;border:1px solid #e3e8ee;transition:all .3s ease;position:relative;overflow:hidden}.qr-code-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.qr-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2196f3,#1976d2)}.qr-code-card.inactive{opacity:.7;background:#f8f9fa}.qr-code-card.inactive:before{background:#ccc}.qr-code-header,.qr-code-header h2{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.qr-code-info h3{margin:0 0 .5rem;color:#1976d2;font-size:1.2rem;font-weight:600}.qr-code-info p{margin:0;font-size:.9rem;color:#666;line-height:1.4}.qr-code-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qr-code-status.active{background:#4caf50;color:#fff}.qr-code-status.inactive{background:#f44336;color:#fff}.qr-code-details{margin-bottom:1.5rem}.qr-code-detail{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.qr-code-detail strong{color:#1976d2;font-weight:600}.qr-code-detail span{color:#666}.qr-code-actions{display:flex;gap:.5rem;flex-wrap:wrap}.qr-action-btn{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.qr-action-btn.view{background:#2196f3;color:#fff}.qr-action-btn.view:hover{background:#1976d2;transform:translateY(-1px)}.qr-action-btn.toggle{background:#ff9800;color:#fff}.qr-action-btn.toggle:hover{background:#f57c00;transform:translateY(-1px)}.qr-action-btn.delete{background:#f44336;color:#fff}.qr-action-btn.delete:hover{background:#d32f2f;transform:translateY(-1px)}.qr-code-empty{grid-column:1 / -1;text-align:center;padding:3rem;color:#666}.qr-code-empty h3{color:#1976d2;margin-bottom:.5rem}.qr-modal{background:#fff;border-radius:16px;box-shadow:0 8px 40px #2196f32e;padding:2rem;max-width:500px;width:95%;position:relative;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1)}.qr-modal h2{text-align:center;margin-bottom:1.5rem;color:#1976d2;font-size:1.5rem;font-weight:700}.qr-code-display{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.qr-code-display p{margin-top:1rem;font-size:.9rem;color:#666;text-align:center;line-height:1.4}.qr-code-info-details{margin-bottom:1rem}.qr-code-info-details p{margin:.5rem 0;font-size:.9rem}.qr-code-info-details strong{color:#1976d2;font-weight:600}.copy-qr-btn{width:100%;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2196f34d}.copy-qr-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.create-qr-modal{background:#fff;border-radius:16px;box-shadow:0 8px 40px #2196f32e;padding:2rem;max-width:600px;width:95%;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1)}.create-qr-modal h2{text-align:center;margin-bottom:1.5rem;color:#1976d2;font-size:1.5rem;font-weight:700}.qr-form-group{margin-bottom:1.5rem}.qr-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1976d2;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.qr-form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border .2s,box-shadow .2s;background:#fff;color:#000}.qr-form-input:focus{border:1.5px solid #2196f3;outline:none;box-shadow:0 2px 8px #2196f31a}.qr-form-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;min-height:80px;resize:vertical;transition:border .2s,box-shadow .2s;background:#fff;font-family:inherit;color:#000}.qr-form-textarea:focus{border:1.5px solid #2196f3;outline:none;box-shadow:0 2px 8px #2196f31a}.qr-form-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;transition:border .2s,box-shadow .2s;color:#222}.qr-form-select:focus{border:1.5px solid #2196f3;outline:none;box-shadow:0 2px 8px #2196f31a}.qr-form-datetime{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;transition:border .2s,box-shadow .2s;color:#333}.qr-form-datetime:focus{border:1.5px solid #2196f3;outline:none;box-shadow:0 2px 8px #2196f31a}.qr-form-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.qr-form-checkbox input[type=checkbox]{margin:0;accent-color:#2196f3;transform:scale(1.2)}.qr-form-checkbox label{margin:0;font-weight:500;color:#333;text-transform:none;letter-spacing:normal}.qr-form-fields{margin-bottom:1.5rem}.qr-form-fields label{display:block;margin-bottom:.5rem;font-weight:600;color:#1976d2;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.qr-form-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.qr-form-field-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background .2s}.qr-form-field-checkbox:hover{background:#f5f5f5}.qr-form-field-checkbox input[type=checkbox]{margin:0;accent-color:#2196f3}.qr-form-field-checkbox label{margin:0;font-weight:500;color:#333;text-transform:none;letter-spacing:normal;font-size:.9rem}.qr-form-actions{display:flex;gap:1rem;margin-top:2rem}.qr-form-btn{flex:1;padding:.75rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.qr-form-btn.cancel{background:#fff;color:#666;border:1px solid #ddd}.qr-form-btn.cancel:hover{background:#f5f5f5;color:#333}.qr-form-btn.submit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.qr-form-btn.submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.qr-form-btn.submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #2196f34d}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;margin-bottom:2rem}.dashboard-stat{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;border:1px solid #e3e8ee;transition:all .3s ease;text-align:center}.dashboard-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.dashboard-stat h3{margin:0 0 .5rem;color:#1976d2;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-stat p{margin:0;font-size:2rem;font-weight:700;color:#1976d2}.attendance-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;font-size:.85rem}.attendance-table thead{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.attendance-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.attendance-table td{padding:.75rem;border-bottom:1px solid #e3e8ee;font-size:.8rem;word-wrap:break-word;max-width:200px}.attendance-table tbody tr:hover{background:#f8f9fa}.form-data-details{cursor:pointer;color:#2196f3;font-weight:600;text-decoration:underline}.form-data-content{padding:.5rem;background:#f5f5f5;border-radius:4px;margin-top:.5rem}.form-data-item{margin-bottom:.25rem;font-size:.8rem}.form-data-item strong{color:#1976d2;font-weight:600}@media (max-width: 415px){.AdminContainer{flex-direction:column;min-height:100vh;background:linear-gradient(120deg,#e3f2fd,#bbdefb)}.AdminSidebar{width:100%;padding:1rem;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.AdminSidebar h2{font-size:1.2rem;margin-bottom:1rem;text-align:center}.AdminSidebar nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.AdminSidebar nav a{padding:.5rem .75rem;font-size:.9rem;margin-bottom:0;flex:1;min-width:80px;text-align:center}.AdminMain{padding:1rem;min-height:auto;flex:1}.AdminHeader{flex-direction:column;gap:1rem;align-items:center;margin-bottom:1rem}.AdminHeader h1{font-size:1.5rem;text-align:center}.AdminContent{padding:1rem;border-radius:8px;max-height:none;overflow:visible}.dashboard-stats{grid-template-columns:1fr;gap:1rem;margin:1rem 0}.dashboard-stat{padding:1rem}.dashboard-stat h3{font-size:.9rem}.dashboard-stat p{font-size:1.5rem}.GenerateQrContainer{padding:1rem;margin-bottom:1rem}.GenerateQrContainer h2{font-size:1.2rem;text-align:center}.GenerateQrContainer p{font-size:.9rem;text-align:center}.QrCodeItself{padding:.5rem;margin-bottom:1rem}.qr-codes-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.qr-code-card{padding:1rem}.qr-code-header{flex-direction:column;gap:.5rem;align-items:flex-start}.qr-code-actions{flex-direction:column;gap:.5rem}.qr-action-btn{width:100%;padding:.75rem;font-size:.9rem}.user-stats-row{flex-direction:column;gap:1rem}.user-stat-card{min-width:auto;max-height:none;padding:1rem}.admin-db-form-container{margin-top:1rem}.admin-db-form{padding:1rem;max-width:none}.admin-db-form input,.admin-db-form textarea{width:100%}.db-date-fields,.admin-db-list{grid-template-columns:1fr;gap:1rem}.admin-db-list-item{max-width:none;padding:1rem}.admin-db-btns{grid-template-columns:1fr;gap:.5rem}.settings-layout{gap:1rem}.settings-card{padding:1rem;margin-bottom:1rem}.attendance-table{font-size:.75rem;display:block;overflow-x:auto;white-space:nowrap}.attendance-table th,.attendance-table td{padding:.5rem;min-width:100px}.qr-modal,.create-qr-modal,.settings-modal{width:100%;height:100vh;max-width:none;max-height:none;border-radius:0;padding:1rem;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.qr-form-actions{flex-direction:column;gap:.75rem}.qr-form-btn{width:100%}.qr-form-group{margin-bottom:1rem}.qr-form-input,.qr-form-textarea,.qr-form-select,.qr-form-datetime{width:100%;padding:.75rem;font-size:1rem}.qr-form-fields-grid{grid-template-columns:1fr;gap:.5rem}.custom-modal{width:100%;height:100vh;max-width:none;min-width:auto;border-radius:0;padding:1rem;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center}.custom-modal-actions{flex-direction:column;gap:.75rem}.custom-modal-btn{width:100%;padding:.75rem}h2{font-size:1.3rem;text-align:center}h3{font-size:1.1rem}p{font-size:.9rem;line-height:1.4}button{min-height:44px;font-size:1rem}html,body,.AdminContainer{overflow-x:hidden}}@media (max-width: 375px){.AdminSidebar nav{flex-direction:column}.AdminSidebar nav a{width:100%}}.user-stats-row{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}.user-stat-card{flex:1;min-width:220px;max-width:400px;max-height:100px;background:#fff;color:#1976d2;border-radius:14px;padding:1.5rem 1.2rem;box-shadow:0 2px 12px #2196f314;border:1.5px solid #e3e8ee;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;transition:box-shadow .2s,transform .2s;margin:auto}.user-stat-card:hover{box-shadow:0 8px 24px #2196f321;transform:translateY(-2px)}.user-stat-card h3{margin:0 0 .5rem;font-size:1.08rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#1976d2}.user-stat-card p{margin:0;font-size:2.1rem;font-weight:700;color:#2196f3}.admin-db-form-container{display:flex;flex-direction:column;align-items:center;margin-top:2rem;justify-content:center}.admin-db-form{background:#fff;padding:1.5rem 1.2rem;border-radius:14px;max-width:550px;margin-bottom:2rem;box-shadow:0 2px 12px #2196f314;border:1.5px solid #e3e8ee}.admin-db-form label{font-weight:600;color:#1976d2;margin-bottom:.3rem;display:block}.admin-db-form input,.admin-db-form textarea{width:90%;padding:.7rem;border:1.5px solid #bcdffb;border-radius:6px;font-size:1rem;margin-bottom:1rem;background:#f8fbff;color:#222;transition:border .2s}.admin-db-form input:focus,.admin-db-form textarea:focus{border-color:#2196f3;background:#fff}.admin-db-form input[type=date]{color:#222}.admin-db-form button{background:#2196f3;color:#fff;padding:.7rem 1.5rem;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #2196f314}.admin-db-form button:disabled{opacity:.7;cursor:not-allowed}.admin-db-form button:hover:not(:disabled){background:#1769aa}.admin-db-open-btn{background:#1976d2;color:#fff;padding:.5rem 1.2rem;max-width:200px;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #2196f314}.admin-db-open-btn:hover{background:#2196f3;box-shadow:0 4px 12px #2196f321}.admin-db-delete-btn{background:#ff7a63;color:#fff;padding:.5rem 1.2rem;max-width:200px;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #2196f314}.admin-db-delete-btn:hover{background:#c03838;box-shadow:0 4px 12px #2196f321}.admin-db-btns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-db-list{list-style:none;padding-left:0;margin:0;gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.admin-db-list-item{background:#fff;border:1.5px solid #e3e8ee;border-radius:12px;max-width:400px;margin-bottom:1.2rem;padding:1.2rem 1rem;box-shadow:0 2px 8px #2196f30f;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:.3rem}.admin-db-list-item:hover{box-shadow:0 6px 16px #2196f321;transform:translateY(-2px)}.admin-db-list-item strong{color:#1976d2;font-size:1.1rem}.admin-db-list-item span{display:block;margin-top:.2rem;color:#444}.admin-db-list-item .db-dates{color:#2196f3;font-size:.97rem;margin-top:.5rem;font-weight:500}@media (max-width: 768px){.user-stats-row{flex-direction:column;gap:1rem}.user-stat-card{padding:1rem;font-size:1rem}.admin-db-form,.admin-db-list-item{padding:1rem}}.signup-bg{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#2196f3 30%,#21cbf3 90%);margin:0;padding:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:0}.signup-container{background:#fffffff7;border-radius:16px;box-shadow:0 4px 24px #2196f314;padding:2.5rem 2rem 2rem;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:1}.signup-title{font-size:2rem;font-weight:700;color:#2196f3;margin-bottom:.5rem}.signup-subtitle{color:#555;margin-bottom:1.5rem;font-size:1.05rem}.role-toggle-group{display:flex;width:100%;margin-bottom:1rem;gap:.5rem}.role-toggle{flex:1;padding:.7rem 0;border:1.5px solid #2196f3;background:#fff;color:#2196f3;font-weight:600;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.role-toggle.active,.role-toggle:hover{background:#2196f3;color:#fff}.role-description{width:100%;margin-bottom:1.5rem;color:#333;font-size:.98rem;text-align:left}.signup-form{width:100%;display:flex;flex-direction:column;gap:1rem}.signup-input{width:100%;padding:.85rem .01rem;border:1.5px solid #b3d7f6;border-radius:6px;font-size:1rem;outline:none;transition:border .2s;background:#f8fbff;color:#000}.signup-input:focus{border-color:#2196f3;background:#fff}.signup-btn{width:100%;padding:.9rem 0;background:#2196f3;color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;margin-top:.5rem;box-shadow:0 4px 8px #2196f314;transition:background .2s,box-shadow .2s}.signup-btn:hover{background:#1769aa;box-shadow:0 6px 12px #2196f321}.memberMain{display:flex;flex-direction:column;justify-content:center;padding:10px;margin:auto}.member-container{padding:10px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.scanform-bg{--scanform-bg-1: #f0f0f0;--scanform-accent: #007bff;--scanform-accent-2: #0056b3;--scanform-muted: #6c757d;--scanform-panel: #ffffff;--scanform-radius-lg: 12px;--scanform-radius-sm: 8px;--scanform-gap: 1rem;--scanform-shadow-soft: 0 8px 32px rgba(0,0,0,.1);--scanform-shadow-tight: 0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;display:flex;min-height:100vh;width:100%;align-items:stretch;justify-content:center;background:linear-gradient(180deg,var(--scanform-bg-1) 0%,#e0e0e0 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial;color:#212529}.scanform-bg *,.scanform-bg *:before,.scanform-bg *:after{box-sizing:inherit}.scanform-bg .scanform-main{flex:1 1 auto;display:flex;flex-direction:column;width:100%;padding:24px;min-height:100vh;background:linear-gradient(135deg,#fbfbfb,#289eff)}.scanform-bg .scanform-container{margin:auto;padding:10px;background:var(--scanform-panel);border-radius:var(--scanform-radius-lg);box-shadow:var(--scanform-shadow-soft);display:flex;flex-direction:column;justify-content:center;max-width:800px}.scanform-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#f8f9fa;border-radius:var(--scanform-radius-lg);box-shadow:var(--scanform-shadow-tight);max-width:600px;margin:auto;color:#495057}.scanform-form-container h1{margin-bottom:.5rem;color:var(--scanform-accent);font-size:1.5rem;font-weight:700}.scanform-form-container p{margin-bottom:1.5rem;color:var(--scanform-muted);text-align:center}.scanform-form{width:100%;display:flex;flex-direction:column;gap:var(--scanform-gap)}.scanform-group{display:flex;flex-direction:column;gap:.5rem}.scanform-group label{font-weight:600;color:#343a40}.scanform-input{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:var(--scanform-radius-sm);background-color:#fff;color:#495057;font-size:1rem;transition:border-color .2s ease}.scanform-input:focus{outline:none;border-color:var(--scanform-accent);box-shadow:0 0 0 3px #007bff40}.scanform-textarea{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:var(--scanform-radius-sm);background-color:#fff;color:#495057;font-size:1rem;min-height:100px;resize:vertical;transition:border-color .2s ease}.scanform-textarea:focus{outline:none;border-color:var(--scanform-accent);box-shadow:0 0 0 3px #007bff40}.scanform-submit-container{display:flex;justify-content:center;margin-top:1rem}.scanform-submit-container button{padding:.75rem 2rem;background-color:var(--scanform-accent);color:#fff;border:none;border-radius:var(--scanform-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.scanform-submit-container button:hover:not(:disabled){background-color:var(--scanform-accent-2)}.scanform-submit-container button:disabled{background-color:var(--scanform-muted);cursor:not-allowed}.scanform-message{text-align:center;padding:2rem}.scanform-message p{margin-bottom:1rem;color:var(--scanform-muted)}.scanform-message button{padding:.75rem 2rem;background-color:var(--scanform-accent);color:#fff;border:none;border-radius:var(--scanform-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.scanform-message button:hover{background-color:var(--scanform-accent-2)}@media (max-width: 980px){.scanform-bg .scanform-main{padding:18px}}@media (max-width: 780px){.scanform-bg{flex-direction:column}.scanform-bg .scanform-main{padding:14px}}.scanform-date-input{font-size:16px;line-height:1.5;cursor:pointer}.scanform-date-input::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:4px;margin-right:2px;opacity:.6;filter:invert(.8)}@media (max-width: 450px){.scanform-bg .scanform-main{padding:10px}}.scanform-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.scanform-modal{background:var(--scanform-panel);border-radius:var(--scanform-radius-lg);box-shadow:0 16px 48px #0003;padding:2.5rem;max-width:420px;width:90%;text-align:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);border-left:4px solid var(--scanform-accent)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scanform-modal-loading{border-left-color:var(--scanform-accent)}.scanform-modal-error{border-left-color:#dc3545}.scanform-modal-success{border-left-color:#28a745}.scanform-modal-icon{font-size:3rem;margin-bottom:1rem;animation:modalIconBounce .6s ease}@keyframes modalIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scanform-modal-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#212529}.scanform-modal-error .scanform-modal-title{color:#dc3545}.scanform-modal-success .scanform-modal-title{color:#28a745}.scanform-modal-loading .scanform-modal-title{color:var(--scanform-accent)}.scanform-modal-message{font-size:1rem;color:var(--scanform-muted);margin:0 0 1.5rem;line-height:1.6}.scanform-modal-error .scanform-modal-message{color:#721c24}.scanform-modal-button{padding:.75rem 2rem;background-color:var(--scanform-accent);color:#fff;border:none;border-radius:var(--scanform-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.scanform-modal-button:hover{background-color:var(--scanform-accent-2);transform:translateY(-2px);box-shadow:0 6px 16px #007bff4d}.scanform-modal-button:active{transform:translateY(0)}.scanform-modal-error .scanform-modal-button{background-color:#dc3545}.scanform-modal-error .scanform-modal-button:hover{background-color:#c82333}.scanform-modal-success .scanform-modal-button{background-color:#28a745}.scanform-modal-success .scanform-modal-button:hover{background-color:#218838}.scanform-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:var(--scanform-accent);border-radius:50%;animation:spinnerRotate 1s linear infinite;margin:1rem auto 0}.session-checkin-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#fbfbfb,#289eff)}.session-checkin-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;max-width:500px;width:100%;text-align:center}.session-checkin-card h1{color:#333;margin-bottom:.5rem;font-size:2rem}.session-description{color:#666;margin-bottom:1.5rem;font-size:1.1rem}.registration-check h2{color:#0c426e}.registration-check p{color:#555;margin-top:.5rem;font-size:1rem}.registration-status.success{color:#28a745;font-weight:600}.session-details{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}.detail-item{margin-bottom:.5rem;color:#555}.detail-item strong{color:#333}.inactive-session{background:#fff3cd;color:#856404;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #ffeaa7}.checkin-form{margin-top:2rem}.checkin-form h2{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2196f3}.checkin-btn{background:#2196f3;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;width:100%;margin-top:1rem}.checkin-btn:hover:not(:disabled){background:#1769aa}.checkin-btn:disabled{opacity:.7;cursor:not-allowed}.message{margin-top:1rem;padding:1rem;border-radius:6px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.scanform-modal.scanform-modal-success{background-color:#add3f2}.back-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;margin-top:1rem;transition:background .2s}.back-btn:hover{background:#545b62}.loading{color:#fff;font-size:1.2rem}.error-message{color:#dc3545;font-size:1.2rem;text-align:center}@media (max-width: 768px){.session-checkin-container{padding:10px}.session-checkin-card{padding:1.5rem}.session-checkin-card h1{font-size:1.5rem}}.checking-in-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:11000;padding:1rem}.checking-in-box{background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 20px 60px #00000040;text-align:center;max-width:320px;width:100%}.checking-in-spinner{width:48px;height:48px;margin:0 auto 14px;border:6px solid rgba(0,0,0,.1);border-top-color:#2196f3;border-radius:50%;animation:spinnerRotate 1s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.about-container{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 1rem}.about-header{text-align:center;margin-top:2.5rem;margin-bottom:2rem;max-width:800px}.about-header h1{font-size:2.5rem;font-weight:800;color:#195d95;margin-bottom:1rem;letter-spacing:1px}.about-header p{font-size:1rem;color:#1769aa;margin:.5rem 0;font-weight:600}.about-content{max-width:900px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #2196f31a;padding:2rem;margin-bottom:3rem}.about-content section{margin-bottom:2.5rem}.about-content h2{font-size:1.8rem;font-weight:700;color:#1976d2;margin-bottom:1rem;border-bottom:3px solid #e3f2fd;padding-bottom:.5rem}.about-content h3{font-size:1.4rem;font-weight:600;color:#2196f3;margin-top:1.5rem;margin-bottom:.8rem}.about-content h4{font-size:1.2rem;font-weight:600;color:#42a5f5;margin-top:1.2rem;margin-bottom:.6rem}.about-content p{color:#444;line-height:1.6;margin-bottom:1rem}.about-content ul{margin-left:1.5rem;margin-bottom:1rem}.about-content li{color:#555;line-height:1.5;margin-bottom:.5rem}.about-content strong{color:#1976d2;font-weight:600}.about-content .highlight-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;margin:1rem 0;border-radius:4px;color:#000}.about-content .warning-box{background:#fff3e0;border-left:4px solid #ff9800;padding:1rem;margin:1rem 0;border-radius:4px;color:#000}.about-content .success-box{background:#e8f5e8;border-left:4px solid #4caf50;padding:1rem;margin:1rem 0;border-radius:4px;color:#000}.about-content .step-number{display:inline-block;background:#2196f3;color:#fff;width:24px;height:24px;border-radius:50%;text-align:center;font-weight:700;margin-right:.5rem;font-size:.9rem;line-height:24px}.about-content ol{counter-reset:step-counter}.about-content ol li{counter-increment:step-counter;margin-bottom:1rem}.about-content ol li:before{content:counter(step-counter);display:inline-block;background:#2196f3;color:#fff;width:24px;height:24px;border-radius:50%;text-align:center;font-weight:700;margin-right:.5rem;font-size:.9rem;line-height:24px}.about-content .feature-grid{display:grid;background-color:#444;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.about-content .feature-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.about-content .feature-card h4{margin-top:0;color:#1976d2}@media (max-width: 900px){.about-header h1{font-size:2rem}.about-content{padding:1.5rem}.about-content h2{font-size:1.5rem}.about-content h3{font-size:1.3rem}.feature-grid{grid-template-columns:1fr}}@media (max-width: 500px){.about-header h1{font-size:1.8rem}.about-content{padding:1rem}.about-content h2{font-size:1.4rem}.about-content h3{font-size:1.2rem}}.cookie-policy-main{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 1rem}.cookie-policy-header{text-align:center;margin-top:2.5rem;margin-bottom:2rem;max-width:800px}.cookie-policy-header h1{font-size:2.5rem;font-weight:800;color:#195d95;margin-bottom:1rem;letter-spacing:1px}.cookie-policy-header p{font-size:1rem;color:#1769aa;margin:.5rem 0;font-weight:600}.cookie-policy-content{max-width:800px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #2196f31a;padding:2rem;margin-bottom:3rem}.cookie-policy-content section{margin-bottom:2rem}.cookie-policy-content h2{font-size:1.5rem;font-weight:700;color:#1976d2;margin-bottom:1rem;border-bottom:2px solid #e3f2fd;padding-bottom:.5rem}.cookie-policy-content h3{font-size:1.2rem;font-weight:600;color:#2196f3;margin-top:1.5rem;margin-bottom:.5rem}.cookie-policy-content p{color:#444;line-height:1.6;margin-bottom:1rem}.cookie-policy-content ul{margin-left:1.5rem;margin-bottom:1rem}.cookie-policy-content li{color:#555;line-height:1.5;margin-bottom:.5rem}.cookie-policy-content strong{color:#1976d2;font-weight:600}@media (max-width: 900px){.cookie-policy-header h1{font-size:2rem}.cookie-policy-content{padding:1.5rem}.cookie-policy-content h2{font-size:1.3rem}.cookie-policy-content h3{font-size:1.1rem}}@media (max-width: 500px){.cookie-policy-header h1{font-size:1.8rem}.cookie-policy-content{padding:1rem}.cookie-policy-content h2{font-size:1.2rem}.cookie-policy-content h3{font-size:1rem}}.privacyMain{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 1rem}.privacyHeader{text-align:center;margin-top:2.5rem;margin-bottom:2rem;max-width:800px}.privacyHeader h1{font-size:2.5rem;font-weight:800;color:#195d95;margin-bottom:1rem;letter-spacing:1px}.privacyHeader p{font-size:1rem;color:#1769aa;margin:.5rem 0;font-weight:600}.privacyContent{max-width:800px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #2196f31a;padding:2rem;margin-bottom:3rem}.privacyContent section{margin-bottom:2rem}.privacyContent h2{font-size:1.5rem;font-weight:700;color:#1976d2;margin-bottom:1rem;border-bottom:2px solid #e3f2fd;padding-bottom:.5rem}.privacyContent h3{font-size:1.2rem;font-weight:600;color:#2196f3;margin-top:1.5rem;margin-bottom:.5rem}.privacyContent p{color:#444;line-height:1.6;margin-bottom:1rem}.privacyContent ul{margin-left:1.5rem;margin-bottom:1rem}.privacyContent li{color:#555;line-height:1.5;margin-bottom:.5rem}.privacyContent strong{color:#1976d2;font-weight:600}@media (max-width: 900px){.privacyHeader h1{font-size:2rem}.privacyContent{padding:1.5rem}.privacyContent h2{font-size:1.3rem}.privacyContent h3{font-size:1.1rem}}@media (max-width: 500px){.privacyHeader h1{font-size:1.8rem}.privacyContent{padding:1rem}.privacyContent h2{font-size:1.2rem}.privacyContent h3{font-size:1rem}}.user-agreement-main{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 1rem}.user-agreement-header{text-align:center;margin-top:2.5rem;margin-bottom:2rem;max-width:800px}.user-agreement-header h1{font-size:2.5rem;font-weight:800;color:#195d95;margin-bottom:1rem;letter-spacing:1px}.user-agreement-header p{font-size:1rem;color:#1769aa;margin:.5rem 0;font-weight:600}.user-agreement-content{max-width:800px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #2196f31a;padding:2rem;margin-bottom:3rem}.user-agreement-content section{margin-bottom:2rem}.user-agreement-content h2{font-size:1.5rem;font-weight:700;color:#1976d2;margin-bottom:1rem;border-bottom:2px solid #e3f2fd;padding-bottom:.5rem}.user-agreement-content p{color:#444;line-height:1.6;margin-bottom:1rem}.user-agreement-content ul{margin-left:1.5rem;margin-bottom:1rem}.user-agreement-content li{color:#555;line-height:1.5;margin-bottom:.5rem}.user-agreement-content strong{color:#1976d2;font-weight:600}@media (max-width: 900px){.user-agreement-header h1{font-size:2rem}.user-agreement-content{padding:1.5rem}.user-agreement-content h2{font-size:1.3rem}}@media (max-width: 500px){.user-agreement-header h1{font-size:1.8rem}.user-agreement-content{padding:1rem}.user-agreement-content h2{font-size:1.2rem}}.data-retention-main{min-height:100vh;background:linear-gradient(120deg,#fbfaf9,#0084f0);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 1rem}.data-retention-header{text-align:center;margin-top:2.5rem;margin-bottom:2rem;max-width:800px}.data-retention-header h1{font-size:2.5rem;font-weight:800;color:#195d95;margin-bottom:1rem;letter-spacing:1px}.data-retention-header p{font-size:1rem;color:#1769aa;margin:.5rem 0;font-weight:600}.data-retention-content{max-width:800px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #2196f31a;padding:2rem;margin-bottom:3rem}.data-retention-content section{margin-bottom:2rem}.data-retention-content h2{font-size:1.5rem;font-weight:700;color:#1976d2;margin-bottom:1rem;border-bottom:2px solid #e3f2fd;padding-bottom:.5rem}.data-retention-content h3{font-size:1.2rem;font-weight:600;color:#2196f3;margin-top:1.5rem;margin-bottom:.5rem}.data-retention-content p{color:#444;line-height:1.6;margin-bottom:1rem}.data-retention-content ul{margin-left:1.5rem;margin-bottom:1rem}.data-retention-content li{color:#555;line-height:1.5;margin-bottom:.5rem}.data-retention-content strong{color:#1976d2;font-weight:600}.data-retention-content table{width:100%;border-collapse:collapse;margin:1rem 0;background:#f8f9fa;border-radius:8px;overflow:hidden}.data-retention-content th,.data-retention-content td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.data-retention-content th{background:#e3f2fd;color:#1976d2;font-weight:600}.data-retention-content tr:nth-child(2n){background:#f8f9fa}.data-retention-content tr:hover{background:#e3f2fd}@media (max-width: 900px){.data-retention-header h1{font-size:2rem}.data-retention-content{padding:1.5rem}.data-retention-content h2{font-size:1.3rem}.data-retention-content h3{font-size:1.1rem}.data-retention-content table{font-size:.9rem}.data-retention-content th,.data-retention-content td{padding:.5rem}}@media (max-width: 500px){.data-retention-header h1{font-size:1.8rem}.data-retention-content{padding:1rem}.data-retention-content h2{font-size:1.2rem}.data-retention-content h3{font-size:1rem}.data-retention-content table{font-size:.8rem}}