:root{--bg:#1a0b36;--surface:#16161D;--surface2:#1C1C25;--border:rgba(255,255,255,0.05);--border-subtle:rgba(255,255,255,0.03);--white:#FFFFFF;--white-shade:rgba(255,255,255,0.85);--muted:#888888;--dimmed:#666666;--gold:#E8B84B;--gold2:#F0C96B;--gold-dim:rgba(232,184,75,0.1);--danger:#F87171;--success:#4ADE80;--teal:#2DD4BF;--teal-dim:rgba(45,212,191,0.1);--mint:#4ADE80;--radius:8px;--radius-sm:6px;--sidebar-width:240px;--font-sans:var(--font-inter,"Inter",system-ui,-apple-system,sans-serif);--font-display:var(--font-montserrat,"Montserrat",system-ui,sans-serif)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-sans);background:var(--bg);background-color:var(--bg);color:var(--white);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;width:100%!important;max-width:100%!important;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y}body,html{overflow-x:clip!important;overscroll-behavior:none}html{background-color:var(--bg)!important}.page-wrapper{overflow-y:auto;min-height:100vh;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:600}a{text-decoration:none;color:inherit}input,select,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3a3a48}html{scrollbar-color:#2a2a35 var(--bg)}.page-enter{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scanLine{0%{top:10%}to{top:88%}}@keyframes pulseSuccess{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(74,222,128,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(74,222,128,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatConfetti{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.landing{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:40px;position:relative;z-index:1;overflow-x:clip;width:100%}.animated-bg{top:0;left:0;height:100vh;height:100dvh;overflow:hidden;background-color:#1a0b36}.animated-bg,.hero-watermark{position:fixed;width:100vw;z-index:0;pointer-events:none}.hero-watermark{inset:0;height:100vh;background-image:url(/usa.png);background-size:90vh auto;background-repeat:no-repeat;background-position:50%;opacity:.12;filter:blur(.5px);will-change:opacity;transform:translateZ(0)}.animated-bg.darker .hero-watermark{opacity:.05;filter:blur(1.5px)}.animated-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(60,30,150,.3) 0,rgba(15,10,40,.85) 100%);z-index:-2}.blob{position:absolute;filter:blur(100px);border-radius:50%;opacity:.25;z-index:1;animation:floatBlobs 30s ease-in-out infinite alternate;will-change:transform,opacity;transform:translateZ(0)}.blob-1{width:60vw;height:60vw;background:#3d1a7a;top:-10%;left:-20%;animation-duration:35s}.blob-2{width:40vw;height:40vw;background:var(--gold-dim);bottom:-20%;right:-10%;animation-duration:28s;animation-delay:-5s}@media (max-width:768px){.blob{max-width:40vw!important;max-height:40vw!important}}.blob-3{width:35vw;height:35vw;background:var(--bg2);top:30%;left:40%;animation-duration:22s;animation-delay:-10s}@keyframes floatBlobs{0%{transform:translate(0) scale(1)}33%{transform:translate(8vw,6vh) scale(1.1)}66%{transform:translate(-6vw,12vh) scale(.9)}to{transform:translate(0) scale(1)}}.land-nav{justify-content:space-between;padding:24px 36px;border:1px solid rgba(255,255,255,.15);border-radius:20px;position:-webkit-sticky;position:sticky;top:20px;z-index:100;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateZ(0);box-shadow:0 10px 40px rgba(0,0,0,.4)}.land-nav,.logo-row{display:flex;align-items:center}.logo-row{gap:12px;font-weight:800;font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px}.logo-mark{background:var(--gold-dim);color:var(--gold);padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.nav-btns{display:flex;gap:16px}.btn{padding:14px 28px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#FFD700,#FFE44D);color:#000000;box-shadow:0 4px 12px rgba(232,184,75,.15);font-weight:800}.btn-gold:hover{box-shadow:0 6px 20px rgba(232,184,75,.25);filter:brightness(1.1)}.btn-outline{background:rgba(88,40,200,.1);color:#fff;border:1.5px solid rgba(139,92,246,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(139,92,246,.2)}.btn-outline:hover{background:rgba(139,92,246,.25);border-color:#a78bfa;box-shadow:0 0 30px rgba(139,92,246,.4)}.hero{text-align:center;flex-direction:column;gap:12px;padding:0 0 40px}.hero,.hero-logos{display:flex;align-items:center}.hero-logos{justify-content:center;gap:24px;margin-bottom:8px}.hero-logos img{height:160px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.hero-badge{display:flex;align-items:center;gap:10px;font-size:.78rem;color:rgba(255,255,255,.5);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.hero-badge:after,.hero-badge:before{content:"";display:block;width:32px;height:1px;background:rgba(232,184,75,.5)}.hero-title{font-size:clamp(3.25rem,9vw,6rem);font-weight:900;font-family:var(--font-display);letter-spacing:-.025em;line-height:.92;text-transform:uppercase;margin-bottom:20px;color:var(--white);filter:drop-shadow(0 4px 24px rgba(192,132,252,.15))}.hero-title-accent{color:var(--gold)}.attendance-title{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:600;font-family:var(--font-display);color:rgba(255,255,255,.82);letter-spacing:-.3px;margin-bottom:16px}.hero p{font-size:.98rem;color:rgba(255,255,255,.72);max-width:480px;margin:0 auto 40px;line-height:1.8}.hero-status-strip{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:64px auto 60px;padding:10px 20px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}.hss-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:sd-dot-pulse 3s ease-in-out infinite;flex-shrink:0;align-self:center;margin-top:2px}.hss-item{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.55);white-space:nowrap}.hss-item strong{color:var(--gold);font-weight:800}.hss-sep{color:rgba(255,255,255,.2)}.scroll-indicator{position:relative;margin:60px auto 20px;flex-direction:column;align-items:center;gap:12px;color:var(--white);text-decoration:none;z-index:10;width:-moz-fit-content;width:fit-content}.scroll-circle{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.scroll-indicator:hover .scroll-circle{background:rgba(255,215,0,.15);border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 20px rgba(255,215,0,.3);color:var(--gold)}.typewriter-container{height:32px;margin:-10px 0 10px;font-size:1.4rem;font-family:var(--font-display);font-weight:500;color:var(--white);letter-spacing:.5px}.typewriter-text{color:var(--gold)}.cursor{display:inline-block;color:var(--white);font-weight:700;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-cta{display:flex;gap:20px;margin-top:20px}.cards-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.card{background:linear-gradient(160deg,rgba(30,15,65,.6),rgba(5,5,20,.8));border:1px solid rgba(255,255,255,.1);border-top-color:rgba(232,184,75,.2);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(232,184,75,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateZ(0);transition:border-top-color .3s ease,box-shadow .3s ease}.card:hover{border-top-color:rgba(232,184,75,.5);box-shadow:0 24px 64px rgba(0,0,0,.7),0 0 40px rgba(232,184,75,.05),inset 0 1px 0 rgba(232,184,75,.12)}.card p{color:var(--white-shade);line-height:1.6}.card h3{font-size:1rem;font-family:var(--font-display);font-weight:600;color:rgba(255,255,255,.45);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.how-it-works-card{grid-column:1/-1;align-items:center}.how-it-works-card .section-title{font-size:1.1rem;font-family:var(--font-display);font-weight:600;color:rgba(255,255,255,.45);letter-spacing:2px;text-transform:uppercase;margin-bottom:40px}.steps-row{display:flex;justify-content:center;gap:80px;width:100%}.step-col{flex-direction:column;text-align:center;max-width:220px;gap:16px}.step-col,.step-icon-box{display:flex;align-items:center}.step-icon-box{width:110px;height:110px;justify-content:center;border-radius:28px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.01));box-shadow:0 10px 40px rgba(0,0,0,.2),inset 0 2px 4px rgba(255,255,255,.05);color:rgba(255,255,255,.6);margin-bottom:8px;transition:all .3s ease}.step-icon-box:hover{transform:translateY(-6px);color:var(--white);border-color:rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}.step-col strong{color:var(--white);font-size:1.1rem;font-weight:700;letter-spacing:.5px}.step-col p{color:var(--white-shade);font-size:.95rem;line-height:1.5}@media (max-width:768px){.steps-row{flex-direction:column;align-items:center;gap:40px}}.feat-item{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:20px 24px;border-radius:14px;transition:background .25s ease,border-color .25s ease,transform .25s ease}.feat-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);transform:translateY(-2px)}.feat-icon{width:48px;height:48px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);transition:all .25s ease}.feat-item:hover .feat-icon{background:rgba(255,255,255,.08)}.static-color-auto .feat-icon,.static-color-auto .step-icon-box,.static-color-register .feat-icon,.static-color-register .step-icon-box{color:#38BDF8;border-color:rgba(56,189,248,.35);box-shadow:0 4px 16px rgba(56,189,248,.12)}.static-color-auto h4,.static-color-auto strong,.static-color-register h4,.static-color-register strong{color:#38BDF8}.static-color-live .feat-icon,.static-color-live .step-icon-box,.static-color-scan .feat-icon,.static-color-scan .step-icon-box{color:#34D399;border-color:rgba(52,211,153,.35);box-shadow:0 4px 16px rgba(52,211,153,.12)}.static-color-live h4,.static-color-live strong,.static-color-scan h4,.static-color-scan strong{color:#34D399}.static-color-exact .feat-icon,.static-color-exact .step-icon-box,.static-color-track .feat-icon,.static-color-track .step-icon-box{color:#c084fc;border-color:rgba(192,132,252,.35);box-shadow:0 4px 16px rgba(192,132,252,.12)}.static-color-exact h4,.static-color-exact strong,.static-color-track h4,.static-color-track strong{color:#c084fc}.hover-gold:hover .feat-icon,.step-col.hover-gold:hover .step-icon-box{color:var(--gold);border-color:var(--gold);box-shadow:0 4px 16px rgba(232,200,74,.25),inset 0 1px 2px rgba(232,200,74,.2)}.hover-success:hover .feat-icon,.step-col.hover-success:hover .step-icon-box{color:var(--success);border-color:var(--success);box-shadow:0 4px 16px rgba(78,205,196,.25),inset 0 1px 2px rgba(78,205,196,.2)}.hover-danger:hover .feat-icon{color:var(--danger);border-color:var(--danger);box-shadow:0 4px 16px rgba(255,107,107,.25),inset 0 1px 2px rgba(255,107,107,.2)}.hover-indigo:hover .step-icon-box{color:#a78bfa;border-color:#a78bfa;box-shadow:0 4px 16px rgba(167,139,250,.25),inset 0 1px 2px rgba(167,139,250,.2)}.feat-item h4{font-size:.95rem;font-weight:700;margin-bottom:4px;line-height:1.2}.feat-item p{color:rgba(255,255,255,.45);font-size:.85rem;line-height:1.5;margin:0}.land-footer{display:flex;justify-content:space-between;align-items:center;padding:32px 0 40px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.85rem}.land-footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-family:var(--font-display);font-size:.9rem;color:rgba(255,255,255,.85);letter-spacing:.3px}.land-footer-copy{color:rgba(255,255,255,.3);font-size:.8rem}.qr-mockup-card{flex-direction:column;gap:32px;text-align:center;padding:60px 40px!important;background:linear-gradient(145deg,rgba(20,10,50,.5),rgba(0,0,0,.7))!important;box-shadow:0 30px 60px rgba(0,0,0,.7),inset 0 1px 2px rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.qr-mockup-card,.qr-scanner-frame{display:flex;align-items:center;justify-content:center}.qr-scanner-frame{position:relative;width:140px;height:140px;border:2px dashed var(--gold);border-radius:24px;background:radial-gradient(circle,rgba(232,200,74,.15),transparent 70%);box-shadow:0 0 40px rgba(232,200,74,.1);overflow:hidden}.qr-scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold);box-shadow:0 0 15px var(--gold),0 0 30px var(--gold);animation:scanLine 2s ease-in-out infinite alternate}.qr-code-icon{width:64px;height:64px;color:var(--white);opacity:.9}.qr-info{display:flex;flex-direction:column;gap:12px}.qr-text{font-size:1.4rem;font-family:var(--font-display);font-weight:700;color:var(--white);letter-spacing:.5px}.qr-sub{font-size:1rem;color:var(--muted);max-width:280px;line-height:1.6}.fade-in{opacity:0;transform:translateY(30px);animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}@keyframes fadeUp{to{opacity:1;transform:none}}.pulse-btn{animation:pulseGold 2.5s ease 3}@keyframes pulseGold{0%{box-shadow:0 0 0 0 var(--gold-dim)}70%{box-shadow:0 0 0 15px rgba(232,200,74,0)}to{box-shadow:0 0 0 0 rgba(232,200,74,0)}}.scroll-indicator{display:flex;justify-content:center;margin-top:-10px;margin-bottom:30px}.bounce{animation:bounce 2s infinite;color:var(--muted)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.mission-strip{text-align:center;padding:20px 40px;background:linear-gradient(90deg,transparent,rgba(232,200,74,.05),transparent);border-top:1px solid rgba(232,200,74,.1);border-bottom:1px solid rgba(232,200,74,.1);margin-bottom:40px;border-radius:12px}.mission-strip p{font-size:1.25rem;font-family:Playfair Display,serif;color:var(--white);letter-spacing:.5px}.highlight-gold{color:var(--gold);font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.auth-card{width:100%;max-width:480px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.3));border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:50px 40px;box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 1px 2px rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateZ(0);display:flex;flex-direction:column;gap:30px;text-align:center}.auth-header h2{font-size:2.2rem;color:var(--white);margin-bottom:8px}.auth-header p{color:var(--muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px;text-align:left}@media (max-width:480px){.two-col-grid{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.85rem;font-weight:700;color:var(--gold);letter-spacing:.5px}.input-field{width:100%;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input-field:focus{border-color:var(--gold);background:rgba(45,27,105,.4);box-shadow:0 0 0 4px rgba(255,215,0,.15),0 8px 16px rgba(0,0,0,.2);transform:translateY(-1px)}.input-field::placeholder{color:rgba(255,255,255,.3)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,215,0,0.6)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px!important;cursor:pointer}.select-field option{background-color:#1a0b36;color:#ffffff;font-family:DM Sans,sans-serif}.select-field option:disabled{color:rgba(255,255,255,.3)}.role-toggle{display:flex;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:12px;margin-bottom:5px}.role-btn{flex:1 1;padding:10px;border:none;background:transparent;color:var(--muted);font-size:.9rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-btn:hover{color:var(--white);background:rgba(255,255,255,.05)}.role-btn.active{background:var(--gold);color:#000;box-shadow:0 4px 12px rgba(232,200,74,.3)}.auth-footer{margin-top:10px;font-size:.95rem;color:var(--muted)}.auth-link{color:var(--gold);font-weight:700;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:var(--gold2);text-decoration:underline}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}@media (max-width:768px){.animated-bg:after{background:radial-gradient(circle at center,rgba(45,27,105,.6) 0,rgba(5,5,20,.9) 100%)!important}body:before{display:none!important}.blob{filter:none!important;opacity:.1!important}.animated-bg,.blob{animation:none!important}.card,.hero-badge,.land-nav,.step-icon-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card,.step-icon-box{box-shadow:none!important;border:1px solid rgba(255,255,255,.1)!important}.hero h1{font-size:7.5vw!important;padding:0 8px;line-height:1.1;letter-spacing:-1px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal;max-width:100%;margin-bottom:5px}.hero-badge{font-size:.8rem!important;padding:8px 14px!important;background:rgba(0,0,0,.45)!important;font-weight:800!important;letter-spacing:.5px!important}.hero p{font-size:.9rem!important;margin-bottom:15px}.typewriter-container{font-size:1rem!important;height:auto!important;min-height:28px;margin-bottom:15px}.land-nav{padding:10px 12px!important;margin:0 10px!important}.logo-row{gap:6px}.btn{padding:8px 10px!important;font-size:.7rem!important;white-space:nowrap;min-width:-moz-fit-content!important;min-width:fit-content!important}.land-nav{padding:12px 14px!important;top:10px!important;margin:0 6px!important;gap:10px;justify-content:space-between;flex-direction:row!important;border-radius:14px!important;max-width:calc(100vw - 12px)!important;box-sizing:border-box!important}.logo-row{font-size:1rem!important;gap:4px;flex-shrink:0}.logo-row img{height:24px!important}.logo-row span{font-size:.8rem!important;letter-spacing:.5px!important}.nav-btns{gap:6px!important;flex-shrink:0}.nav-btns .btn{padding:8px 10px!important;font-size:.7rem!important;white-space:nowrap;min-width:-moz-fit-content!important;min-width:fit-content!important;border-radius:10px!important}.hero-cta{flex-direction:column!important;width:100%;padding:0 20px;gap:12px!important;margin-top:10px}.hero-cta .btn{width:100%!important;padding:18px!important;font-size:1rem!important}.attendance-title{font-size:clamp(1.2rem,5vw,1.5rem)!important;color:rgba(255,255,255,.82)!important;font-weight:600!important;margin-top:0;letter-spacing:-.2px;white-space:normal!important;text-align:center;padding:0 20px;line-height:1.3;width:100%;margin-bottom:16px!important}.cards-row{grid-template-columns:1fr!important;gap:16px!important;padding:0 10px}.card{padding:30px 20px!important;border-radius:20px!important;gap:16px}.card h3{font-size:1.4rem!important;margin-bottom:8px}.card p{font-size:.95rem}.land-footer{flex-direction:column!important;text-align:center!important;gap:12px!important;padding:28px 20px!important}.land-footer-brand{justify-content:center}.land-footer-copy{font-size:.75rem!important}.how-it-works-card .section-title{font-size:1.6rem!important;margin-bottom:30px}.steps-row{flex-direction:column!important;gap:32px!important;align-items:center}.step-col{max-width:100%}.step-icon-box{width:90px!important;height:90px!important;border-radius:20px!important}.mobile-menu-btn{display:flex!important;position:fixed!important;top:auto!important;left:auto!important;bottom:24px!important;right:24px!important;width:60px!important;height:60px!important;background:var(--gold)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;z-index:1001!important;color:#000!important;justify-content:center;align-items:center;border:none!important}.sidebar{position:fixed;left:-280px;width:260px;height:100%;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar-wrapper.open .sidebar{left:0}.main-content{margin-left:0!important;padding:80px 16px 40px!important}.auth-card{padding:35px 20px!important;margin:0 15px!important;gap:20px!important}.auth-header h2{font-size:1.8rem!important}.auth-header p{font-size:.9rem}.two-col-grid{grid-template-columns:1fr 1fr!important;gap:10px}.mission-strip{padding:16px 12px;margin-bottom:30px}.mission-strip p{font-size:1.1rem!important}.scroll-indicator{bottom:20px!important}.scroll-circle{width:40px!important;height:40px!important}.hero-status-strip{margin-top:40px;margin-bottom:40px;gap:8px 14px}.qr-mockup-card{padding:40px 20px!important;gap:24px}.qr-text{font-size:1.25rem!important}.qr-scanner-frame{width:120px!important;height:120px!important}}.dash-layout{height:100vh;overflow:hidden;background-color:var(--bg);z-index:1;--bg:#F7F8FA;--surface:#FFFFFF;--surface2:#F1F3F5;--card:#FFFFFF;--border:rgba(0,0,0,0.08);--border-subtle:rgba(0,0,0,0.04);--white:#000000;--white-shade:#111827;--muted:#374151;--dimmed:#4B5563;--gold:#4f46e5;--gold2:#6366f1;--gold-dim:rgba(79,70,229,0.08);--danger:#DC2626;--success:#16A34A;--teal:#0D9488;--teal-dim:rgba(13,148,136,0.08);--mint:#16A34A;scrollbar-width:thin;scrollbar-color:#D1D5DB #F7F8FA}.dash-layout--student{--bg:#F0EDE5}.dash-layout ::-webkit-scrollbar{width:5px}.dash-layout ::-webkit-scrollbar-track{background:#F7F8FA}.dash-layout ::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:99px}.dash-layout ::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.sidebar-wrapper{width:var(--sidebar-width);flex-shrink:0;height:100vh;transition:all .3s ease}.sidebar{width:100%;height:100%;background:radial-gradient(circle 320px at 0 0,rgba(156,123,182,.95) 0,transparent 100%),radial-gradient(circle 420px at 100% 100%,rgba(142,107,187,.95) 0,transparent 100%),radial-gradient(circle 350px at 0 55%,rgba(15,10,30,.98) 0,transparent 100%),#1c1033;border-right:1px solid rgba(139,92,246,.15);display:flex;flex-direction:column;overflow:hidden}.sidebar-scroll-area{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;padding:0 0 8px;scrollbar-width:none}.sidebar-scroll-area::-webkit-scrollbar{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 20px;margin-bottom:4px}.sidebar-brand-icon{width:52px;height:52px;border-radius:14px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-name{font-size:16px;font-weight:700;color:#ffffff!important;letter-spacing:-.02em}.sidebar-nav{padding:0 12px;gap:4px}.nav-group,.sidebar-nav{display:flex;flex-direction:column}.nav-group{margin-bottom:8px}.nav-group-label{font-size:11px;font-weight:600;color:rgba(192,132,252,.7);letter-spacing:.04em;padding:16px 8px 8px;margin:0;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease;margin-bottom:2px}.nav-link:hover{background:rgba(255,255,255,.06);color:#ffffff}.nav-link--active{font-weight:600;box-shadow:0 4px 14px rgba(139,92,246,.35)!important}.nav-link--active,.nav-link--active:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;color:#ffffff!important}.nav-link-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;opacity:.75;transition:opacity .15s ease}.nav-link:hover .nav-link-icon{opacity:.8}.nav-link--active .nav-link-icon{opacity:1}.nav-link-label{flex:1 1;line-height:1}.nav-link:not(.nav-link--active) .nav-link-label{padding-left:2px}.sidebar-footer{flex-shrink:0;padding:12px 12px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.sidebar-support-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;border:none;background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease;white-space:nowrap}.sidebar-support-btn:hover{background:rgba(255,255,255,.08);color:#ffffff}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:#fda4af;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease;white-space:nowrap}.sidebar-logout-btn:hover{background:rgba(244,63,94,.08);color:#f43f5e}.main-content{height:100vh;overflow-y:auto;padding:40px 48px;background:var(--bg);-webkit-overflow-scrolling:touch}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.dash-header-left{display:flex;flex-direction:column;gap:2px}.breadcrumb-text{font-size:11px;color:var(--dimmed);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.dash-header h1{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--white)}.dash-header-right{display:flex;align-items:center;gap:8px}.dash-month-picker,.dash-notif-btn,.dash-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--muted);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.dash-notif-btn{padding:7px 10px;position:relative}.notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--danger);border-radius:50%}.dash-month-picker:hover,.dash-notif-btn:hover,.dash-search:hover{background:var(--surface2);border-color:rgba(0,0,0,.12);color:var(--white-shade)}.stat-cards-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-bottom:32px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-stat-card{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.admin-stat-card:hover{background:var(--surface2);transform:translateY(-2px)}.stat-icon-badge{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.stat-icon-badge.blue,.stat-icon-badge.green,.stat-icon-badge.orange,.stat-icon-badge.purple{background:none;color:var(--muted)}.stat-value{font-size:36px;font-weight:700;font-family:var(--font-sans);line-height:1;color:var(--white);letter-spacing:-.03em}.stat-label{font-size:11px;color:var(--dimmed);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.stat-card{transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.stat-card-custom{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .18s ease,background .18s ease,border-color .18s ease}.stat-card-custom:hover{background:var(--surface2);transform:translateY(-2px)}.stat-card-custom .stat-label{font-size:.9rem;color:rgba(255,255,255,.6);margin:0}.stat-card-custom .stat-val{font-size:2.2rem;font-weight:600;font-family:inherit;line-height:1}.val-blue{color:#3b82f6}.val-green{color:#22c55e}.val-red{color:#ef4444}.val-orange{color:#eab308}.filter-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{background:rgba(255,255,255,.15)}.filter-btn.active{background:#facc15;color:#000;border-color:#facc15}.filter-dropdown{background:#ffffff;color:#000;border:none;border-radius:4px;font-size:.85rem;font-weight:600;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding:8px 30px 8px 12px}.attendance-table{width:100%;border-collapse:collapse}.attendance-table td,.attendance-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.attendance-table th{font-size:11px;font-weight:600;color:var(--dimmed);text-transform:uppercase;letter-spacing:.06em;padding-bottom:12px;background:var(--surface2)}.attendance-table td{font-size:13px;color:var(--white-shade)}.attendance-table tr:hover{background:var(--surface2)}.cell-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:12px}.dot-green{background-color:#22c55e}.dot-orange{background-color:#eab308}.dot-red{background-color:#ef4444}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:600}.pill-present{background-color:#22c55e;color:white}.pill-late{background-color:#d97706;color:white}.pill-absent{background-color:#ef4444;color:white}.status-icon{width:12px;height:12px}.remark-icon{color:var(--muted);width:16px;height:16px}.remark-icon.success{color:#22c55e}.remark-icon.warning{color:#eab308}.remark-icon.danger{color:#ef4444}.dash-content-grid{display:grid;grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;margin-bottom:24px}.trend-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .18s ease}.trend-panel:hover{border-color:rgba(0,0,0,.12)}.trend-header{display:flex;align-items:center;justify-content:space-between}.trend-header h3{font-size:1.2rem;font-weight:700;margin:0}.trend-subtitle{font-size:.85rem;color:var(--muted);margin-top:4px;margin-bottom:24px}.trend-tabs{display:flex;background:rgba(0,0,0,.2);border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.05)}.trend-tab{background:transparent;border:none;color:var(--muted);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.trend-tab.active{background:var(--surface2);color:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.2)}.trend-chart-area{height:220px;position:relative;display:flex;align-items:flex-end;gap:8px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.chart-bar{flex:1 1;background:linear-gradient(180deg,rgba(168,85,247,.8),rgba(168,85,247,.2));border-radius:4px 4px 0 0;min-height:10px;transition:all .3s ease;cursor:pointer}.chart-bar:hover{background:linear-gradient(180deg,rgba(192,132,252,1),rgba(168,85,247,.4));filter:brightness(1.2)}.chart-line-overlay{position:absolute;top:0;left:0;width:100%;height:200px;pointer-events:none}.dash-actions-col{display:flex;flex-direction:column;gap:16px}.action-card{padding:16px 20px;border-radius:var(--radius);display:flex;align-items:center;gap:12px;color:var(--white-shade);text-decoration:none;border:1px solid var(--border);background:var(--surface);transition:background .18s ease,border-color .18s ease}.action-card:hover{background:var(--surface2);border-color:rgba(0,0,0,.12);color:var(--white)}.action-card.orange-grad,.action-card.purple-grad{background:var(--surface)}.action-card-icon{width:32px;height:32px;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.action-card-text h4{margin:0 0 2px;font-size:13px;font-weight:500;line-height:1.2;color:var(--white-shade)}.action-card-text p{margin:0;font-size:12px;color:var(--muted)}.quick-stats-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;justify-content:space-between;transition:border-color .18s ease}.quick-stats-card:hover{border-color:rgba(0,0,0,.12)}.quick-stat-item{text-align:center}.qs-value{font-size:28px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.02em}.qs-value.green{color:var(--success)}.qs-value.yellow{color:var(--gold)}.qs-value.red{color:var(--danger)}.qs-label{font-size:11px;color:var(--dimmed);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.recent-scans{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;transition:border-color .18s ease}.recent-scans:hover{border-color:rgba(0,0,0,.12)}.recent-scans-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.recent-scans-header h3{margin:0;font-size:13px;font-weight:600;color:var(--white-shade);letter-spacing:-.01em}.recent-scans-header a{color:var(--gold);font-size:12px;font-weight:500;text-decoration:none}.scan-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border-bottom:1px solid var(--border);transition:background .1s ease}.scan-item:last-child{border-bottom:none}.scan-avatar,.scan-item:hover{background:var(--surface2)}.scan-avatar{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:var(--muted);flex-shrink:0}.scan-info{flex:1 1;min-width:0}.scan-name{font-weight:500;font-size:13px;color:var(--white-shade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-detail{font-size:12px;color:var(--muted);margin-top:2px}.status-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.status-badge.present{background:rgba(22,163,74,.08);color:var(--success);border:1px solid rgba(22,163,74,.15)}.status-badge.late{background:rgba(217,119,6,.08);color:#d97706;border:1px solid rgba(217,119,6,.15)}.status-badge.absent{background:rgba(220,38,38,.08);color:var(--danger);border:1px solid rgba(220,38,38,.15)}.student-qr-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:border-color .18s ease}.student-qr-card:hover{border-color:rgba(0,0,0,.12)}.student-qr-card h3{color:var(--gold);margin-bottom:4px}.qr-wrapper{background:white;padding:16px;border-radius:16px;margin:20px 0 10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.qr-id-text{font-family:monospace;font-size:1.1rem;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.qr-help{font-size:.85rem;color:var(--muted);margin-bottom:16px}.student-actions{display:flex;gap:12px}.congratulations-screen{text-align:center;padding:40px 20px;position:relative;overflow:hidden;z-index:10}.confetti-container{position:absolute;top:-20px;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.confetti-piece{position:absolute;top:-20px;animation:floatConfetti 3s linear infinite}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:30px}.success-icon{width:100px;height:100px;background:rgba(74,222,128,.15);border:2px solid #4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ADE80;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.pulse-success{animation:pulseSuccess 2s infinite}.success-content{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.congrats-title{font-size:2.2rem;font-weight:900;color:var(--white);margin-bottom:12px;letter-spacing:-1px}.welcome-msg{font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:30px;line-height:1.5}.welcome-msg .highlight{color:var(--gold);font-weight:700}.redirect-info{background:rgba(0,0,0,.3);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:30px}.progress-bar-container{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:10px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),#FFF700);border-radius:10px;transition:width 1s linear}.countdown-text{font-size:1rem!important;color:var(--white)!important;margin-bottom:0!important}.countdown-text strong{color:var(--gold)}@media (max-width:900px){.cards-row{grid-template-columns:1fr!important}.qr-mockup-card{padding:40px 20px!important}}@media (max-width:768px){.hero-cta{flex-direction:column}.land-nav{flex-direction:row!important;gap:10px;position:-webkit-sticky!important;position:sticky!important;padding:12px!important;border-radius:14px!important}.mission-strip p{font-size:1.1rem}}html{scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg)}.dash-layout{display:flex;min-height:100vh;background:var(--bg);position:relative}.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--bg3));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#000;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-info strong{font-size:.85rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{font-size:.7rem;color:var(--muted)}.main-content{flex:1 1;padding:40px;min-height:100vh;position:relative;z-index:1}.mobile-menu-btn,.sidebar-overlay{display:none}.loader{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;animation:pulseGold 2s infinite}@media (max-width:768px){.dash-layout{display:block;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar-wrapper{position:fixed!important;width:0!important;height:0!important;overflow:visible!important;pointer-events:none;z-index:1000}.sidebar-wrapper .sidebar{pointer-events:auto}.mobile-menu-btn{display:flex!important;position:fixed!important;top:auto!important;left:auto!important;bottom:24px!important;right:24px!important;width:56px!important;height:56px!important;background:radial-gradient(circle 80px at 0 0,rgba(156,123,182,.95) 0,transparent 100%),radial-gradient(circle 80px at 100% 100%,rgba(142,107,187,.95) 0,transparent 100%),#1c1033!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.35)!important;z-index:1001!important;color:#fff!important;justify-content:center;align-items:center;border:1px solid rgba(139,92,246,.4)!important;font-size:20px;cursor:pointer}.sidebar{position:fixed;left:-300px;width:270px;height:100vh;height:100dvh;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,20px)}.sidebar-wrapper.open .sidebar{left:0}.main-content{margin-left:0!important;padding:24px 16px 100px!important;min-height:100vh;min-height:100dvh;width:100%!important;max-width:100%!important;overflow-x:clip!important;touch-action:pan-y}}.page-wrapper{overflow-x:clip!important;width:100%!important;max-width:100%!important;background-color:transparent;position:relative;touch-action:pan-y}@media (max-width:768px){.landing{overflow-x:clip!important;padding:12px!important;background-color:transparent!important;touch-action:pan-y}.animated-bg,.landing{max-width:100%!important;width:100%!important}.animated-bg{height:100%!important;height:100dvh!important;overflow:hidden!important;background-color:#1a0b36!important;position:fixed!important;top:0!important;left:0!important;z-index:0!important}.hero-watermark{background-size:78vw auto;opacity:.12!important}.animated-bg.darker .hero-watermark{opacity:.1!important}.hero{padding:90px 12px 30px!important;overflow-x:clip!important;width:100%!important;max-width:100%!important;touch-action:pan-y}.hero-title{font-size:clamp(2.5rem,13vw,4.25rem)!important;max-width:100%;word-break:keep-all;overflow-wrap:normal;padding-left:0!important;padding-right:0!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}.auth-card,.blob,.card,.hero-watermark,.land-nav,.sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transition:none!important}.blob{display:none!important}}.medical-id-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.badge-clip{display:none}.badge-header{background:var(--surface2);padding:16px 20px;border-bottom:1px solid var(--border)}.badge-header h3{color:var(--white-shade);font-weight:600;font-size:13px;letter-spacing:-.01em;text-transform:none;margin:0}.badge-header p{color:var(--dimmed);font-size:11px;font-weight:400;margin-top:2px}.badge-body{padding:24px;display:flex;flex-direction:column;align-items:center;position:relative}.badge-body:before{display:none}.badge-qr-wrapper{background:white;padding:12px;border-radius:var(--radius);margin-bottom:16px;position:relative;z-index:1}.badge-footer{gap:8px;padding:0 24px 20px}.badge-footer,.qr-error-state{width:100%;display:flex;flex-direction:column}.qr-error-state{background:rgba(248,113,113,.05);border:1px dashed rgba(248,113,113,.3);border-radius:var(--radius);padding:24px 16px;align-items:center;text-align:center;gap:10px}.qr-error-state p{font-size:13px}.btn-repair,.qr-error-state p{color:var(--danger);font-weight:500}.btn-repair{background:transparent;border:1px solid rgba(248,113,113,.3);padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:background .15s ease;width:100%}.btn-repair:hover{background:rgba(248,113,113,.08)}.secondary-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:background .15s ease}.secondary-stat-card:hover{background:var(--surface2)}.secondary-stat-card .stat-value{font-size:28px;font-weight:700;letter-spacing:-.02em}.sd-root{flex-direction:column;gap:20px}.sd-header,.sd-root{display:flex;width:100%}.sd-header{align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:4px}.sd-header-eyebrow{font-size:11px;font-weight:600;color:var(--dimmed);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sd-header-title{font-size:22px;font-weight:700;color:var(--white);letter-spacing:-.03em;line-height:1.2}.sd-header-name{color:var(--gold)}.sd-header-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dimmed);background:var(--surface2);border:1px solid var(--border);padding:6px 12px;border-radius:99px;white-space:nowrap;margin-top:4px}.sd-top-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.sd-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 28px 24px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;transition:border-color .18s ease}.sd-overview-card:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(180,83,9,.05) 0,transparent 70%);pointer-events:none}.sd-overview-card:hover{border-color:rgba(232,184,75,.18)}.sd-overview-ring-wrap{position:relative;width:140px;height:140px;flex-shrink:0}.sd-donut{display:block}.sd-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sd-donut-rate{font-size:28px;font-weight:800;color:var(--white);letter-spacing:-.04em;line-height:1}.sd-donut-lbl{font-size:10px;color:var(--dimmed);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.sd-overview-info{display:flex;flex-direction:column;gap:12px;flex:1 1}.sd-overview-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--dimmed);text-transform:uppercase;letter-spacing:.07em}.sd-standing-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;border:1px solid;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content}.sd-overview-sub{font-size:12px;color:var(--dimmed);line-height:1.5}.sd-stat-tiles{display:grid;grid-template-rows:repeat(3,1fr);grid-gap:10px;gap:10px}.sd-stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sd-stat-tile:hover{background:var(--surface2);transform:translateY(-2px)}.sd-tile-icon-wrap{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-tile-number{font-size:26px;font-weight:800;color:var(--white);letter-spacing:-.04em;line-height:1;min-width:32px}.sd-tile-label{font-size:11px;color:var(--dimmed);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-top:2px}.sd-bottom-row{display:grid;grid-template-columns:300px 1fr;grid-gap:16px;gap:16px}.sd-qr-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease}.sd-qr-panel:hover{border-color:rgba(45,212,191,.2)}.sd-qr-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);background:var(--surface2)}.sd-qr-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);margin-top:4px;animation:sd-dot-pulse 3s ease-in-out infinite;flex-shrink:0}@keyframes sd-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.sd-panel-label{font-size:11px;font-weight:600;color:var(--dimmed);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.sd-panel-title{font-size:16px;font-weight:700;color:var(--white);margin-top:2px;margin-bottom:0}.sd-qr-body{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:24px 20px 16px;gap:12px}.sd-qr-code-wrap{background:#fff;padding:12px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.12)}.sd-qr-id{font-family:Courier New,monospace;font-weight:700;letter-spacing:2px;color:var(--muted)}.sd-qr-hint,.sd-qr-id{font-size:11px;text-align:center}.sd-qr-hint{color:var(--dimmed);line-height:1.5;max-width:200px}.sd-header-tagline{font-size:13.5px;color:var(--white-shade);margin-top:6px;max-width:560px;line-height:1.5}.sd-idcard-banner{display:flex;align-items:center;gap:10px;width:100%;padding-bottom:14px;margin-bottom:4px;border-bottom:1px dashed var(--border)}.sd-idcard-seal{width:34px;height:34px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.sd-idcard-org{display:flex;flex-direction:column;text-align:left;min-width:0}.sd-idcard-org-name{font-size:12.5px;font-weight:700;color:var(--white);line-height:1.2}.sd-idcard-org-sub{font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.03em}.sd-idcard-name{font-size:16px;font-weight:700;color:var(--white);margin-top:4px;text-align:center}.sd-idcard-meta{display:flex;width:100%;gap:10px;margin:2px 0}.sd-idcard-meta-item{flex:1 1;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.sd-idcard-meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.sd-idcard-meta-val{font-size:12.5px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-qr-download-btn,.sp-qr-download-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);color:var(--gold);font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease;margin-top:6px}.sp-qr-download-btn{font-size:12.5px;padding:7px 16px;margin-top:10px}.sd-qr-download-btn:hover,.sp-qr-download-btn:hover{border-color:var(--gold);background:rgba(232,184,75,.1)}.sd-qr-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:rgba(248,113,113,.05);border:1px dashed rgba(248,113,113,.25);border-radius:10px;padding:24px 16px;width:100%}.sd-qr-error-title{font-size:14px;font-weight:700;color:var(--danger)}.sd-qr-error-sub{font-size:12px;color:var(--muted)}.sd-repair-btn{background:transparent;border:1px solid rgba(248,113,113,.3);color:var(--danger);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .15s ease;width:100%;margin-top:4px}.sd-repair-btn:hover{background:rgba(248,113,113,.08)}.sd-qr-footer{padding:14px 16px;border-top:1px solid var(--border);background:var(--surface2)}.sd-present-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--teal);color:#fff;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s ease,transform .15s ease}.sd-present-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sd-right-col{display:flex;flex-direction:column;gap:14px}.sd-event-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;flex:1 1;transition:border-color .18s ease}.sd-event-panel:hover{border-color:rgba(232,184,75,.15)}.sd-event-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sd-see-all{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--gold);text-decoration:none;transition:gap .15s ease;margin-top:2px}.sd-see-all:hover{gap:6px}.sd-event-card{display:flex;gap:16px;align-items:flex-start;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px;transition:border-color .18s ease}.sd-event-card:hover{border-color:rgba(0,0,0,.12)}.sd-event-date-block{display:flex;flex-direction:column;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 8px;width:96px;flex-shrink:0;gap:2px}.sd-event-month{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.sd-event-day{font-size:26px;font-weight:800;color:var(--white);letter-spacing:-.04em;line-height:1}.sd-event-days-pill{font-size:9px;font-weight:700;color:var(--teal);background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.2);border-radius:99px;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;white-space:nowrap}.sd-event-detail{flex:1 1;min-width:0}.sd-event-name{font-size:15px;font-weight:700;color:var(--white);letter-spacing:-.02em;margin-bottom:8px;line-height:1.3}.sd-event-meta{display:flex;flex-direction:column;gap:5px}.sd-event-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.sd-event-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:28px 20px;background:var(--surface2);border:1px dashed var(--border);border-radius:10px;color:var(--dimmed)}.sd-event-empty p{font-size:14px;font-weight:600;color:var(--muted);margin:0}.sd-event-empty span{font-size:12px;color:var(--dimmed)}.sd-quick-links{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.sd-quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sd-quick-card{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:11px 13px;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease;cursor:pointer}.sd-quick-card:hover{background:var(--surface2);border-color:rgba(0,0,0,.12);transform:translateY(-2px)}.sd-quick-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-quick-label{font-size:13px;font-weight:600;color:var(--white-shade);flex:1 1}.sd-quick-arrow{color:var(--dimmed);flex-shrink:0;transition:transform .15s ease}.sd-quick-card:hover .sd-quick-arrow{transform:translateX(2px)}@media (max-width:960px){.sd-top-row{grid-template-columns:1fr}.sd-stat-tiles{grid-template-rows:unset;grid-template-columns:repeat(3,1fr);gap:10px}.sd-stat-tile{flex-direction:column;align-items:flex-start;padding:14px;gap:8px}.sd-bottom-row{grid-template-columns:1fr}.sd-qr-panel{max-width:100%}}@media (max-width:600px){.sd-header{flex-direction:column;gap:10px}.sd-quick-grid,.sd-stat-tiles{grid-template-columns:1fr}.sd-overview-card{flex-direction:column;text-align:center}.sd-overview-info{align-items:center}}.sp-center-screen{display:flex;justify-content:center;align-items:center;min-height:60vh}.sp-spinner{color:var(--gold)}.sp-spinner,.sp-spinner-sm{animation:spin 1s linear infinite}.sp-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 20px;background:var(--surface2);border:1px dashed var(--border);border-radius:12px}.sp-empty-state p{font-size:14px;font-weight:600;color:var(--white-shade);margin:0}.sp-empty-state span{font-size:13px;color:var(--dimmed)}.sp-checkin-root{flex-direction:column;gap:24px;width:100%;max-width:580px;margin:0 auto;padding:48px 20px 64px}.sp-back-btn,.sp-checkin-root{display:flex;align-items:center}.sp-back-btn{gap:6px;background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.05)}.sp-back-btn:hover{color:var(--white);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateX(-2px)}.sp-mode-toggle{display:flex;background:rgba(22,22,29,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);padding:4px;border-radius:14px;gap:4px;width:100%}.sp-mode-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;color:var(--muted);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.sp-mode-btn:hover{color:var(--white-shade);background:rgba(255,255,255,.04)}.sp-mode-btn.active{background:var(--gold);color:#0F0F13;box-shadow:0 4px 12px rgba(232,184,75,.25)}.sp-main-card{background:rgba(22,22,29,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;width:100%;padding:44px 32px;position:relative;overflow:hidden;box-shadow:0 12px 40px 0 rgba(0,0,0,.35)}.sp-card-glow{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,184,75,.12) 0,rgba(232,184,75,0) 70%);filter:blur(40px);pointer-events:none}.sp-present-panel{display:flex;flex-direction:column;align-items:center;text-align:center}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.sp-qr-wrapper{background:#fff;padding:24px;border-radius:20px;margin-bottom:28px;box-shadow:0 16px 48px rgba(0,0,0,.3),0 0 24px rgba(232,184,75,.1);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.sp-qr-code-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:5px;color:var(--gold);margin-bottom:12px;text-shadow:0 0 12px rgba(232,184,75,.25)}.sp-qr-instruction{font-size:14px;color:var(--white-shade);margin-bottom:24px;max-width:320px;line-height:1.45}.sp-qr-hint-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dimmed);padding:8px 16px;background:rgba(255,255,255,.02);border-radius:99px;border:1px solid rgba(255,255,255,.04);margin-top:16px}.sp-qr-error-state{display:flex;flex-direction:column;align-items:center}.sp-error-icon-wrap{width:64px;height:64px;border-radius:50%;background:rgba(248,113,113,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.sp-error-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}.sp-error-body{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.5}.sp-repair-cta{background:transparent;border:1px solid rgba(248,113,113,.4);color:var(--danger);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.sp-repair-cta:hover{background:rgba(248,113,113,.1)}.sp-scan-panel{display:flex;flex-direction:column;align-items:center}.sp-scanner-frame{width:100%;max-width:320px;aspect-ratio:1;border:2px solid var(--gold-dim);border-radius:16px;overflow:hidden;margin-bottom:16px}.sp-scan-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.sp-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.sp-success-icon{margin-bottom:16px}.sp-success-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px}.sp-success-body{font-size:14px;color:var(--muted);margin-bottom:32px}.sp-success-time{color:var(--gold);font-weight:600}.sp-success-actions{display:flex;gap:12px;width:100%}.sp-history-btn,.sp-rescan-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-rescan-btn{background:var(--surface2);border:1px solid var(--border);color:var(--white-shade)}.sp-rescan-btn:hover{background:rgba(255,255,255,.05)}.sp-history-btn{background:var(--gold);border:1px solid var(--gold);color:#000}.sp-history-btn:hover{filter:brightness(1.1)}.sp-footer-link{display:flex;align-items:center;gap:8px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;margin-top:12px;transition:all .2s ease;padding:6px 14px;border-radius:99px;border:1px solid transparent}.sp-footer-link:hover{color:var(--white);background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.05);transform:translateY(-1px)}.sp-export-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--white-shade);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-export-btn:hover{background:var(--surface2);color:var(--white)}.sp-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.sp-summary-tile{padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.sp-summary-val{font-size:24px;font-weight:700;line-height:1}.sp-summary-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sp-filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sp-search-wrap{flex:1 1;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--dimmed)}.sp-search-input{flex:1 1;background:transparent;border:none;color:var(--white);font-size:13px;padding:10px 0;outline:none}.sp-filter-chips{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px}.sp-chip{background:transparent;border:none;color:var(--muted);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-chip.active{background:var(--surface2);color:var(--white);box-shadow:0 1px 3px rgba(0,0,0,.08)}.sp-filter-select-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px}.sp-filter-select{background:transparent;border:none;color:var(--white-shade);font-size:13px;font-weight:500;padding:10px 0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-table-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sp-table-wrap{overflow-x:auto}.sp-table{width:100%;border-collapse:collapse}.sp-table td,.sp-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.sp-table th{font-size:11px;font-weight:600;color:var(--dimmed);text-transform:uppercase;letter-spacing:.05em}.sp-table th,.sp-table tr:hover{background:var(--surface2)}.sp-td-date{font-size:13px;color:var(--white-shade);white-space:nowrap}.sp-td-subject{font-size:13px;font-weight:600;color:var(--white)}.sp-td-time{font-size:13px;white-space:nowrap}.sp-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sp-td-remarks{font-size:12px;color:var(--muted)}.sp-table-count{padding:12px 16px;font-size:12px;color:var(--dimmed);text-align:right;margin:0}.sp-sched-subtitle{color:var(--dimmed);font-size:13px;margin-top:4px}.sp-error-banner{display:flex;align-items:center;gap:8px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.2);color:var(--danger);padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.sp-legend-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.sp-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dimmed)}.sp-legend-dot{width:8px;height:8px;border-radius:50%}.sp-sched-grid-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:24px}.sp-weekly-grid{display:grid;min-width:600px}.sp-day-col{border-right:1px solid var(--border);display:flex;flex-direction:column}.sp-day-col:last-child{border-right:none}.sp-today{background:rgba(255,255,255,.02)}.sp-day-header{padding:14px;text-align:center;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px}.sp-day-label{font-size:13px}.sp-day-label,.sp-today-pill{font-weight:700;letter-spacing:.05em}.sp-today-pill{background:var(--gold);color:#000;font-size:9px;padding:2px 6px;border-radius:4px;text-transform:uppercase}.sp-day-body{padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-height:240px}.sp-class-block{padding:10px;border-radius:8px;border:1px solid;display:flex;align-items:flex-start;gap:8px}.sp-class-dot{width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0}.sp-class-name{font-size:12px;font-weight:600;line-height:1.3;margin-bottom:4px;color:var(--white)}.sp-class-time{font-size:10px;color:var(--muted)}.sp-subject-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.sp-subject-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.sp-subject-panel-title{font-size:15px;font-weight:700;color:var(--white);margin:0}.sp-subject-list{display:flex;flex-direction:column;gap:12px}.sp-subject-row{display:flex;align-items:center;padding:12px 16px;background:var(--surface2);border-radius:8px;border:1px solid var(--border);gap:16px}.sp-subject-color-bar{width:4px;height:24px;border-radius:2px}.sp-subject-info{flex:1 1;display:flex;flex-direction:column}.sp-subject-name{font-size:14px;font-weight:600;color:var(--white)}.sp-subject-section{font-size:12px;color:var(--dimmed)}.sp-subject-days{display:flex;gap:6px}.sp-day-tag{font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;border:1px solid}.sp-day-tag-empty{font-size:12px;color:var(--dimmed)}.sp-tab-bar{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px}.sp-tab-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-tab-btn:hover{background:var(--surface);color:var(--white-shade)}.sp-tab-btn.active{background:var(--surface2);color:var(--gold)}.sp-profile-grid{display:grid;grid-template-columns:300px 1fr;grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:800px){.sp-profile-grid{grid-template-columns:1fr}}.sp-avatar-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.sp-avatar-circle{width:96px;height:96px;border-radius:50%;background:var(--surface2);border:2px solid var(--gold-dim);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--white);margin-bottom:16px}.sp-avatar-upload-trigger{position:relative;cursor:pointer;overflow:hidden}.sp-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.sp-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s ease;color:#fff}.sp-avatar-upload-trigger:hover .sp-avatar-overlay,.sp-avatar-uploading .sp-avatar-overlay{opacity:1}.sp-avatar-overlay-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sp-avatar-upload-error{font-size:11px;color:var(--danger);margin-top:-8px;margin-bottom:8px;text-align:center}.sp-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.sp-modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.6)}.sp-modal-warning{max-width:560px;width:100%;padding:0;overflow:hidden}.sp-modal-warning-header{display:flex;align-items:flex-start;gap:14px;padding:28px 28px 24px}.sp-modal-warning-icon-wrap{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(234,179,8,.12);border:1px solid rgba(234,179,8,.25);display:flex;align-items:center;justify-content:center;color:#ca8a04;margin-top:2px}.sp-modal-warning-eyebrow{font-size:10px;font-weight:700;color:var(--dimmed);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sp-modal-warning-title{font-size:17px;font-weight:700;color:var(--white);line-height:1.3}.sp-modal-warning-divider{height:1px;background:var(--border);margin:0 28px}.sp-modal-warning-intro{font-size:13px;color:var(--muted);line-height:1.6;padding:20px 28px 0}.sp-modal-warning-list{font-size:13px;color:var(--white-shade);line-height:1.65;padding:16px 28px 0 44px;display:flex;flex-direction:column;gap:10px}.sp-modal-warning-list li{padding-left:4px}.sp-modal-warning-list strong{color:var(--white);font-weight:600}.sp-modal-warning-footer{padding:20px 28px 28px}.sp-modal-warning-confirm-text{font-size:12px;color:var(--dimmed);line-height:1.5;margin-bottom:20px;font-style:italic}.sp-modal-warning-actions{display:flex;justify-content:flex-end;gap:10px}.sp-modal-cancel-btn{padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.sp-modal-cancel-btn:hover{border-color:var(--white-shade);color:var(--white)}.sp-modal-confirm-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;background:var(--gold);border:none;color:#000;cursor:pointer;transition:opacity .15s}.sp-modal-confirm-btn:hover{opacity:.88}.sp-avatar-name{font-size:18px;font-weight:700;color:var(--white);margin-bottom:4px}.sp-avatar-email{font-size:13px;color:var(--dimmed);margin-bottom:20px}.sp-avatar-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:32px}.sp-avatar-tag{font-size:11px;font-weight:600;padding:4px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white-shade)}.sp-tag-gold{border-color:var(--gold-dim);color:var(--gold);background:rgba(232,184,75,.05)}.sp-tag-purple{border-color:rgba(168,85,247,.25)!important;color:#c084fc!important;background:rgba(168,85,247,.08)!important}.sp-avatar-stats{width:100%;border-top:1px solid var(--border);padding-top:24px;text-align:left}.sp-avatar-stats-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--dimmed);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.sp-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.sp-stat-row:last-child{border-bottom:none}.sp-stat-row-label{font-size:12px;color:var(--muted)}.sp-stat-row-val{font-size:13px;font-weight:600}.sp-form-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column}.sp-form-error,.sp-form-success{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:24px}.sp-form-error{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.2);color:var(--danger)}.sp-form-success{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);color:var(--success)}.sp-form-body{display:flex;flex-direction:column;gap:20px;flex:1 1}.sp-form-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--white);margin-bottom:8px}.sp-input-group{display:flex;flex-direction:column;gap:6px}.sp-input-label{font-size:12px;font-weight:600;color:var(--muted)}.sp-input-wrap{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:0 12px;height:44px;transition:border-color .2s ease;position:relative}.sp-input-wrap:focus-within{border-color:var(--gold)}.sp-input-icon{color:var(--dimmed);margin-right:10px}.sp-input{flex:1 1;background:transparent;border:none;color:var(--white);font-size:14px;outline:none;width:100%}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none!important}.sp-input::placeholder{color:var(--dimmed)}.sp-input-hint{font-size:11px;color:var(--dimmed);font-style:italic;margin:0}.sp-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.sp-three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.sp-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#16a34a;color:var(--white)!important;border:none;height:48px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s ease}.sp-save-btn:hover:not(:disabled){filter:brightness(1.1)}.sp-save-btn:disabled{opacity:.6;cursor:not-allowed}.sp-form-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sp-form-section-header .sp-form-section-title{margin-bottom:0}.sp-form-header-actions{display:flex;align-items:center;gap:8px}.sp-edit-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);color:var(--white);padding:8px 18px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-edit-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.sp-discard-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2);color:var(--danger);padding:8px 18px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-discard-btn:hover:not(:disabled){background:rgba(248,113,113,.15);border-color:rgba(248,113,113,.35)}.sp-discard-btn:disabled{opacity:.5;cursor:not-allowed}.sp-save-btn-sm{display:inline-flex;align-items:center;gap:5px;background:#16a34a;border:none;color:var(--white)!important;padding:8px 18px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-save-btn-sm:hover:not(:disabled){filter:brightness(1.1)}.sp-save-btn-sm:disabled{opacity:.6;cursor:not-allowed}.sp-tag-active{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25);border-radius:12px;color:var(--success)}.sp-active-dot{width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sp-date-info-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.sp-date-info-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px}.sp-date-info-icon{color:var(--dimmed)}.sp-date-info-label{color:var(--dimmed);font-weight:500}.sp-date-info-value{color:var(--white-shade);font-weight:600}.sp-security-hint{display:flex;align-items:flex-start;gap:10px;background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.2);padding:16px;border-radius:8px;font-size:12px;color:var(--muted);line-height:1.5}.sp-notif-badge{background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;margin-left:8px;vertical-align:middle}.sp-mark-all-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--white-shade);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-mark-all-btn:hover{background:var(--surface2);color:var(--white)}.sp-notif-tabs{display:flex;gap:8px;margin-bottom:24px}.sp-notif-tab{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sp-notif-tab:hover{background:var(--surface)}.sp-notif-tab.active{background:var(--surface2);color:var(--gold);border-color:var(--gold-dim)}.sp-tab-count{background:rgba(255,255,255,.1);color:var(--white-shade);padding:2px 6px;border-radius:10px;font-size:10px}.sp-tab-count-unread{background:var(--danger);color:#fff}.sp-notif-feed{display:flex;flex-direction:column;gap:12px}.sp-notif-item{display:flex;gap:16px;padding:20px;border-radius:12px;border:1px solid;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sp-notif-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.sp-notif-icon-col{flex-shrink:0}.sp-notif-type-icon{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sp-notif-body-col{flex:1 1;display:flex;flex-direction:column;gap:6px}.sp-notif-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sp-notif-title{font-size:14px;font-weight:600;color:var(--white);margin:0}.sp-notif-time{font-size:11px;color:var(--dimmed);white-space:nowrap}.sp-notif-body{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.sp-notif-right-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.sp-notif-dot{width:8px;height:8px;border-radius:50%}.sp-notif-dismiss{background:transparent;border:none;color:var(--dimmed);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-top:auto}.sp-notif-dismiss:hover{background:rgba(255,255,255,.1);color:var(--white)}.user-row{transition:background .15s ease}.user-row:hover{background:var(--surface2)}.action-btn-hover{background:transparent;cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:1;transition:all .15s ease;font-size:11px;font-family:var(--font-sans);font-weight:500}.approve-btn,.restore-btn{color:var(--success);background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.15)}.restore-btn{padding-left:10px;padding-right:10px}.approve-btn:hover,.restore-btn:hover{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.3)}.reject-btn,.suspend-btn{color:var(--danger);background:rgba(248,113,113,.06);border:1px solid rgba(248,113,113,.15)}.reject-btn:hover,.suspend-btn:hover{color:var(--danger);background:rgba(248,113,113,.15);border-color:rgba(248,113,113,.3)}.reset-btn{color:var(--gold);background:rgba(232,184,75,.06);border:1px solid rgba(232,184,75,.15)}.reset-btn:hover{color:var(--gold);background:rgba(232,184,75,.15);border-color:rgba(232,184,75,.3)}.gqr-grid{display:grid;grid-template-columns:360px 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.gqr-grid{grid-template-columns:1fr}}.gqr-active-card,.gqr-empty-card,.gqr-form-card,.gqr-recent-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.gqr-form-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.gqr-expiry-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.gqr-expiry-btn{height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--white-shade);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.gqr-expiry-btn.active,.gqr-expiry-btn:hover{border-color:var(--gold);color:var(--gold)}.gqr-expiry-btn.active{background:rgba(232,184,75,.15)}.gqr-right-col{gap:20px}.gqr-active-card,.gqr-right-col{display:flex;flex-direction:column}.gqr-active-card{align-items:center;text-align:center;position:relative;background:linear-gradient(180deg,var(--surface),rgba(232,184,75,.04));border-color:rgba(232,184,75,.25)}.gqr-active-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;text-align:left}.gqr-active-title{font-size:17px;font-weight:700;color:var(--white);margin-top:2px}.gqr-active-sub{font-size:12px;color:var(--muted);margin-top:2px}.gqr-close-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.gqr-close-btn:hover{color:var(--white);border-color:var(--gold)}.gqr-qr-wrap{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.3);margin-bottom:16px}.gqr-code-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.gqr-code-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.gqr-code-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:4px;color:var(--gold);cursor:pointer;transition:all .15s ease}.gqr-code-pill:hover{border-color:var(--gold)}.gqr-countdown{display:inline-flex;align-items:center;gap:6px;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.3);color:var(--teal);padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600}.gqr-countdown.expired{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.3);color:var(--danger)}.gqr-active-hint{font-size:12px;color:var(--muted);line-height:1.5;margin-top:14px;max-width:320px}.gqr-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 22px}.gqr-empty-icon{width:60px;height:60px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:14px}.gqr-empty-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}.gqr-empty-sub{font-size:12.5px;color:var(--muted);max-width:280px;line-height:1.5}.gqr-recent-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.gqr-recent-title{font-size:13px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin:0}.gqr-recent-empty{text-align:center;font-size:12.5px;color:var(--muted);padding:20px 0}.gqr-recent-list{display:flex;flex-direction:column;gap:8px}.gqr-recent-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;transition:border-color .15s ease}.gqr-recent-row:hover{border-color:rgba(232,184,75,.3)}.gqr-recent-info{display:flex;flex-direction:column;flex:1 1;min-width:0}.gqr-recent-subject{font-size:13px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gqr-recent-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.gqr-recent-code{font-family:Courier New,monospace;color:var(--gold);letter-spacing:1px}.gqr-recent-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:99px;flex-shrink:0}.gqr-recent-pill.active{background:rgba(45,212,191,.1);color:var(--teal);border:1px solid rgba(45,212,191,.25)}.gqr-recent-pill.expired{background:rgba(136,136,136,.1);color:var(--muted);border:1px solid var(--border)}.gqr-recent-actions{display:flex;gap:4px;flex-shrink:0}.gqr-icon-btn{background:transparent;border:1px solid var(--border);border-radius:6px;width:28px;height:28px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.gqr-icon-btn:hover{color:var(--white);border-color:var(--gold)}.gqr-icon-btn.danger:hover{color:var(--danger);border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08)}.cal-month-nav{display:inline-flex;align-items:center;gap:8px}.cal-month-label{min-width:150px;text-align:center;font-size:13.5px;font-weight:700;color:var(--white);letter-spacing:-.01em}.cal-nav-btn,.cal-today-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;height:32px;padding:0 12px;color:var(--white-shade);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.cal-nav-btn{width:32px;padding:0;color:var(--muted)}.cal-nav-btn:hover,.cal-today-btn:hover{border-color:var(--gold);color:var(--gold)}.cal-grid-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;width:100%;box-sizing:border-box}.cal-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;margin-bottom:12px;width:100%;box-sizing:border-box}.cal-weekday{text-align:center;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;align-items:stretch;padding:0}.cal-cell,.cal-grid{box-sizing:border-box}.cal-cell{min-width:0;min-height:128px;background:var(--surface2);border:2px solid transparent;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;padding:14px;gap:10px;box-shadow:inset 0 0 0 1px var(--border)}.cal-cell:hover:not(:disabled){background:rgba(232,184,75,.05);box-shadow:inset 0 0 0 1px var(--gold)}.cal-cell:disabled{opacity:.35;cursor:not-allowed}.cal-cell.out{opacity:.45}.cal-cell.today{background:rgba(217,119,6,.05);box-shadow:inset 0 0 0 1px #b45309}.cal-cell.selected{border:2px solid var(--teal);box-shadow:0 4px 12px rgba(45,212,191,.15)}.cal-cell-header{justify-content:space-between}.cal-cell-header,.cal-cell-num{display:flex;align-items:baseline;width:100%}.cal-cell-num{flex-wrap:wrap;gap:5px}.cal-cell-day-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left}.cal-cell-date-label{font-size:13px;font-weight:500;color:var(--white-shade);text-align:left}.cal-cell-events{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:auto}.cal-cell-event-pill{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;padding:2px 6px;border-radius:4px;background:rgba(217,119,6,.08);color:#b45309;border:1px solid rgba(217,119,6,.15);box-sizing:border-box}.cal-cell-more{font-size:10px;color:var(--muted);font-weight:600}.sd-panels-row{display:flex;gap:16px;align-items:stretch;width:100%;box-sizing:border-box}.sd-panels-row>.cal-drawer,.sd-panels-row>.sd-event-panel{flex:1 1;min-width:0;margin-top:0;margin-bottom:0}.sd-panels-row>.cal-drawer{display:flex;flex-direction:column}.sd-panels-row>.cal-drawer .cal-drawer-list{flex:1 1}.sd-panels-row>.sd-event-panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;box-sizing:border-box}.sd-events-list-vertical{display:flex;flex-direction:column;gap:12px;flex:1 1}@media (max-width:768px){.sd-panels-row{flex-direction:column;gap:16px}.sd-panels-row>.cal-drawer,.sd-panels-row>.sd-event-panel{width:100%}}.cal-drawer{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:0;position:relative;box-sizing:border-box}.cal-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cal-drawer-title{font-size:16px;font-weight:700;color:var(--white);margin-top:2px}.cal-drawer-close{background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:absolute;top:12px;right:12px;box-sizing:border-box}.cal-drawer-close:hover{color:var(--white);border-color:var(--gold)}.cal-drawer-empty{text-align:center;padding:20px 0;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.cal-drawer-list{display:flex;flex-direction:column;gap:10px}.cal-event-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;box-sizing:border-box}.cal-event-name{font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px}.cal-event-desc{font-size:12.5px;color:var(--white-shade);margin-bottom:10px;line-height:1.5}.cal-event-meta-row{display:flex;flex-wrap:wrap;gap:14px}.cal-event-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);font-weight:500}.sd-page-wrapper{max-width:1100px;margin:0 auto;padding:24px 28px;overflow-x:hidden;box-sizing:border-box;width:100%}.upcoming-events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.single-upcoming-event{grid-column:1/-1;max-width:50%;margin:0 auto;width:100%}@media (max-width:1023px){.sd-page-wrapper{padding:16px}}@media (max-width:639px){.cal-grid-panel{padding:10px 8px}.cal-weekday-row{display:grid;grid-gap:2px;gap:2px;margin-bottom:4px}.cal-weekday{font-size:10px;padding:2px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;overflow-x:unset;scroll-snap-type:unset}.cal-cell{min-width:0;min-height:42px;padding:5px 3px;gap:3px;border-radius:6px}.cal-cell-num{font-size:11px;font-weight:600}.cal-cell-events{flex-direction:row;flex-wrap:wrap;gap:2px;margin-top:2px}.cal-cell-event-pill{width:5px;height:5px;min-width:5px;border-radius:50%;padding:0;font-size:0;text-indent:-9999px;overflow:hidden}.cal-cell-more{display:none}.upcoming-events-grid{grid-template-columns:1fr!important}.single-upcoming-event{max-width:100%}}.approve-btn:hover,.restore-btn:hover{color:var(--success);background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.15)}.reset-btn:hover{color:#60a5fa;background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.2)}.auth-page{--white-auth:#ffffff;--muted-auth:rgba(255,255,255,0.6);--dimmed-auth:rgba(255,255,255,0.4)}.auth-page .auth-header h2{color:#ffffff!important}.auth-page .auth-header p{color:rgba(255,255,255,.6)!important}.auth-page .input-group label{color:var(--gold)!important}.auth-page .input-field{color:#ffffff!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important}.auth-page .input-field:focus{border-color:var(--gold)!important;background:rgba(45,27,105,.4)!important}.auth-page .input-field::placeholder{color:rgba(255,255,255,.3)!important}.auth-page .role-btn{color:rgba(255,255,255,.6)!important}.auth-page .role-btn:hover{color:#ffffff!important}.auth-page .role-btn.active{color:#000000!important}.auth-page .auth-footer{color:rgba(255,255,255,.6)!important}.auth-page .btn-outline{color:#ffffff!important;border-color:rgba(255,255,255,.15)!important;background:rgba(88,40,200,.1)!important}.auth-page .btn-outline:hover{background:rgba(139,92,246,.25)!important;border-color:#a78bfa!important}.auth-page select.input-field option{background-color:#1a0b36!important;color:#ffffff!important}.auth-page select.input-field option:disabled{color:rgba(255,255,255,.3)!important}.sd-modal-backdrop{position:fixed;inset:0;background:rgba(8,4,22,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;padding:20px;z-index:1000;overflow-y:auto;animation:sdModalFade .18s ease-out}.sd-modal-backdrop:after,.sd-modal-backdrop:before{content:"";flex:1 1}.sd-modal-card{position:relative;width:100%;max-width:480px;background:linear-gradient(145deg,rgba(40,22,78,.95),rgba(20,10,42,.95));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px 32px 28px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 1px rgba(255,255,255,.08);animation:sdModalPop .2s cubic-bezier(.34,1.4,.64,1)}.sd-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--white-shade);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.sd-modal-close:hover:not(:disabled){background:rgba(255,255,255,.12);color:var(--white)}.sd-modal-close:disabled{opacity:.4;cursor:not-allowed}.sd-modal-header{text-align:center;margin-bottom:22px}.sd-modal-title{font-size:1.35rem;font-weight:700;color:var(--white);margin:0 0 8px}.sd-modal-sub{font-size:.88rem;color:var(--white-shade);line-height:1.5;margin:0}.sd-modal-form{display:flex;flex-direction:column;gap:16px}.sd-modal-error{display:flex;align-items:center;gap:8px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#fca5a5;font-size:.85rem;padding:10px 12px;border-radius:10px}.sd-modal-actions{display:flex;gap:12px;margin-top:8px}.sd-modal-btn{flex:1 1;padding:13px 18px!important;width:auto!important;font-size:.95rem}@keyframes sdModalFade{0%{opacity:0}to{opacity:1}}@keyframes sdModalPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.sd-modal-card{padding:30px 22px 22px;border-radius:16px}.sd-modal-actions{flex-direction:column}}.sd-skeleton{pointer-events:none}.sk-donut,.sk-event-card,.sk-icon,.sk-line,.sk-qr,.sk-quick-card{position:relative;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09) 50%,rgba(255,255,255,.04));background-size:200% 100%;border-radius:6px;overflow:hidden;animation:skShimmer 1.4s ease-in-out infinite}.sk-line{width:100%;display:block}.sk-line,.sk-line-sm{height:10px}.sk-line-md{height:14px}.sk-line-lg{height:22px;border-radius:8px}.sk-line-bar{height:4px;border-radius:999px}.sk-icon{width:36px;height:36px;border-radius:10px}.sk-donut{width:140px;height:140px;border-radius:50%}.sk-qr{width:160px;height:160px;border-radius:12px;margin:0 auto}.sk-event-card{height:110px;border-radius:14px}.sk-quick-card{height:60px;border-radius:12px}@keyframes skShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sk-donut,.sk-event-card,.sk-icon,.sk-line,.sk-qr,.sk-quick-card{animation:none}}@media (max-width:768px){.dash-header-right .dash-search{display:none!important}.stat-cards-row{grid-template-columns:1fr 1fr!important}.admin-stat-card>div[style]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.admin-stat-card>div[style]>div:last-child{max-width:100%!important;width:100%!important}.dash-content-grid{grid-template-columns:1fr!important}.facilitator-overview-page .sd-stat-tiles{grid-template-columns:1fr 1fr!important}.facilitator-overview-page .sd-bottom-row{grid-template-columns:1fr!important}.cal-grid-panel{padding:14px 12px!important}.cal-grid,.cal-weekday-row{gap:6px!important}.cal-weekday{font-size:10px!important;padding:4px 0!important}.cal-cell{min-height:auto!important;padding:8px 4px!important;gap:4px!important;border-radius:8px!important;flex:1 1!important}.cal-cell-day-label{font-size:11px!important}.cal-cell-date-label{font-size:9px!important}.cal-cell-event-pill,.cal-cell-more{display:none!important}.cal-cell.has-events .cal-cell-events{display:flex;justify-content:center;align-items:center;min-height:8px}.cal-cell.has-events .cal-cell-events:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#b45309;margin:0;flex-shrink:0}.sd-header .cal-month-nav{flex-wrap:wrap;gap:6px}.cal-month-label{min-width:120px!important;font-size:12px!important}.sp-profile-grid,.sp-three-col,.sp-two-col{grid-template-columns:1fr!important}.logout-card,.support-card,[class*=event-modal-card],[class*=modal-card],[class*=reports-modal]{max-width:min(92vw,480px)!important;margin:0!important}.sp-table-wrap,.table-wrap,[class$=-table-wrap],[class*=attendance-table-wrap]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.sd-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.sd-header-date{align-self:flex-start}.dash-notif-btn+div{width:min(280px,90vw)!important;right:0!important}}@media (max-width:480px){.facilitator-overview-page .sd-stat-tiles,.stat-cards-row{grid-template-columns:1fr!important}.main-content{padding:20px 14px 100px!important}.cal-cell{min-height:auto!important;padding:6px 3px!important}}@media (max-width:768px){.page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.page-header .header-actions{width:100%;flex-wrap:wrap}.event-row{flex-wrap:wrap!important;gap:12px!important;padding:14px!important}.event-row>div{width:auto!important}.event-row>div:first-child{flex:1 1 100%!important}.event-row>div:last-child{margin-left:auto}.modal-card form>div[style*=grid],.stats-grid{grid-template-columns:1fr 1fr!important}.content-grid,.students-grid{grid-template-columns:1fr!important}.search-bar-wrap{width:100%!important}.fade-in>div[style*="display: flex"][style*=space]>div[style*="flex: 1"]{min-width:45%}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.support-overlay{position:fixed;inset:0;z-index:9999;background:rgba(8,4,22,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:supportFadeIn .15s ease}@keyframes supportFadeIn{0%{opacity:0}to{opacity:1}}.support-card{background:linear-gradient(145deg,rgba(30,20,50,.98),rgba(15,10,30,.98));border:1px solid rgba(255,255,255,.12);border-radius:16px;width:100%;max-width:440px;padding:28px 28px 24px;position:relative;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,255,255,.08);animation:supportPop .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes supportPop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.support-x-btn{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.support-x-btn:hover{background:rgba(255,255,255,.12);color:#ffffff;border-color:rgba(255,255,255,.2)}.support-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding-right:28px}.support-icon-wrap{width:40px;height:40px;border-radius:10px;background:rgba(232,184,75,.08);border:1px solid rgba(232,184,75,.18);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-title{font-size:16px;font-weight:700;color:#ffffff;margin:0 0 3px;letter-spacing:-.01em}.support-desc{font-size:12.5px;color:rgba(255,255,255,.6);margin:0;line-height:1.4}.support-sender-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(232,184,75,.06);border:1px solid rgba(232,184,75,.15);border-radius:20px;padding:6px 12px;font-size:12px;color:rgba(255,255,255,.8);margin-bottom:20px}.support-sender-chip strong{color:var(--gold)}.support-form{gap:14px;margin-bottom:20px}.support-field,.support-form{display:flex;flex-direction:column}.support-field{gap:5px}.support-field-label{font-size:11px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em}.support-select{height:38px;padding:0 32px 0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#ffffff;font-size:13.5px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;width:100%;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:border-color .15s ease,box-shadow .15s ease}.support-select option{background-color:#1a0b36;color:#ffffff}.support-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.15)}.support-textarea{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#ffffff;font-size:13.5px;outline:none;resize:vertical;width:100%;line-height:1.5;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:border-color .15s ease,box-shadow .15s ease;min-height:100px}.support-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.15)}.support-textarea::placeholder{color:rgba(255,255,255,.35)}.support-footer{display:flex;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.support-cancel-btn{flex:1 1;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.support-cancel-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.support-send-btn{flex:2 1;height:40px;border-radius:8px;border:none;background:var(--gold);color:#000000;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:7px}.support-send-btn:hover{background:var(--gold2);box-shadow:0 0 15px rgba(232,184,75,.35)}.support-copy-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12px;color:rgba(255,255,255,.4)}.support-copy-link{background:none;border:none;color:var(--gold);font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.support-copy-link:hover{color:var(--gold2)}@media (max-width:480px){.support-card{padding:22px 20px 20px;border-radius:14px}.support-footer{flex-direction:column}}