@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif!important}:root{color:#060606;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffdf8;font-family:Outfit,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}:root{--brand-black:#2d2520;--brand-orange:#d87315;--brand-peach:#f6c29a;--brand-cream:#fff9f3;--brand-sand:#f7eadf;--brand-ink-soft:#554a42;--brand-line:#0606061f;--brand-shadow:0 24px 70px #2814081f;--font-display:"Outfit", sans-serif;--font-body:"Outfit", sans-serif;--nav-height:5.25rem;--nav-bg:#fcf9f8;--nav-border:#dcc1b0;--nav-shadow:0 1px 3px #0000000d}.app-shell{background:radial-gradient(circle at 0 0,#f3810c38,#0000 26%),radial-gradient(circle at 100% 100%,#f6c29a61,#0000 34%),linear-gradient(160deg,#fffdfb 0%,#fff8f2 40%,#f9eee4 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(20px);opacity:.45;border-radius:999px;width:30rem;height:30rem;position:absolute}.ambient-left{background:#f3810cb3;top:-7rem;left:-7rem}.ambient-right{background:#f6c29ae6;bottom:-9rem;right:-8rem}.layout{z-index:1;flex-direction:column;width:min(940px,100% - 1.2rem);height:100vh;margin:0 auto;padding:.2rem 0 .3rem;display:flex;position:relative;overflow:hidden}.topbar{z-index:8;min-height:var(--nav-height);border:1px solid var(--nav-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--nav-shadow);border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.9rem 1.1rem;display:flex;position:sticky;top:0}.topbar-compact{border-left:none;border-right:none;border-radius:0;min-height:3.65rem;margin-bottom:.2rem;padding:0 .55rem}.brand-lockup{flex:1;justify-content:flex-start;align-items:center;gap:.95rem;display:flex}.brand-lockup-compact{gap:0}.brand-logo{object-fit:contain;filter:drop-shadow(0 16px 34px #2814081f);width:4.5rem;height:auto}.brand-copy-compact{display:none}.topbar-compact .brand-logo{width:3.35rem}.topbar-compact .nav-logout-button{min-width:5rem;height:2.2rem;padding:0 .8rem;font-size:.82rem}.eyebrow,.panel-tag{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-orange);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:inline-flex}.topbar h1,.card h2,.info-panel h2,.task-card h3,.quiz-card h3,.certificate-copy h2,.form-card h3,.modal-card h3{font-family:var(--font-display);color:var(--brand-black);margin:0}.topbar h1{letter-spacing:.01em;max-width:18ch;margin-top:.25rem;font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:1.08}.hero-grid,.dashboard-stack{gap:1.25rem;display:grid}.hero-grid{grid-template-columns:1.08fr .92fr}.info-panel,.card{border:1px solid var(--brand-line);box-shadow:var(--brand-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border-radius:22px}.info-panel{padding:2rem}.info-panel p,.section-copy,.certificate-copy p,.status-card p,.blocked-card p,table,.option-card span,.game-card span,.status-note{color:var(--brand-ink-soft);font-family:var(--font-body)}.info-panel h2{margin:.75rem 0 1rem;font-size:2.15rem}.card{padding:.9rem}.layout>.card,.layout>.blocked-card{flex:1;min-height:0}.form-card{align-content:start;gap:.75rem;display:grid}.form-card h3{font-size:1.48rem}.credentials-card,.credentials-list,.status-chip-group,.submission-box,.button-row,.quiz-options,.form-grid,.game-grid,.option-grid{gap:.7rem;display:grid}.credentials-card,.credentials-list{margin-top:.85rem}.credentials-card div,.credentials-list div,.status-chip,.score-pill{background:linear-gradient(#f6c29a4d,#fff9f3cc);border:1px solid #f3810c29;border-radius:16px;padding:.8rem .9rem}.credentials-card strong,.credentials-list strong,.option-card strong,.game-card strong,th{color:var(--brand-black);font-family:var(--font-body);display:block}.credentials-card span,.credentials-list span{color:#060606b8;font-family:var(--font-body);margin-top:.35rem;display:block}label{color:var(--brand-black);font-family:var(--font-body);gap:.45rem;font-weight:600;display:grid}input{box-sizing:border-box;width:100%;font:inherit;color:var(--brand-black);background:#fffffff5;border:1px solid #06060624;border-radius:16px;padding:.95rem 1rem}input:focus{border-color:#f3810c8c;outline:2px solid #f3810c47}button{font:inherit;cursor:pointer}.primary-button,.ghost-button,.option-card,.game-card{border-radius:18px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.primary-button:hover,.ghost-button:hover,.option-card:hover,.game-card:hover{transform:translateY(-2px)}.primary-button{color:#fff;font-family:var(--font-body);background:linear-gradient(135deg,#0a0a0a,#2f2f2f);border:none;padding:.95rem 1.4rem;font-weight:700;box-shadow:0 12px 24px #0606062e}.primary-button.secondary{color:#111;background:linear-gradient(135deg,#f3810c,#f5a055)}.ghost-button{color:var(--brand-black);font-family:var(--font-body);white-space:nowrap;background:#ffffffbd;border:1px solid #0606062e;padding:.9rem 1.25rem;font-weight:700}.option-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.option-card,.game-card{text-align:left;background:linear-gradient(#fffffff0,#faefe4f0);border:1px solid #0606061a;padding:1.4rem}.option-card:hover,.game-card:hover{border-color:#f3810c61;box-shadow:0 14px 28px #f3810c1f}.option-card strong,.game-card strong{margin-bottom:.65rem;font-size:1.15rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}.status-card{justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.status-card h2{margin:.45rem 0;font-size:2rem}.status-chip{font-family:var(--font-body);font-weight:700}.status-chip.open{color:var(--brand-black);background:#f6c29a61}.status-chip.blocked{color:#8a4300;background:#f3810c29}.table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #06060614;padding:.9rem .8rem}td{font-family:var(--font-body)}.empty-row{text-align:center;padding:2rem}.game-screen,.quiz-screen{text-align:center}.wheel-stage{width:min(25rem,100%);margin:2rem auto 1.5rem;position:relative}.wheel-pointer{border-left:16px solid #0000;border-right:16px solid #0000;border-top:28px solid var(--brand-black);z-index:2;width:0;height:0;position:absolute;top:-.2rem;left:50%;transform:translate(-50%)}.wheel{border:14px solid var(--brand-black);border-radius:50%;width:25rem;max-width:100%;height:25rem;max-height:25rem;margin:0 auto;transition:transform 4.4s cubic-bezier(.2,.9,.24,1);position:relative;overflow:hidden;box-shadow:0 18px 40px #28140838}.wheel-segment{transform-origin:100% 100%;width:50%;height:50%;position:absolute;top:0;left:0}.wheel-segment span{width:7rem;font-family:var(--font-body);color:#fff;font-size:.9rem;font-weight:700;position:absolute;top:67%;left:56%}.task-card,.quiz-card{text-align:left;background:#ffffffeb;border:1px solid #06060614;border-radius:24px;margin-top:1.35rem;padding:1.25rem}.submission-box{margin-top:1.15rem}.upload-box{background:#fff9f3f2;border:1px dashed #f3810c66;border-radius:18px;padding:1rem}.upload-box input{margin-top:.7rem}.upload-preview{gap:.8rem;display:grid}.upload-preview strong{font-family:var(--font-body);color:var(--brand-black)}.upload-preview img,.upload-preview video,.certificate-canvas{border:1px solid #0606061a;border-radius:18px;width:100%}.quiz-list{gap:1rem;margin:1.5rem 0;display:grid}.option-line{font-family:var(--font-body);align-items:center;gap:.65rem;font-weight:500;display:flex}.option-line input{width:auto}.certificate-screen{flex-direction:column;align-items:stretch;gap:.2rem;padding:1.9rem 2.1rem 2rem;display:flex;overflow:hidden}.certificate-page-main{box-sizing:border-box;max-width:1180px;height:100vh;margin:0 auto;padding:5.45rem 1rem .6rem;overflow:hidden}.certificate-copy{text-align:center;justify-items:center;gap:.2rem;display:grid}.certificate-title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.certificate-copy h2{color:#2c2622;max-width:54rem;margin:0;font-size:1.32rem;font-weight:500;line-height:1.72}.certificate-copy p{margin:0;font-size:.88rem;line-height:1.35}.score-pill{width:fit-content;color:var(--brand-black);font-family:var(--font-body);margin-top:0;font-weight:700}.button-row{grid-template-columns:repeat(3,max-content);align-items:center;gap:1rem;margin-top:1rem}.certificate-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:-1rem;display:flex}.blocked-card{text-align:center;align-content:center;gap:.6rem;display:grid}.certificate-canvas{object-fit:contain;width:100%;max-height:62vh}.certificate-canvas-hidden{display:none}.certificate-action-button{min-width:12.75rem;height:3.7rem;box-shadow:none;border:1px solid #dcc1b0;border-radius:1.25rem;padding:0 1.35rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.certificate-action-dark{color:#fff;background:#1f1f1f;border-color:#1f1f1f}.certificate-action-orange{color:#1c1b1b;background:#ff9718;border-color:#ff9718}.certificate-action-light{color:#2d2520;background:#fff;border-color:#dcc1b0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{z-index:100;background:#0606067a;place-items:center;padding:1rem;animation:.5s cubic-bezier(.4,0,.2,1) forwards modalFadeIn;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:320px;padding:1.5rem;animation:.5s cubic-bezier(.4,0,.2,1) forwards modalScaleIn;position:relative;box-shadow:0 18px 45px #0000002e}.modal-card-media{width:min(46rem,100%)}.modal-card p{font-family:var(--font-body);color:var(--brand-ink-soft)}.modal-media-shell{background:#fff;border:1px solid #dcc1b0e6;border-radius:12px;place-items:center;height:400px;max-height:60vh;margin:1rem 0 1.2rem;display:grid;overflow:hidden}.modal-media-preview{object-fit:contain;width:100%;height:100%}@media (width<=900px){.hero-grid,.form-grid,.option-grid,.game-grid,.status-card,.certificate-screen{grid-template-columns:1fr}.status-card{display:grid}.button-row{grid-template-columns:1fr}.wheel{width:20rem;height:20rem}}@media (width<=640px){.layout{width:min(100% - 1rem,1180px);padding-top:1rem}.topbar,.brand-lockup{flex-direction:column;align-items:flex-start}.brand-logo{width:4rem}.card,.info-panel{border-radius:22px;padding:1.2rem}.wheel{width:17rem;height:17rem}.wheel-segment span{width:5.4rem;font-size:.72rem}}.app-shell.login-page-mode{background:#fcfaf7;justify-content:center;align-items:center;height:100vh;padding:.7rem .85rem;display:flex;position:relative;overflow:hidden}.login-page-mode .admin-portal-shell{background:0 0!important}.admin-portal-shell:has(.admin-auth-page){background:0 0!important}.admin-auth-page{background:0 0!important}.admin-auth-page:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0;opacity:.35!important;z-index:0!important;width:100%!important;height:100%!important;min-width:unset!important;min-height:unset!important;background-image:url(/assets/eye-q%20bg-BJgzZqvh.png)!important;background-position:50%!important;background-size:cover!important;border-radius:0!important;top:0!important;left:0!important}.admin-auth-page:after{display:none!important}.admin-auth-page>*{z-index:1;position:relative}.admin-login-card{-webkit-backdrop-filter:blur(24px)!important;background:#fff3!important;border:1px solid #fffc!important;box-shadow:0 12px 40px #00000026,inset 0 0 0 1px #ffffff80!important}.login-tabs-container,.admin-login-field input,select#pharmacistCountry{background:#fff9!important;border:1px solid #00000026!important;box-shadow:inset 0 2px 4px #0000000d!important}.login-page-mode .layout{width:100%;max-width:440px;height:100%;margin:0 auto;padding:0;overflow:hidden}.login-header-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.login-logo-box{background:#fff;border:1px solid #d873151a;border-radius:8px;flex-direction:column;align-items:center;margin-bottom:.7rem;padding:.5rem;display:inline-flex;box-shadow:0 4px 12px #28140808}.login-logo-box img{object-fit:contain;width:auto;height:2.82rem}.login-title{color:#b0550c;letter-spacing:-.01em;margin:0 0 .2rem;font-family:Outfit,sans-serif;font-size:1.42rem;font-weight:600}.login-subtitle{color:#665a52;letter-spacing:.02em;margin:0;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400}.login-card{background:#fff;border:1px solid #d873151f;border-radius:14px;padding:1.35rem 1.25rem;box-shadow:0 1px 3px #00000005,0 12px 36px #d873150d}.login-card h2{color:#1a1512;margin:0 0 .2rem;font-family:Outfit,sans-serif;font-size:1.18rem;font-weight:600}.login-card-subtitle{color:#6e655f;margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:.8rem}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-field-group{flex-direction:column;gap:.3rem;display:flex}.login-field-header{justify-content:space-between;align-items:center;display:flex}.login-field-label{color:#2b231e;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600}.login-field-link{color:#b0550c;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:500;text-decoration:none}.login-field-link:hover{text-decoration:underline}.login-input-relative{align-items:center;display:flex;position:relative}.login-input-icon-left{color:#a3958c;justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.login-input-field{color:#1a1512;background:#fff;border:1px solid #e0d7d0;border-radius:8px;outline:none;width:100%;padding:.68rem .9rem .68rem 2.55rem;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.login-input-field::placeholder{color:#b5aba4}.login-input-field:focus{border-color:#d87315;box-shadow:0 0 0 3px #d873151f}.login-input-icon-right-btn{color:#a3958c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.login-input-icon-right-btn:hover{color:#d87315}.login-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;margin-top:.1rem;display:flex}.login-checkbox{appearance:none;cursor:pointer;background:#fff;border:1px solid #c2b6ae;border-radius:4px;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;margin:0;padding:0;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.login-checkbox:checked{background-color:#fff;border-color:#d87315}.login-checkbox:checked:after{content:"";border:2px solid #d87315;border-width:0 2px 2px 0;width:.3rem;height:.55rem;display:block;position:absolute;top:1px;transform:rotate(45deg)}.login-checkbox-text{color:#554a42;font-family:Outfit,sans-serif;font-size:.8rem}.login-btn-primary{color:#fff;cursor:pointer;background:#934b00;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.1rem;padding:.74rem 1.1rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #934b0026}.login-btn-primary:hover{background:#7a3e00;box-shadow:0 6px 16px #934b0038}.login-btn-primary:active{transform:translateY(0)}.login-divider-row{text-align:center;align-items:center;margin:.95rem 0;display:flex}.login-divider-line{background-color:#eedcd0;flex:1;height:1px}.login-divider-text{color:#8c7e75;letter-spacing:.05em;text-transform:uppercase;padding:0 .75rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600}.login-btn-sso{color:#2b231e;cursor:pointer;background:#f2eae4;border:1px solid #d873150f;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.72rem 1.1rem;font-family:Outfit,sans-serif;font-size:.86rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}.login-btn-sso:hover{background:#ebdcd3}.microsoft-icon-grid{grid-template-columns:repeat(2,7px);gap:2px;width:16px;height:16px;display:grid}.microsoft-square{width:7px;height:7px}.microsoft-orange{background-color:#f25022}.microsoft-green{background-color:#7fba00}.microsoft-blue{background-color:#00a4ef}.microsoft-yellow{background-color:#ffb900}.login-footer-nav{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin-top:.9rem;display:flex}.login-footer-links{justify-content:center;gap:1.25rem;display:flex}.login-footer-link{color:#554a42;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.login-footer-link:hover{color:#d87315;text-decoration:underline}.login-copyright-text{color:#8c7e75;margin:0;font-family:Outfit,sans-serif;font-size:.78rem}.login-tabs-container{border-bottom:2px solid #eedcd0;margin-bottom:1rem;display:flex}.login-tab-button{color:#8c7e75;cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.62rem 0;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:color .2s;position:relative}.login-tab-button:hover,.login-tab-button.active{color:#b0550c}.login-tab-button.active:after{content:"";background-color:#b0550c;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.quiz-theme-page{background:#fcf9f8;height:100vh;overflow:hidden}.quiz-theme-wrapper{box-sizing:border-box;text-align:left;flex-direction:column;gap:.55rem;max-width:1120px;min-height:calc(100vh - .1rem);margin:0 auto;padding:5.2rem 1rem .6rem;display:flex}.quiz-theme-wrapper-intro{flex-direction:column;justify-content:space-between;gap:.85rem;width:100%;max-width:980px;height:100vh;min-height:100vh;margin:0 auto;padding:5.85rem 1rem .45rem;display:flex;overflow:hidden}.quiz-theme-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.quiz-theme-subtitle{color:#b06613;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:500;display:inline-block}.quiz-theme-title{color:#111826;margin:.4rem 0 0;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;line-height:1.02}.quiz-theme-timer{color:#3a2f27;align-items:baseline;gap:.35rem;font-size:.92rem;display:flex}.quiz-theme-timer-label{font-weight:500}.quiz-theme-timer-value{color:#b06613;font-size:1.12rem;font-weight:700}.quiz-theme-progress-bg{background:#e7e2de;border-radius:999px;width:100%;height:.6rem;overflow:hidden}.quiz-theme-progress-bar{border-radius:inherit;background:#a75f06;height:100%;transition:width .5s}.quiz-theme-body{grid-template-columns:minmax(0,1.32fr) minmax(15rem,.62fr);align-items:start;gap:.75rem;width:100%;max-width:860px;min-height:0;margin:0 auto;display:grid}.quiz-theme-content{gap:.7rem;min-height:0;display:grid}.quiz-theme-question-card{background:#fff;border:1px solid #e2c3ae;border-radius:.9rem;align-items:center;min-height:9.4rem;padding:1.1rem 1.25rem;display:flex}.quiz-theme-question-text{color:#111826;margin:0;font-size:clamp(1.05rem,1.8vw,1.38rem);font-weight:700;line-height:1.35}.quiz-theme-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .75rem;display:grid}.quiz-theme-option-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2c3ae;border-radius:.85rem;align-items:center;gap:.85rem;width:100%;min-height:4.8rem;padding:.85rem .95rem;transition:border-color .2s,background-color .2s;display:flex}.quiz-theme-option-button:hover{background:#fffaf6;border-color:#cf9a72;transform:none}.quiz-theme-option-button.selected{background:#fff5ec;border-color:#b06613}.quiz-theme-option-letter{color:#2c2a29;background:#efebe8;border-radius:.35rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.88rem;font-weight:700;display:flex}.quiz-theme-option-button.selected .quiz-theme-option-letter{color:#8f530d;background:#f4dcc5}.quiz-theme-option-text{color:#111826;font-size:.9rem;font-weight:500;line-height:1.28}.quiz-theme-sidebar{gap:.8rem;display:grid}.quiz-theme-image-card{background:#fff;border:1px solid #e2c3ae;border-radius:.85rem;overflow:hidden}.quiz-theme-image-card img{object-fit:cover;width:100%;height:14.6rem}.quiz-theme-fact-card{text-align:left;background:#f3e5da;border:1px solid #e2c3ae;border-radius:.85rem;padding:.85rem .9rem}.quiz-theme-fact-header{color:#111826;align-items:center;gap:.45rem;font-size:.88rem;font-weight:500;display:flex}.quiz-theme-fact-header .material-symbols-outlined{font-size:1rem}.quiz-theme-fact-text{color:#2d2520;margin:.4rem 0 0;font-size:.84rem;line-height:1.28}.quiz-theme-footer{background:#fcf9f8;border-top:1px solid #ead8cb;justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;padding-top:.45rem;display:flex}.quiz-theme-btn-prev{color:#3a2f27;cursor:pointer;z-index:4;background:0 0;border:none;align-items:center;gap:.35rem;padding:.4rem .2rem;font-size:.88rem;font-weight:500;display:inline-flex;position:relative}.quiz-theme-btn-prev .material-symbols-outlined{font-size:1.15rem}.quiz-theme-btn-prev:hover{background:0 0}.quiz-theme-btn-actions{align-items:center;gap:.7rem;display:flex}.quiz-theme-btn-save{color:#b06613;cursor:pointer;z-index:4;background:#fff;border:1px solid #c47a25;border-radius:.9rem;min-width:9rem;padding:.72rem 1.15rem;font-size:.88rem;font-weight:500;position:relative}.quiz-theme-btn-save:hover{background:#fff;transform:none}.quiz-theme-btn-next{color:#fff;cursor:pointer;min-width:12.8rem;box-shadow:none;z-index:4;background:#934b00;border:none;border-radius:.9rem;justify-content:center;align-items:center;gap:.45rem;padding:.78rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-flex;position:relative}.quiz-theme-btn-next .material-symbols-outlined{font-size:1.12rem}.quiz-theme-btn-next:hover:not(:disabled){opacity:1;transform:none}.quiz-theme-btn-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=960px){.quiz-theme-wrapper{padding:5.4rem 1rem 1rem}.quiz-theme-header,.quiz-theme-footer{flex-direction:column;align-items:flex-start}.quiz-theme-body{grid-template-columns:1fr}}@media (width<=700px){.quiz-theme-options-grid{grid-template-columns:1fr}.quiz-theme-btn-actions{flex-direction:column;width:100%}.quiz-theme-btn-save,.quiz-theme-btn-next{width:100%}}.app-shell.engagement-dashboard-shell{color:#1c1b1b;background:#fcf9f8;min-height:100vh;overflow:hidden auto}.dashboard-layout{width:100%;min-height:100vh}.engagement-dashboard{--ed-primary:#934b00;--ed-on-primary:#fff;--ed-surface:#fcf9f8;--ed-surface-container-low:#f6f3f2;--ed-surface-container-lowest:#fff;--ed-surface-container:#f0edec;--ed-surface-container-high:#ebe7e7;--ed-surface-variant:#e5e2e1;--ed-outline-variant:#dcc1b0;--ed-primary-fixed:#ffdcc5;--ed-primary-fixed-variant:#703700;--ed-secondary-container:#fdc6a3;--ed-on-secondary-container:#785135;--ed-on-surface:#1c1b1b;--ed-on-surface-variant:#564336;--ed-tertiary:#655d56;--ed-shadow-sm:0 1px 3px #0000000d;--ed-shadow-lg:0 18px 40px #934b001f;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow:visible}.engagement-dashboard .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.engagement-dashboard .material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.engagement-topbar{z-index:50;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.engagement-brand{align-items:center;display:inline-flex}.engagement-brand img{width:auto;height:4.4rem}.engagement-topbar-actions{align-items:center;gap:.75rem;display:flex}.profile-summary-avatar{color:#934b00;background:linear-gradient(#ffdcc5 0%,#ffd2b0 100%);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-summary-card{background:#fffdfa;border:1px solid #dcc1b0e6;border-radius:.95rem;align-items:center;gap:.7rem;min-width:12.75rem;padding:.6rem .8rem;display:flex;box-shadow:0 8px 18px #3c1c0012}.profile-summary-avatar{flex:none;width:2.55rem;height:2.55rem;font-size:.9rem}.profile-summary-content{flex-direction:column;gap:.16rem;min-width:0;display:flex}.profile-summary-content strong,.profile-summary-content span{display:block}.profile-summary-content strong{color:var(--ed-on-surface);font-size:.92rem;font-weight:700;line-height:1.1rem}.profile-summary-content span{color:var(--ed-on-surface-variant);font-size:.78rem;line-height:.96rem}.nav-logout-button{border:1px solid var(--nav-border);min-width:6.5rem;height:3.85rem;color:var(--ed-on-surface);background:#fff;border-radius:.95rem;justify-content:center;align-items:center;padding:0 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;line-height:1.25rem;display:inline-flex}.engagement-content{min-height:calc(100vh - var(--nav-height));box-sizing:border-box;flex-direction:column;max-width:1260px;margin-left:auto;margin-right:auto;padding:5.1rem 5rem 4rem;display:flex;overflow:hidden visible}.engagement-welcome{margin-bottom:.35rem}.engagement-welcome h1{color:#1c1b1b;margin:0 0 .25rem;font-size:1.35rem;font-weight:700;line-height:1.8rem}.engagement-welcome p{color:var(--ed-on-surface-variant);margin:0;font-size:.875rem;line-height:1.25rem}.engagement-zone{flex-direction:column;flex:1;gap:1.5rem;margin-bottom:0;display:flex}.engagement-insights{gap:.5rem;margin-bottom:.5rem;display:grid}.engagement-insights-head h3{color:var(--ed-primary);align-items:center;gap:.5rem;margin:0;font-size:1.08rem;font-weight:700;line-height:1.4rem;display:flex}.engagement-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem;display:grid}.engagement-analysis-grid{grid-template-columns:minmax(15rem,.95fr) minmax(0,2.05fr);align-items:stretch;gap:1rem;display:grid}.engagement-dashboard-grid,.engagement-performance-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);align-items:stretch;gap:1rem;margin-top:.55rem;display:grid}.engagement-dashboard-grid.engagement-dashboard-grid-rules-only,.engagement-dashboard-grid-rules-only .engagement-rules-list{grid-template-columns:1fr}.engagement-left-column-card{border:1px solid var(--ed-outline-variant);background:linear-gradient(#fffdfa 0%,#fff 100%);border-radius:.95rem;align-content:start;gap:0;display:grid;overflow:hidden;box-shadow:0 8px 22px #934b000f}.engagement-kpi-card,.engagement-country-card,.engagement-chart-card,.engagement-rules-card,.engagement-leaderboard-card,.engagement-performance-card,.engagement-history-card{border:1px solid var(--ed-outline-variant);background:var(--ed-surface-container-lowest);border-radius:.95rem;box-shadow:0 8px 22px #934b000f}.engagement-kpi-card{background:linear-gradient(#fffdfa 0%,#fff7f0 100%);gap:.2rem;padding:.55rem .9rem;display:grid}.engagement-kpi-card span{color:var(--ed-on-surface-variant);letter-spacing:.01em;font-size:.74rem;font-weight:600;line-height:1rem}.engagement-kpi-card strong{color:var(--ed-primary);font-size:1.42rem;font-weight:700;line-height:1.56rem}.engagement-kpi-card em{color:#1d7d46;font-size:.72rem;font-style:normal;font-weight:700;line-height:.94rem}.engagement-country-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.engagement-chart-card{background:radial-gradient(circle at 100% 0,#fdc6a32e,#0000 34%),linear-gradient(#fffdfa 0%,#fff9f5 100%);gap:.6rem;padding:.75rem 1rem;display:grid}.engagement-rules-card,.engagement-leaderboard-card,.engagement-performance-card,.engagement-history-card{background:linear-gradient(#fffdfa 0%,#fff 100%);gap:1rem;min-height:18rem;padding:1.2rem;display:grid}.engagement-left-section{gap:.4rem;min-height:0;padding:.5rem 1rem;display:grid}.engagement-left-section+.engagement-left-section{border-top:1px solid #dcc1b0bf}.engagement-left-section-ranking{background:linear-gradient(#fff7f0b3 0%,#fff0 100%)}.engagement-section-head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.engagement-section-head h4{color:var(--ed-on-surface);align-items:center;gap:.45rem;margin:0;font-size:.98rem;font-weight:700;line-height:1.2rem;display:inline-flex}.engagement-section-head span{color:var(--ed-on-surface-variant);font-size:.7rem;font-weight:600;line-height:.9rem}.engagement-rules-list,.engagement-leaderboard-list,.engagement-history-list{align-content:start;gap:.8rem;display:grid}.engagement-left-section-history{min-height:0}.engagement-history-list{min-height:0;max-height:7.9rem;padding-right:.2rem;overflow-y:auto}.engagement-history-list::-webkit-scrollbar{width:.42rem}.engagement-history-list::-webkit-scrollbar-thumb{background:#dcc1b0f2;border-radius:999px}.engagement-rules-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem;margin:0;padding:0;list-style:none}.engagement-rules-list li{color:var(--ed-on-surface-variant);grid-template-columns:1.15rem 1fr;align-items:start;gap:.55rem;font-size:.82rem;line-height:1.28rem;display:grid}.engagement-rules-list .material-symbols-outlined{color:var(--ed-primary);margin-top:.08rem;font-size:1rem}.engagement-leaderboard-item,.engagement-history-item{background:#fff8f2;border:1px solid #dcc1b0bf;border-radius:.85rem;align-items:center;gap:.8rem;padding:.95rem 1rem;display:grid}.engagement-leaderboard-item{grid-template-columns:auto 1fr auto}.engagement-leaderboard-rank{width:2rem;height:2rem;color:var(--ed-primary);background:linear-gradient(#ffdcc5 0%,#fdc6a3 100%);border-radius:999px;justify-content:center;align-items:center;font-size:.86rem;font-weight:800;display:inline-flex}.engagement-leaderboard-copy strong,.engagement-history-item strong{color:var(--ed-on-surface);font-size:.84rem;font-weight:700;line-height:1.05rem;display:block}.engagement-leaderboard-copy span,.engagement-history-item p,.engagement-history-item span{color:var(--ed-on-surface-variant);font-size:.72rem;line-height:1rem}.engagement-history-item p{margin:.2rem 0 0}.engagement-leaderboard-score{text-align:right}.engagement-leaderboard-score strong{color:var(--ed-primary);font-size:1rem;font-weight:800;line-height:1.1rem;display:block}.engagement-leaderboard-score span{color:var(--ed-on-surface-variant);font-size:.68rem;font-weight:700;line-height:.88rem}.engagement-ranking-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.engagement-ranking-pill{background:linear-gradient(#fff7f0 0%,#fff 100%);border:1px solid #dcc1b0bf;border-radius:.85rem;padding:1rem .95rem}.engagement-ranking-pill label{color:var(--ed-on-surface-variant);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.22rem;font-size:.68rem;font-weight:700;line-height:.88rem;display:block}.engagement-ranking-pill strong{color:var(--ed-on-surface);font-size:.9rem;font-weight:800;line-height:1.14rem}.engagement-history-item{grid-template-columns:1fr auto}.engagement-empty-state{color:var(--ed-on-surface-variant);background:#fffaf7;border:1px dashed #dcc1b0e6;border-radius:.85rem;padding:.95rem 1rem;font-size:.78rem;line-height:1.12rem}.engagement-chart-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.engagement-chart-head h4{color:var(--ed-on-surface);margin:0;font-size:1.02rem;font-weight:700;line-height:1.24rem}.engagement-chart-head span{color:var(--ed-on-surface-variant);font-size:.7rem;font-weight:600;line-height:.9rem}.engagement-chart-body{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.engagement-pie-chart{border-radius:50%;place-items:center;width:9.8rem;height:9.8rem;margin:0;display:grid;box-shadow:inset 0 0 0 1px #0000000a,0 10px 24px #934b0014}.engagement-pie-core{text-align:center;background:#fffaf7;border-radius:50%;place-items:center;width:4.7rem;height:4.7rem;display:grid;box-shadow:0 2px 10px #28140814}.engagement-pie-core strong{color:var(--ed-on-surface);font-size:.75rem;font-weight:700;line-height:.94rem}.engagement-pie-core span{color:var(--ed-primary);font-size:.68rem;font-weight:600;line-height:.86rem}.engagement-pie-legend{gap:.66rem;display:grid}.engagement-pie-legend-item{grid-template-columns:.7rem 1fr;align-items:start;gap:.55rem;display:grid}.engagement-pie-swatch{border-radius:999px;width:.7rem;height:.7rem;margin-top:.15rem}.engagement-pie-legend-item strong{color:var(--ed-on-surface);font-size:.78rem;font-weight:700;line-height:.96rem;display:block}.engagement-pie-legend-item span{color:var(--ed-on-surface-variant);margin-top:.08rem;font-size:.68rem;line-height:.86rem;display:block}.engagement-country-card{background:linear-gradient(#fffdfa 0%,#fff 100%);gap:.78rem;padding:1.05rem 1.05rem .95rem;display:grid}.engagement-country-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.engagement-country-top h4{color:var(--ed-on-surface);margin:0;font-size:.95rem;font-weight:700;line-height:1.12rem}.engagement-country-top span{color:#1d7d46;background:#1d7d4614;border-radius:999px;padding:.18rem .42rem;font-size:.68rem;font-weight:700;line-height:.86rem}.engagement-country-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;display:grid}.engagement-country-stats label{color:var(--ed-on-surface-variant);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.08rem;font-size:.64rem;font-weight:600;line-height:.8rem;display:block}.engagement-country-stats strong{color:var(--ed-on-surface);font-size:.88rem;font-weight:700;line-height:1.04rem}.engagement-country-bar{background:var(--ed-surface-variant);border-radius:999px;width:100%;height:.46rem;overflow:hidden}.engagement-country-bar div{border-radius:inherit;background:linear-gradient(90deg,#934b00 0%,#fdc6a3 100%);height:100%}.engagement-country-card p{color:var(--ed-on-surface-variant);margin:0;font-size:.68rem;font-weight:500;line-height:.88rem}.engagement-zone-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.engagement-zone-head h3{color:var(--ed-primary);align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:600;line-height:1.2rem;display:flex}.engagement-insights-head-main{flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.engagement-insights-head-main h3{justify-content:center;font-size:1.34rem;font-weight:700;line-height:1.62rem}.engagement-insights-head-main .engagement-link-button{border:1px solid var(--ed-outline-variant);background:#fff7f0;border-radius:999px;align-self:center;padding:.14rem .55rem;font-size:.76rem;line-height:1rem;transform:none}.engagement-link-button{color:var(--ed-primary);background:0 0;border:none;font-size:.875rem;font-weight:600;line-height:1.25rem}.engagement-link-button:hover{text-decoration:underline}.engagement-games-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;margin-bottom:0;display:grid}.engagement-card{text-align:left;border:1px solid var(--ed-outline-variant);background:var(--ed-surface-container-lowest);box-shadow:var(--ed-shadow-sm);color:var(--ed-on-surface);border-radius:.75rem;min-height:0}.engagement-game-card{height:auto;min-height:0;max-height:none;padding:.9rem 1.2rem .85rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.engagement-card-content{text-align:left;box-sizing:border-box;flex-direction:column;align-items:start;gap:.55rem;width:100%;height:100%;min-height:0;padding:0;display:flex}.engagement-card-feature{height:100%}.engagement-feature-icon{width:2.4rem;height:2.4rem;color:var(--ed-primary);background:linear-gradient(#ffdcc5 0%,#ffd2b0 100%);border-radius:.65rem;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffffd9}.engagement-feature-icon .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;font-size:1.15rem}.engagement-card-spin h4,.engagement-card-task h4,.engagement-card-quiz h4,.engagement-card-rewards h4{color:var(--ed-on-surface);margin:0;font-size:1.08rem;font-weight:700;line-height:1.28rem}.engagement-card-spin p,.engagement-card-task p,.engagement-card-quiz p,.engagement-card-rewards p{color:var(--ed-on-surface-variant);max-width:19rem;margin:0;font-size:.85rem;line-height:1.42rem}.engagement-primary-cta,.engagement-reward-button{border-radius:.75rem;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;line-height:1.08rem;display:inline-flex}.engagement-primary-cta{color:var(--ed-primary);box-shadow:none;background:0 0;padding:0}.engagement-card-spin .engagement-primary-cta,.engagement-card-task .engagement-primary-cta,.engagement-card-quiz .engagement-primary-cta{align-self:start;margin-top:auto;margin-bottom:0}.engagement-card-spin:hover,.engagement-card-task:hover,.engagement-card-quiz:hover{border-color:var(--ed-primary);transform:translateY(-2px);box-shadow:0 14px 28px #934b001a}.engagement-mobile-nav{z-index:50;background:var(--ed-surface);border-top:1px solid var(--ed-outline-variant);border-radius:.75rem .75rem 0 0;justify-content:space-around;align-items:center;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px #00000014}@media (width<=1080px){.engagement-analysis-grid,.engagement-dashboard-grid,.engagement-performance-grid,.engagement-kpi-row,.engagement-country-grid,.engagement-games-row{grid-template-columns:1fr}}.engagement-mobile-link{color:var(--ed-on-surface-variant);background:0 0;border:none;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;display:flex}.engagement-mobile-link.active{color:#512600;background:#e87e1b}@keyframes engagement-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.engagement-dashboard,.spin-theme-page,.fun-theme-page,.quiz-theme-page,.user-history-page,.certificate-theme-page{animation:.5s cubic-bezier(.4,0,.2,1) forwards pageFade}@media (width>=768px){.engagement-topbar{padding:0 3rem}.engagement-content{padding:6.35rem 6rem 4rem}.engagement-welcome h1{font-size:1.5rem;line-height:1.9rem}.engagement-games-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.engagement-dashboard-grid,.engagement-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engagement-card-spin{flex-direction:column;align-items:center}.engagement-mobile-nav{display:none}}@media (width<=767px){.engagement-ranking-summary,.engagement-dashboard-grid,.engagement-performance-grid,.engagement-leaderboard-item,.engagement-history-item{grid-template-columns:1fr}.engagement-leaderboard-score{text-align:left}}.spin-theme-shell{background:#fcf9f8;height:100vh;overflow:hidden}.spin-theme-page{background:#fcf9f8;height:100vh}.spin-theme-topnav{z-index:50;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.spin-theme-topnav-brand,.spin-theme-topnav-links,.spin-theme-topnav-actions,.spin-theme-sidebar-links button,.spin-theme-sidebar-footer button{align-items:center;display:flex}.spin-theme-topnav-brand{gap:.75rem}.spin-theme-topnav-brand img{width:auto;height:4.4rem}.spin-theme-topnav-actions{align-items:center;gap:.75rem;display:flex}.spin-theme-main{flex-direction:column;max-width:1280px;height:100vh;margin:0 auto;padding:5.45rem 1rem .5rem;display:flex;overflow:hidden}.spin-theme-header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.8rem;display:flex}.spin-theme-back{margin-bottom:0}.spin-theme-header h1,.spin-theme-challenge-head h3,.spin-theme-winners-card h4{color:#1c1b1b;margin:0;font-family:Inter,sans-serif}.spin-theme-header h1{font-size:clamp(1.35rem,2vw,1.85rem);font-weight:700;line-height:1.15}.spin-theme-header p,.spin-theme-challenge-copy,.spin-theme-task-box p,.spin-upload-box p,.spin-upload-box span,.spin-upload-checklist span,.spin-theme-wheel-actions p{color:#564336;margin:0;font-family:Inter,sans-serif}.spin-theme-header p{max-width:42rem;font-size:.8rem;line-height:1.2}.spin-theme-tokens{color:#785135;background:#fdc6a3;border:1px solid #dcc1b0;border-radius:999px;align-items:center;gap:.75rem;width:fit-content;padding:.5rem .8rem;font-weight:600;display:inline-flex}.spin-theme-grid{flex:1;align-items:stretch;gap:.65rem;display:grid}.spin-theme-wheel-panel,.spin-theme-challenge-card{background:#fff;border:1px solid #dcc1b0;border-radius:1rem;position:relative;box-shadow:0 1px 3px #0000000d}.spin-theme-wheel-panel{background:#f6f3f2;flex-direction:column;justify-content:center;align-items:center;min-height:23rem;padding:.85rem .95rem;display:flex;overflow:hidden}.spin-theme-orb{opacity:.3;filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.spin-theme-orb-right{background:#e87e1b;width:16rem;height:16rem;top:-1rem;right:-2rem}.spin-theme-orb-left{background:#fdc6a3;width:22rem;height:22rem;bottom:-5rem;left:-4rem}.spin-theme-wheel-shell{z-index:1;aspect-ratio:1;justify-content:center;align-items:center;width:min(100%,21.5rem);display:flex;position:relative}.spin-theme-pointer{z-index:3;color:#934b00;position:absolute;top:-1.55rem;left:50%;transform:translate(-50%)}.spin-theme-pointer .material-symbols-outlined{font-size:3.15rem}.spin-theme-wheel{background:#fcf9f8;border:8px solid #e87e1b;border-radius:50%;width:100%;height:100%;transition:transform 4s cubic-bezier(.15,0,.15,1);position:relative;overflow:hidden;box-shadow:0 25px 40px #00000029}.spin-theme-wheel-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-22.5deg)}.spin-theme-wheel-icons{color:#934b00;font-weight:700;position:absolute;inset:0}.spin-theme-wheel-icons .material-symbols-outlined{position:absolute}.spin-theme-wheel-number{color:#934b00;background:#fcf9f8eb;border:2px solid #934b00;border-radius:999px;place-items:center;min-width:1.65rem;height:1.65rem;font-size:.82rem;font-weight:800;line-height:1;display:grid;position:absolute;box-shadow:0 4px 10px #934b0024}.spin-theme-wheel-icons .icon-top{top:15%;left:50%;transform:translate(-50%)}.spin-theme-wheel-icons .icon-top-right{top:25%;right:20%;transform:rotate(45deg)}.spin-theme-wheel-icons .icon-right{top:50%;right:12%;transform:translateY(-50%)rotate(90deg)}.spin-theme-wheel-icons .icon-bottom-right{bottom:25%;right:20%;transform:rotate(135deg)}.spin-theme-wheel-icons .icon-bottom{bottom:15%;left:50%;transform:translate(-50%)rotate(180deg)}.spin-theme-wheel-icons .icon-bottom-left{bottom:25%;left:20%;transform:rotate(-135deg)}.spin-theme-wheel-icons .icon-left{top:50%;left:12%;transform:translateY(-50%)rotate(-90deg)}.spin-theme-wheel-icons .icon-top-left{top:25%;left:20%;transform:rotate(-45deg)}.spin-theme-wheel-hub{z-index:2;background:#fcf9f8;border:4px solid #934b00;border-radius:50%;place-items:center;width:4.9rem;height:4.9rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 25px #0000001f}.spin-theme-wheel-hub img{object-fit:contain;width:3rem;height:3rem}.spin-theme-wheel-actions{z-index:1;flex-direction:column;align-items:center;gap:.45rem;margin-top:.55rem;display:flex;position:relative}.spin-theme-spin-button{color:#fff;background:#934b00;border:none;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 18px 28px #934b0038}.fun-theme-roll-button{color:#fff;cursor:pointer;background:#934b00;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px #934b0040}.fun-theme-roll-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.fun-theme-roll-button .material-symbols-outlined{font-size:1.1rem}.spin-theme-wheel-actions p{align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;display:inline-flex}.spin-theme-side-panel{align-content:stretch;gap:.65rem;display:grid}.spin-theme-challenge-card{flex-direction:column;height:100%;padding:.9rem;display:flex}.spin-theme-challenge-head{align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.spin-theme-badge-icon{color:#934b00;background:#ece0d8;border-radius:.75rem;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;display:inline-flex}.spin-theme-challenge-copy{margin-bottom:.55rem;font-size:.76rem;line-height:1.22}.spin-theme-challenge-copy strong{color:#934b00}.spin-theme-task-box{background:#f6f3f2;border:1px solid #dcc1b0;border-radius:.75rem;margin-bottom:.55rem;padding:.65rem}.spin-theme-task-label{color:#934b00;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.78rem;font-weight:700;display:inline-block}.spin-upload-stack{flex:1;align-content:stretch;gap:.55rem;height:100%;display:grid}.spin-upload-box{text-align:center;cursor:pointer;background:#fcf9f8;border:2px dashed #dcc1b0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;height:14rem;min-height:14rem;max-height:14rem;padding:.7rem;display:flex;position:relative;overflow:hidden}.spin-upload-box input{opacity:0;cursor:pointer;z-index:0;position:absolute;inset:0}.spin-upload-box>:not(input){z-index:1;position:relative}.spin-upload-box .material-symbols-outlined{color:#897364;font-size:1.4rem}.spin-upload-box p{color:#1c1b1b;font-size:.76rem;font-weight:600}.spin-upload-box span{font-size:.68rem}.spin-upload-preview{gap:.45rem;width:100%;max-height:100%;display:grid;overflow:hidden}.spin-upload-preview-inline{text-align:center;justify-items:center;width:100%}.spin-upload-preview strong{color:#1c1b1b}.spin-upload-filemeta{color:#564336;gap:.2rem;font-size:.78rem;display:grid}.spin-upload-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.spin-preview-button,.spin-remove-button{color:#785135;background:#fff;border:1px solid #dcc1b0;border-radius:999px;justify-self:center;width:fit-content;padding:.35rem .75rem;font-size:.76rem;font-weight:600}.spin-preview-button{background:#fff7f0}.spin-upload-preview img,.spin-upload-preview video{object-fit:cover;border:1px solid #dcc1b0;border-radius:.75rem;width:100%;max-width:20rem;max-height:5.2rem}.spin-submit-button{color:#785135;background:#fdc6a3;border:none;border-radius:999px;align-self:center;width:auto;min-width:13rem;margin-top:auto;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.spin-submit-button-ready{color:#fff;background:#934b00;box-shadow:0 18px 28px #934b0038}.spin-upload-notice{color:#934b00;text-align:center;margin:0;font-size:.72rem;font-weight:600}.spin-theme-footer-action{justify-content:center;gap:.95rem;padding:.6rem 0 .1rem;display:flex}.spin-theme-footer-action .spin-theme-back{min-width:16rem}@media (width>=1024px){.spin-theme-topnav{padding:0 3rem}.spin-theme-header{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center}.spin-theme-main{padding:5.75rem 2rem .5rem}.spin-theme-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}}.fun-theme-shell{background:#fcf9f8;min-height:100vh}.fun-theme-page{background:#fcf9f8;flex-direction:column;min-height:100vh;display:flex}.fun-theme-main{flex-direction:column;gap:.85rem;width:100%;max-width:980px;height:100vh;margin:0 auto;padding:5.35rem 1rem .45rem;display:flex;overflow:hidden}.fun-theme-task-card,.fun-theme-upload-card{background:#fff;border:1px solid #dcc1b0;border-radius:.85rem;flex-direction:column;padding:.95rem;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.fun-theme-task-card{text-align:center;align-items:center}.fun-theme-task-card-intro{padding:1.65rem 1.4rem 1.2rem}.fun-theme-task-watermark{color:#56433629;gap:.2rem;display:flex;position:absolute;top:.75rem;right:.75rem;transform:rotate(28deg)}.fun-theme-task-watermark .material-symbols-outlined{font-size:3.2rem}.fun-theme-activity-badge{color:#934b00;background:#ffdcc5;border-radius:999px;align-self:center;align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.fun-theme-task-card h1,.fun-theme-upload-head h2{color:#934b00;margin:.62rem 0 .5rem;font-family:Inter,sans-serif}.fun-theme-task-card h1{text-align:center;justify-self:center;max-width:42rem;font-size:clamp(1.55rem,2.2vw,2.25rem);font-weight:700;line-height:1.1}.fun-theme-task-card p,.fun-theme-guidelines span,.fun-upload-box p,.fun-upload-box span{color:#564336;font-family:Inter,sans-serif}.fun-theme-task-card p{max-width:52rem;margin:0;font-size:.88rem;line-height:1.38}.fun-theme-reveal-button{min-height:auto;margin-top:0;padding-inline:1.1rem;font-size:.88rem}.fun-theme-task-card-intro .fun-theme-activity-badge{padding:.42rem .95rem;font-size:.82rem}.fun-theme-task-card-intro h1{max-width:50rem;margin:1rem 0 .8rem;font-size:clamp(1.95rem,2.8vw,3rem);line-height:1.14}.fun-theme-task-card-intro p{max-width:60rem;font-size:1rem;line-height:1.58}.fun-theme-task-card-intro .fun-theme-reveal-button{width:min(100%,28rem);min-height:3.45rem;margin-top:1rem;font-size:.98rem}.quiz-theme-intro-card{justify-content:flex-start;width:100%;max-width:none;min-height:auto;margin:0;padding:1.65rem 1.4rem 1.2rem}.quiz-theme-intro-card .fun-theme-activity-badge{padding:.42rem .95rem;font-size:.82rem}.quiz-theme-intro-card h1{max-width:50rem;margin:1rem 0 .8rem;font-size:clamp(1.95rem,2.8vw,3rem);line-height:1.14}.quiz-theme-intro-card p{max-width:60rem;font-size:1rem;line-height:1.58}.quiz-theme-intro-card .fun-theme-reveal-button{width:min(100%,28rem);min-height:3.45rem;margin-top:1rem;font-size:.98rem}.quiz-theme-footer-intro{background:0 0;border-top:none;justify-content:center;gap:1rem;margin-top:auto;padding-top:.1rem}.quiz-theme-footer-intro .spin-theme-back{min-width:16rem}.fun-theme-meta-row{flex-wrap:wrap;gap:.65rem;margin-top:.75rem;display:flex}.fun-theme-meta-pill{color:#934b00;background:#f2efee;border-radius:.35rem;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.88rem;font-weight:700;display:inline-flex}.fun-theme-meta-pill .material-symbols-outlined{font-size:1.05rem}.fun-theme-upload-head{text-align:center;justify-content:center;align-items:center;gap:.65rem;margin-bottom:.55rem;display:flex}.fun-theme-upload-head .material-symbols-outlined{color:#934b00}.fun-theme-upload-head h2{color:#1c1b1b;margin:0;font-size:1.55rem;font-weight:700}.fun-upload-stack{flex:1;align-content:start;gap:.55rem;min-height:100%;display:grid}.fun-upload-box{text-align:center;cursor:pointer;background:#fff;border:1px dashed #e3b495;border-radius:.75rem;place-content:center;place-items:center;gap:.55rem;height:13.5rem;min-height:13.5rem;max-height:13.5rem;padding:.85rem;display:grid;position:relative;overflow:hidden}.fun-upload-box input{opacity:0;cursor:pointer;z-index:0;position:absolute;inset:0}.fun-upload-box>:not(input){z-index:1;position:relative}.fun-upload-box .material-symbols-outlined{color:#934b00;background:#f2efee;border-radius:.75rem;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.fun-upload-box p{color:#1c1b1b;text-align:center;width:100%;margin:0;font-size:.92rem;font-weight:700}.fun-upload-box span{text-align:center;margin-top:.2rem;font-size:.8rem;display:block}.fun-upload-box>div{text-align:center;justify-items:center;gap:.2rem;display:grid}.fun-upload-browse{background:#934b00;border-radius:.75rem;width:fit-content;padding:.62rem 1.2rem;font-weight:700;color:#fff!important;margin-top:.35rem!important}.fun-upload-preview{text-align:center;background:#fffaf7;border:1px solid #e3b495;border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;max-height:100%;padding:.42rem .7rem;display:flex;overflow:hidden}.fun-upload-preview-inline{background:0 0;border:none;width:100%;padding:0}.fun-upload-preview strong{color:#1c1b1b;text-align:center;line-height:1.1}.fun-upload-preview img,.fun-upload-preview video{object-fit:cover;border:1px solid #e3b495;border-radius:.75rem;width:100%;max-width:20rem;max-height:5.2rem}.fun-upload-filemeta{color:#564336;text-align:center;align-items:center;gap:.6rem;font-size:.72rem;display:flex}.fun-upload-preview .spin-remove-button,.fun-upload-preview .spin-preview-button{padding:.24rem .62rem;font-size:.7rem;line-height:1.1}.fun-theme-guidelines{flex-wrap:wrap;justify-content:space-between;gap:.55rem;margin-top:.45rem;display:flex}.fun-theme-guidelines span{align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.fun-theme-guidelines .material-symbols-outlined{color:#934b00;font-size:1rem}.fun-upload-stack .spin-submit-button,.fun-theme-main .spin-theme-footer-action{margin-top:auto}@media (width>=1024px){.fun-theme-main{padding:5.65rem 2rem .45rem}}@media (width<=767px){:root{--nav-height:6.35rem}.spin-theme-page,.quiz-theme-page,.fun-theme-page,.spin-theme-shell,.fun-theme-shell{height:auto;min-height:100vh;overflow:hidden auto}.spin-theme-topnav,.engagement-topbar{height:auto;min-height:var(--nav-height);align-items:center;gap:.85rem;padding:.8rem .9rem}.spin-theme-topnav-brand img,.engagement-brand img{height:3.4rem}.spin-theme-topnav-actions,.engagement-topbar-actions{justify-content:flex-end;align-items:center;gap:.7rem;width:auto}.profile-summary-card{flex:auto;min-width:0;padding:.55rem .72rem}.profile-summary-avatar{width:2.25rem;height:2.25rem;font-size:.82rem}.profile-summary-content strong{font-size:.84rem;line-height:1rem}.profile-summary-content span{font-size:.72rem;line-height:.9rem}.nav-logout-button{min-width:5.35rem;height:3.35rem;padding:0 .95rem;font-size:.86rem}.spin-theme-main,.fun-theme-main,.certificate-page-main{height:auto;min-height:100vh;padding:calc(var(--nav-height) + .85rem) .9rem 1.1rem;overflow:visible}.quiz-theme-wrapper,.quiz-theme-wrapper-intro{height:auto;min-height:auto;padding:calc(var(--nav-height) + .85rem) .9rem 1.15rem;gap:.9rem;overflow:visible}.spin-theme-grid,.quiz-theme-body,.engagement-analysis-grid,.engagement-dashboard-grid,.engagement-performance-grid,.engagement-games-row,.engagement-kpi-row,.engagement-country-grid{grid-template-columns:1fr}.spin-theme-wheel-panel{min-height:19.5rem;padding:.8rem}.spin-theme-wheel-shell{width:min(100%,16.75rem)}.spin-theme-wheel-hub{width:4.1rem;height:4.1rem}.spin-theme-wheel-hub img{width:2.45rem;height:2.45rem}.spin-theme-pointer{top:-1.25rem}.spin-theme-pointer .material-symbols-outlined{font-size:2.6rem}.spin-theme-challenge-card,.fun-theme-upload-card,.fun-theme-task-card,.quiz-theme-question-card,.quiz-theme-fact-card,.quiz-theme-image-card,.quiz-theme-content,.engagement-rules-card,.engagement-leaderboard-card,.engagement-history-card,.engagement-performance-card,.engagement-country-card,.engagement-chart-card,.engagement-kpi-card{min-height:0}.spin-upload-preview img,.spin-upload-preview video,.fun-upload-preview img,.fun-upload-preview video{max-width:100%;max-height:9.5rem}.spin-upload-actions,.certificate-actions,.spin-theme-footer-action,.quiz-theme-btn-actions,.fun-theme-guidelines{flex-direction:column;align-items:stretch}.spin-theme-footer-action,.certificate-actions{gap:.75rem}.spin-theme-footer-action .spin-theme-back,.quiz-theme-footer-intro .spin-theme-back,.certificate-action-button,.quiz-theme-intro-card .fun-theme-reveal-button,.fun-theme-task-card-intro .fun-theme-reveal-button,.spin-submit-button,.quiz-theme-btn-next,.quiz-theme-btn-prev{width:100%;min-width:0}.fun-theme-task-card-intro,.quiz-theme-intro-card{padding:1.3rem 1rem 1rem}.fun-theme-task-card-intro h1,.quiz-theme-intro-card h1{max-width:100%;font-size:clamp(1.6rem,7vw,2.15rem);line-height:1.2}.fun-theme-task-card-intro p,.quiz-theme-intro-card p{max-width:100%;font-size:.92rem;line-height:1.5}.quiz-theme-header{align-items:flex-start;gap:.65rem}.quiz-theme-title{font-size:clamp(1.35rem,6vw,1.9rem);line-height:1.18}.quiz-theme-footer{flex-direction:column;align-items:stretch}.quiz-theme-btn-actions{flex-direction:column;order:-1;align-items:stretch;display:flex}.quiz-theme-option-button{padding:.9rem}.quiz-theme-option-text{text-align:left}.certificate-screen{gap:1.15rem;padding:1.25rem 1rem 1.35rem}.certificate-copy{gap:.7rem}.certificate-copy h2{max-width:100%;font-size:1.06rem;line-height:1.6}.certificate-copy p{margin-top:0;font-size:.84rem;line-height:1.45}.engagement-content{padding:calc(var(--nav-height) + .85rem) .9rem 1.1rem}.engagement-mobile-nav{display:none}.engagement-section-head{border-bottom:1px solid #dcc1b099;justify-content:start;align-items:start;gap:.32rem;width:100%;margin-bottom:.15rem;padding-bottom:.6rem;display:grid}.engagement-section-head h4{justify-self:start;font-size:1.02rem;line-height:1.28rem}.engagement-section-head span{width:auto;padding-left:1.48rem;font-size:.72rem;line-height:.96rem}.engagement-left-section,.engagement-leaderboard-card{gap:.85rem}.engagement-history-list{max-height:8.4rem}.engagement-leaderboard-item,.engagement-history-item{padding:.8rem .85rem}}@media (width>=1081px){.pharmacist-rules-card-adjust{grid-column:span 3}.engagement-field-insights-grid{grid-template-columns:minmax(18rem,1fr) minmax(0,1.5fr);align-items:stretch;gap:1rem;display:grid}.engagement-kpi-grid-2x2{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}}.ghost-button.spin-theme-back,.fun-theme-reveal-button,.fun-theme-roll-button,.quiz-theme-btn-next,.certificate-action-orange,.certificate-action-light{color:#fff!important;background:#934b00!important;border-color:#934b00!important;box-shadow:0 4px 10px #934b0040!important}.ghost-button.spin-theme-back:hover,.fun-theme-reveal-button:hover,.fun-theme-roll-button:hover,.quiz-theme-btn-next:hover,.certificate-action-orange:hover,.certificate-action-light:hover{background-color:#7a3e00!important;border-color:#7a3e00!important}.quiz-theme-btn-next .material-symbols-outlined{color:#fff!important}.no-scroll-dashboard{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.nav-logout-button,.login-btn-primary,.engagement-link-button,.engagement-primary-cta,.spin-theme-spin-button,.ghost-button,.fun-theme-reveal-button,.fun-theme-roll-button,.quiz-theme-btn-next,.quiz-theme-btn-prev,.certificate-action-button,.spin-submit-button,.spin-preview-button,.spin-remove-button,.quiz-theme-option-button,.profile-summary-card{border-radius:8px!important}.modal-card-celebration{text-align:center;position:relative;overflow:visible;border:3px solid var(--admin-brand)!important;background:#fcf9f8!important;padding-top:3.5rem!important;box-shadow:0 20px 50px #d8731540,inset 0 0 0 4px #fffc!important}.celebration-icon-wrapper{background:var(--admin-brand);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.8s cubic-bezier(.2,.8,.2,1) forwards professionalPopIn;display:inline-flex;position:absolute;top:-40px;left:calc(50% - 40px);box-shadow:0 10px 25px #d8731566,inset 0 2px 4px #fff6}@keyframes professionalPopIn{0%{opacity:0;transform:scale(.5);box-shadow:0 0 #d8731500}70%{transform:scale(1.1);box-shadow:0 0 0 20px #d873151a}to{opacity:1;transform:scale(1);box-shadow:0 10px 25px #d8731566}}.celebration-icon{color:#fff;animation:.6s cubic-bezier(.2,.8,.2,1) .3s both checkDraw;font-size:44px!important}@keyframes checkDraw{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.celebration-title{color:var(--admin-brand);opacity:0;margin-bottom:.75rem;font-weight:800;animation:.6s cubic-bezier(.2,.8,.2,1) .2s forwards smoothFadeUp;font-size:1.8rem!important}@keyframes magicalReveal{0%{opacity:0;transform:scale(.5)translateY(10px)}50%{opacity:1;text-shadow:0 0 20px #934b0066;transform:scale(1.1)}to{opacity:1;text-shadow:0 0 8px #934b0033;transform:scale(1)translateY(0)}}@keyframes backgroundGlow{0%{background:#fff}50%{background:linear-gradient(135deg,#fffaf5,#fff0e1);box-shadow:inset 0 0 20px #934b0026}to{background:#fffcf8;box-shadow:inset 0 0 10px #934b000d}}.fun-task-reveal-container{border-radius:12px;animation:1.2s ease-out forwards backgroundGlow}.fun-task-reveal-text{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards magicalReveal;color:#934b00!important;font-size:1.8rem!important;font-weight:800!important}.celebration-message{color:#64748b;opacity:0;margin-bottom:2rem;font-size:1.1rem;line-height:1.6;animation:.6s cubic-bezier(.2,.8,.2,1) .3s forwards smoothFadeUp}@keyframes smoothFadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.celebration-close-btn{opacity:0;justify-content:center;width:100%;animation:.6s cubic-bezier(.2,.8,.2,1) .4s forwards smoothFadeUp;background:var(--admin-brand)!important;color:#fff!important;border:none!important;padding:.85rem!important;font-size:1.05rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 15px #d873154d!important}.celebration-close-btn:hover{transform:translateY(-2px);background:#934b00!important;box-shadow:0 8px 25px #d8731566!important}.admin-style-profile.profile-summary-card{cursor:default;box-shadow:none!important;background:0 0!important;border:none!important;gap:12px!important;min-width:auto!important;padding:0!important}.admin-style-content.profile-summary-content{text-align:right;gap:0!important}.admin-style-content strong{color:#111827!important;font-size:14px!important;font-weight:600!important}.admin-style-content span{color:#4b5563!important;font-size:12px!important}.admin-style-avatar.profile-summary-avatar{color:#6b7280!important;background:#e5e7eb!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;display:flex!important}.admin-style-avatar .material-symbols-outlined{font-size:20px!important}.admin-profile-dropdown{opacity:0;visibility:hidden;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;margin-top:8px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a}.admin-profile-dropdown button{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}@media (width<=1024px){.login-card{flex-direction:column!important;max-width:500px!important}.login-visual{min-height:200px;border-radius:20px 20px 0 0!important;width:100%!important}.login-form-container{width:100%!important}}@media (width<=768px){.app-layout,.app-container,.dashboard-layout,.layout,.app-shell,.engagement-dashboard-shell{width:100%!important;height:auto!important;min-height:100vh!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:hidden auto!important}.engagement-content{padding:calc(var(--nav-height) + 1rem) 1rem 2rem!important}.top-nav{border-radius:0!important;width:100%!important;padding:1rem!important}.dashboard-grid,.quiz-game-layout{grid-template-columns:1fr!important}.quiz-question-section{padding:2rem!important}.fun-upload-stack{max-width:100%!important}.modal-card{width:95vw!important;padding:24px!important}.weekly-status-grid{align-items:center;flex-direction:column!important}}.dashboard-top-grid{grid-template-columns:minmax(0,2fr) minmax(0,.85fr);align-items:stretch;gap:16px;display:grid}.dashboard-rules-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dashboard-stats-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=1024px){.dashboard-top-grid{grid-template-columns:1fr}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-rules-grid{grid-template-columns:1fr}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-summary-content{display:none}}:root{--admin-brand:#934b00;--admin-brand-hover:#7a3e00;--admin-bg:#f8f9fb;--admin-surface:#fff;--admin-text:#1f2937;--admin-text-secondary:#6b7280;--admin-border:#e5e7eb;--admin-error:#ef4444;--admin-sidebar-active-bg:#eef2f6;--admin-sidebar-text:#4b5563}*{box-sizing:border-box}body{background:var(--admin-bg);color:var(--admin-text);margin:0;padding:0;font-family:Outfit,sans-serif}.admin-portal-shell{z-index:50;background:var(--admin-bg);color:var(--admin-text);font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.admin-auth-page{background:linear-gradient(135deg,#f8f9fb 0%,#fff7ed 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.admin-auth-page:before{content:"";z-index:0;background:radial-gradient(circle,#934b000f 0%,#0000 70%);border-radius:50%;width:60vw;min-width:600px;height:60vw;min-height:600px;position:absolute;top:-20%;left:-20%}.admin-auth-page:after{content:"";z-index:0;background:radial-gradient(circle,#ea580c0a 0%,#0000 70%);border-radius:50%;width:70vw;min-width:700px;height:70vw;min-height:700px;position:absolute;bottom:-30%;right:-20%}.admin-login-card{z-index:1;background:var(--admin-surface);text-align:center;border-radius:24px;flex-direction:column;gap:16px;width:min(400px,90vw);padding:32px 40px;display:flex;position:relative;box-shadow:0 10px 25px #0000000d}.admin-login-card img{object-fit:contain;width:auto;height:78px;margin:0 auto}.admin-login-card .admin-eyebrow{margin-bottom:-16px}.admin-login-card h1{color:var(--admin-text);margin:0;font-size:26px;font-weight:700}.admin-login-desc{color:var(--admin-text-secondary);margin:0 0 8px;font-size:14px;line-height:1.5}.admin-login-form{text-align:left;flex-direction:column;gap:16px;display:flex}.admin-login-field{flex-direction:column;gap:8px;display:flex}.admin-login-field label{color:var(--admin-text);font-size:13px;font-weight:600}.admin-login-field input{border:1px solid var(--admin-border);background:var(--admin-bg);width:100%;color:var(--admin-text);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .2s}.admin-login-field input:focus{border-color:var(--admin-brand);background:var(--admin-surface);box-shadow:0 0 0 3px #934b001a}@keyframes adminTabFadeSlide{0%{opacity:0}to{opacity:1}}.admin-password-wrapper{align-items:center;width:100%;display:flex;position:relative}.admin-password-wrapper input{padding-right:48px}.admin-password-wrapper input::-ms-reveal{display:none}.admin-password-wrapper input::-ms-clear{display:none}.admin-password-toggle{color:var(--admin-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px;transition:color .2s;position:absolute;right:14px}.admin-password-toggle:hover{color:var(--admin-text)}.admin-login-btn{background:var(--admin-brand);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s}.admin-login-btn:hover{background:var(--admin-brand-hover)}.admin-shell{background:var(--admin-bg);width:100%;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:var(--admin-surface);border-right:1px solid var(--admin-border);flex-direction:column;flex-shrink:0;width:260px;padding:24px 0;display:flex}.admin-sidebar img{object-fit:contain;width:auto;height:70px;margin:0 auto 32px;display:block}.admin-sidebar nav{flex-direction:column;gap:4px;display:flex}.admin-sidebar nav button{width:100%;min-height:48px;color:var(--admin-sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar nav button:hover{background:#f9fafb}.admin-sidebar nav button.active{background:var(--admin-sidebar-active-bg);color:var(--admin-text);border-left:4px solid var(--admin-brand);font-weight:600}.admin-sidebar .material-symbols-outlined{color:#9ca3af;font-size:20px}.admin-sidebar nav button.active .material-symbols-outlined{color:var(--admin-brand)}.admin-main-wrapper{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.admin-topbar{background:var(--admin-surface);border-bottom:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.admin-topbar-left{align-items:center;display:flex}.admin-topbar-title{color:var(--admin-text);font-size:18px;font-weight:600}.admin-topbar-right{align-items:center;gap:24px;display:flex}.admin-bell-icon{color:var(--admin-text-secondary);cursor:pointer}.admin-profile-menu{display:inline-block;position:relative}.admin-profile-trigger{cursor:pointer;align-items:center;gap:12px;display:flex}.admin-profile-info{text-align:right;flex-direction:column;display:flex}.admin-profile-name{color:var(--admin-text);font-size:14px;font-weight:600}.admin-profile-role{color:var(--admin-text-secondary);font-size:12px}.admin-profile-avatar{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-profile-dropdown{background:var(--admin-surface);border:1px solid var(--admin-border);opacity:0;visibility:hidden;z-index:10;border-radius:8px;min-width:160px;margin-top:8px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a}.admin-profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.admin-profile-dropdown button{text-align:left;width:100%;color:var(--admin-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}.admin-profile-dropdown button:hover{background:#f3f4f6}.admin-content{flex-direction:column;flex-grow:1;gap:16px;padding:24px 80px 24px 32px;display:flex;overflow-y:auto}.admin-page-header{margin-bottom:8px}.admin-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--admin-brand);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.admin-page-header h1{color:var(--admin-text);margin:0;font-size:28px;font-weight:700}.dashboard-bento-grid{grid-template-columns:repeat(12,1fr);gap:10px;max-width:1100px;margin:0;display:grid}.bento-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;flex-direction:column;min-width:0;padding:10px 14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000008}.bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.bento-card.total-users,.bento-card.field-users,.bento-card.pharmacists{grid-column:span 4}.bento-card.game-distribution{grid-column:span 7}.bento-card.score-analysis{grid-column:span 5}@media (width<=1024px){.bento-card.total-users,.bento-card.field-users,.bento-card.pharmacists{grid-column:span 6}.bento-card.game-distribution,.bento-card.score-analysis{grid-column:span 12}}@media (width<=768px){.bento-card{grid-column:span 12!important}}.bento-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.bento-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bento-icon .material-symbols-outlined{font-size:18px}.bento-title{color:var(--admin-text);margin:0 0 12px;font-size:15px;font-weight:700}.bento-game-list{flex-direction:column;flex:1;gap:8px;display:flex}.bento-game-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:8px;transition:background .2s;display:flex}.bento-game-item:hover{background:#f3f4f6}.bento-game-stat{flex-direction:column;align-items:flex-end;display:flex}.bento-stat-number{color:var(--admin-text);font-size:20px;font-weight:700;line-height:1}.bento-stat-label{color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px}.bento-score-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.bento-score-box{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.bento-score-icon{width:40px;height:40px;color:var(--admin-brand);background:#fff3e0;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.bento-score-title{color:var(--admin-text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.bento-score-value{color:var(--admin-text);font-size:32px;font-weight:800}.bento-score-value.highlight{color:var(--admin-brand)}.admin-panel-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.admin-panel{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.admin-panel-wide{grid-column:1/-1}.admin-panel h2{color:var(--admin-text);margin:0 0 24px;font-size:18px;font-weight:600}.admin-form{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-user-form{align-items:flex-end}.admin-form input,.admin-form select,.admin-form button,.question-form input,.question-form button,.admin-panel>select{font-family:inherit;font-size:14px}.admin-form input,.admin-form select,.admin-panel>select{border:1px solid var(--admin-border);background:var(--admin-surface);min-width:200px;color:var(--admin-text);border-radius:8px;outline:none;flex:1;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.admin-panel>select{flex:none;width:max-content;min-width:240px;margin-bottom:12px}.admin-form input:focus,.admin-form select:focus,.admin-panel>select:focus{border-color:var(--admin-brand);box-shadow:0 0 0 3px #934b001a}.admin-form button,.question-form button{background:var(--admin-brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.admin-form button:hover,.question-form button:hover{background:var(--admin-brand-hover)}.admin-form-error{color:var(--admin-error);font-size:14px;font-weight:500}.admin-status-message{margin-bottom:16px;display:block}.admin-table-scroller{flex-grow:1;overflow-x:auto}.admin-table-header{text-transform:uppercase;letter-spacing:.05em;color:var(--admin-text-secondary);border-bottom:1px solid var(--admin-border);gap:16px;padding:8px 16px;font-size:12px;font-weight:600;display:grid}.admin-table-users-header,.admin-table-users-body .admin-row{grid-template-columns:60px 1.5fr 1fr 1.5fr 1fr 1fr 160px}.admin-table-task-header,.admin-task-row{grid-template-columns:60px 2fr 150px 150px 100px 140px}.admin-table-question-header,.admin-question-row{grid-template-columns:60px 2fr 1.5fr 160px}.admin-table{flex-direction:column;display:flex}.admin-row{border-bottom:1px solid var(--admin-border);align-items:center;gap:16px;padding:8px 16px;font-size:14px;transition:background .2s;animation:.5s cubic-bezier(.4,0,.2,1) forwards pageFade;display:grid}.admin-row:hover{background:#f9fafb}.admin-row-actions{justify-content:flex-end;gap:8px;display:flex}.admin-row button{border:1px solid var(--admin-border);color:var(--admin-text);cursor:pointer;background:0 0;border-radius:99px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.admin-row button:hover{border-color:var(--admin-text);background:#f3f4f6}.admin-table-action-title{text-align:right;padding-right:24px}.admin-role-badge{text-transform:capitalize;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.admin-role-field{color:#3730a3;background:#e0e7ff}.admin-role-pharmacist{color:#1e40af;background:#dbeafe}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#11182766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--admin-surface);border-radius:16px;width:min(500px,90vw);padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-user-modal h3{color:var(--admin-text);margin:0;font-size:24px}.admin-user-modal-subtitle{color:var(--admin-text-secondary);margin:8px 0 24px;font-size:15px}.admin-user-games-grid{gap:16px;display:grid}.admin-user-game-card{border:1px solid var(--admin-border);background:#f9fafb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;display:flex}.spin-theme-spin-button{background:var(--admin-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:24px;padding:14px;font-weight:600;transition:background .2s}.spin-theme-spin-button:hover{background:var(--admin-brand-hover)}.question-form{align-items:end;gap:8px;margin-bottom:12px;display:grid}.question-form-row-full{grid-column:1/-1}.question-form-row-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.question-form input{border:1px solid var(--admin-border);background:var(--admin-surface);width:100%;color:var(--admin-text);border-radius:6px;outline:none;padding:8px 12px}.question-form button{padding:8px 16px}.admin-tabs{gap:12px;margin-bottom:24px;display:flex}.admin-tab-btn{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-text-secondary);cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.admin-tab-btn.active{background:var(--admin-brand);color:#fff;border-color:var(--admin-brand)}.admin-search-bar{margin-bottom:24px}.admin-search-bar input{border:1px solid var(--admin-border);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.admin-search-bar input:focus{border-color:var(--admin-brand);box-shadow:0 0 0 3px #934b001a}.admin-list-item{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.admin-list-item:last-child{border-bottom:none}.admin-list-item span{color:var(--admin-text-secondary);font-size:14px}.admin-list-item strong{color:var(--admin-text);font-size:14px;font-weight:600}.admin-icon-container{background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-icon-container .material-symbols-outlined{color:var(--admin-text-secondary)}.admin-stat-item{background:#f9fafb;border-radius:8px;align-items:center;gap:16px;margin-bottom:8px;padding:12px 16px;display:flex}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-title{color:var(--admin-text);font-size:14px;font-weight:600}.admin-stat-subtitle{color:var(--admin-text-secondary);font-size:12px}.admin-stat-value{color:var(--admin-brand);margin-left:auto;font-size:16px;font-weight:700}.admin-hamburger-btn{color:var(--admin-text);cursor:pointer;background:0 0;border:none;margin-right:12px;padding:8px;display:none}.admin-hamburger-btn .material-symbols-outlined{font-size:24px}.admin-sidebar-overlay{display:none}.admin-sidebar-close{color:var(--admin-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.admin-sidebar-close .material-symbols-outlined{font-size:24px}@media (width<=1024px){.dashboard-bento-grid{grid-template-columns:repeat(2,1fr)!important}.bento-card.total-users,.bento-card.field-users,.bento-card.pharmacists{grid-column:span 1!important}.bento-card.game-distribution,.bento-card.score-analysis,.bento-card.latest-submissions{grid-column:span 2!important}.admin-sidebar{width:220px}}@media (width<=768px){.admin-hamburger-btn{justify-content:center;align-items:center;display:flex}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#11182766;display:block;position:fixed;inset:0}.admin-sidebar{background:var(--admin-surface);z-index:100;border-right:1px solid var(--admin-border);flex-direction:column;width:280px;height:100vh;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:-280px}.admin-sidebar.open{transform:translate(280px)}.admin-sidebar-close{justify-content:center;align-items:center;display:flex}.admin-sidebar img{width:140px;margin:0}.admin-sidebar nav{flex-direction:column;gap:8px;margin-top:24px;display:flex}.admin-sidebar nav button{border-left:4px solid #0000;padding:12px 16px;font-size:15px}.admin-main-wrapper{width:100%}.admin-topbar{padding:0 16px}.admin-topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.admin-content{padding:16px}.admin-page-header h1{font-size:22px}.admin-profile-info{display:none}.admin-form,.admin-user-form{flex-direction:column;align-items:stretch}.admin-form input,.admin-form select,.admin-form button,.admin-panel>select{width:100%;min-width:unset}.dashboard-bento-grid{gap:12px;grid-template-columns:1fr!important}.bento-card.total-users,.bento-card.field-users,.bento-card.pharmacists,.bento-card.game-distribution,.bento-card.score-analysis,.bento-card.latest-submissions{grid-column:span 1!important}.question-form-row-options{grid-template-columns:1fr}}