@charset "UTF-8";.leaderboard-page{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.leaderboard-page .leaderboard-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.leaderboard-page h1{text-align:center;font-weight:800;letter-spacing:-.5px}.leaderboard-page .leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-page .leaderboard-card{display:flex;align-items:center;background:var(--glass-effect-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-effect);border-radius:1.5rem;padding:1rem;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;position:relative;overflow:hidden}.leaderboard-page .leaderboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a;border-color:rgba(var(--background-primary),.3)}.leaderboard-page .leaderboard-card.rank-1,.leaderboard-page .leaderboard-card.rank-2,.leaderboard-page .leaderboard-card.rank-3{border-width:2px}.leaderboard-page .leaderboard-card.rank-1{border-color:gold;background:linear-gradient(90deg,#ffd7001a,#ffffff0d)}.leaderboard-page .leaderboard-card.rank-1 .rank-number{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.leaderboard-page .leaderboard-card.rank-2{border-color:silver;background:linear-gradient(90deg,#c0c0c01a,#ffffff0d)}.leaderboard-page .leaderboard-card.rank-2 .rank-number{color:silver}.leaderboard-page .leaderboard-card.rank-3{border-color:#cd7f32;background:linear-gradient(90deg,#cd7f321a,#ffffff0d)}.leaderboard-page .leaderboard-card.rank-3 .rank-number{color:#cd7f32}.leaderboard-page .leaderboard-card.rank-me{border-color:var(--accent-color-blue);background:linear-gradient(90deg,rgba(var(--accent-color-blue),.1),#ffffff0d)}.leaderboard-page .leaderboard-card.rank-me .rank-number{color:var(--accent-color-blue)}.leaderboard-page .leaderboard-card .rank-position{width:40px;font-size:1.5rem;font-weight:900;text-align:center;margin-right:1rem;opacity:.8}.leaderboard-page .leaderboard-card .user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:1rem;border:2px solid transparent}.leaderboard-page .leaderboard-card .user-avatar.glowing{box-shadow:0 0 10px rgba(var(--background-primary),.5)}.leaderboard-page .leaderboard-card .user-info{flex:1;display:flex;flex-direction:column;justify-content:center}.leaderboard-page .leaderboard-card .user-info .username{font-weight:700;font-size:1.1rem;display:flex;justify-content:left;gap:.5rem}.leaderboard-page .leaderboard-card .user-info .user-details{font-size:.8rem;opacity:.7;margin-top:.2rem;display:flex;gap:.5rem;align-items:center}.leaderboard-page .leaderboard-card .user-info .you{color:var(--accent-color-blue);margin:0}.leaderboard-page .leaderboard-card .rank-badge-img{height:32px;width:auto;margin-right:1rem}.leaderboard-page .leaderboard-card .level-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);padding:.5rem;border-radius:1rem;min-width:50px}.leaderboard-page .leaderboard-card .level-indicator .level-label{font-size:.6rem;text-transform:uppercase;font-weight:700}.leaderboard-page .leaderboard-card .level-indicator .level-value{font-size:1.2rem;font-weight:900;line-height:1}.leaderboard-page .show-all-button{display:flex;justify-content:center;margin-top:1rem}.challenges-page{width:100%;min-height:100vh;padding:1.5rem 1rem;box-sizing:border-box;animation:fadeIn .5s ease}@media(min-width:768px){.challenges-page{padding:3rem 2rem;max-width:1400px;margin:0 auto}}.challenges-page__header{margin-bottom:3rem;text-align:left}@media(min-width:768px){.challenges-page__header{text-align:center;margin-bottom:4rem}}.challenges-page__header h1{font-size:2rem;font-weight:800;margin:0 0 .25rem;letter-spacing:-.02em;color:var(--text-primary);padding-bottom:2px}@media(min-width:768px){.challenges-page__header h1{font-size:3.5rem}}.challenges-page__header .subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0;max-width:600px;line-height:1.6}@media(min-width:768px){.challenges-page__header .subtitle{font-size:1.125rem;margin:0 auto}}.challenges-page__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.challenges-page__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.challenges-page__grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.challenges-page .challenge-card-custom{display:flex;flex-direction:column;height:100%;justify-content:space-around}.challenges-page .challenge-card-custom__description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.challenges-page .challenge-card-custom__description p{margin-bottom:0}.challenges-page .challenge-card-custom__meta{display:flex;flex-wrap:wrap;justify-content:space-around;gap:.5rem 1rem;margin:.5rem 0;padding:.5rem 1rem;background:var(--background-secondary);border-radius:.5rem}.challenges-page .challenge-card-custom__meta .meta-item{display:flex;align-items:center;gap:.25rem;color:var(--text-primary);font-weight:500;height:1rem}.challenges-page .challenge-card-custom__meta .meta-item span{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:.8rem}.challenges-page .challenge-card-custom__actions button{width:100%;justify-content:center}.challenges-page .loading-state,.challenges-page .no-challenges{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary);text-align:center;animation:fadeIn .3s ease}.challenges-page .loading-state i,.challenges-page .no-challenges i{font-size:2.5rem;margin-bottom:1rem;color:var(--divider-color)}.challenges-page .loading-state p,.challenges-page .no-challenges p{margin:0;font-size:1.125rem}.live-quiz-templates-page{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%;max-width:50rem;margin:0 auto}.live-quiz-templates-page .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.live-quiz-templates-page .page-header h1{margin:0;color:var(--text-primary);font-size:1.5rem}.live-quiz-templates-page .info-box{background-color:var(--background-secondary);padding:1rem;border-radius:.5rem;border-left:4px solid var(--accent-color-blue);color:var(--text-secondary);font-size:.9rem}.live-quiz-templates-page .info-box--small{padding:.5rem;font-size:.85rem;margin-bottom:.5rem}.live-quiz-templates-page .template-table{border-radius:.5rem;overflow:hidden;box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.live-quiz-templates-page .template-table .cell-actions{display:flex;gap:.25rem}.template-dialog .form-section{display:flex;flex-direction:column;gap:1rem;padding:1rem}.template-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.template-dialog .form-grid{grid-template-columns:1fr}}.template-dialog .form-group{display:flex;flex-direction:column;gap:.25rem}.template-dialog .form-group label{font-weight:500;color:var(--text-primary)}.template-dialog .form-group .text-muted{color:var(--text-secondary);font-size:.8rem}.template-dialog .section-title{font-size:1.1rem;color:var(--text-primary);margin-top:1rem;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--divider-color)}.template-dialog .category-item{display:flex;flex-direction:column;gap:.125rem}.template-dialog .category-item .header{display:flex;justify-content:space-between;align-items:center}.template-dialog .category-item .header .name{font-weight:500}.template-dialog .category-item .header .badge{font-size:.75rem;padding:2px 6px;border-radius:.25rem}.template-dialog .category-item .header .badge--ok{background-color:var(--color-success);color:#fff}.template-dialog .category-item .header .badge--empty{background-color:var(--color-muted-red);color:#fff}.template-dialog .category-item .topic{font-size:.85rem;color:var(--text-secondary)}.live-session-dashboard{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:100%;max-width:1200px;margin:0 auto}.live-session-dashboard .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.live-session-dashboard .page-header h1{margin:0;color:var(--text-primary);font-size:1.8rem}.live-session-dashboard .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.live-session-dashboard .dashboard-grid{grid-template-columns:1fr}}.live-session-dashboard .dashboard-column{display:flex;flex-direction:column;gap:1rem}.live-session-dashboard .dashboard-column .section-title{font-size:1.3rem;color:var(--text-primary);margin:0;padding-bottom:.25rem;border-bottom:2px solid var(--divider-color)}.live-session-dashboard .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;background-color:var(--background-secondary);border-radius:.75rem;color:var(--text-secondary);gap:1rem}.live-session-dashboard .empty-state p{margin:0;font-size:1.1rem}.live-session-dashboard .session-cards,.live-session-dashboard .template-cards{display:flex;flex-direction:column;gap:1rem}.live-session-dashboard .session-card{background-color:var(--background-primary);border:1px solid var(--divider-color);box-shadow:1px 2px 3px 0 var(--boxshadow-color);transition:transform .2s ease,box-shadow .2s ease}.live-session-dashboard .session-card:hover{box-shadow:var(--boxshadow-hover);transform:translateY(-2px)}.live-session-dashboard .session-card .p-card-body{padding:1rem}.live-session-dashboard .session-card .session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.live-session-dashboard .session-card .session-card-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.live-session-dashboard .session-card .session-card-header .status-badge{padding:4px 8px;border-radius:1rem;font-size:.8rem;font-weight:600}.live-session-dashboard .session-card .session-card-header .status-badge.status-lobby{background-color:var(--color-warning);color:#000}.live-session-dashboard .session-card .session-card-header .status-badge.status-active{background-color:var(--color-success);color:#fff}.live-session-dashboard .session-card .session-card-header .status-badge.status-between{background-color:var(--accent-color-blue);color:#fff}.live-session-dashboard .session-card .session-card-body{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.live-session-dashboard .session-card .session-card-body .detail{display:flex;justify-content:space-between}.live-session-dashboard .session-card .session-card-body .detail .label{color:var(--text-secondary);font-size:.9rem}.live-session-dashboard .session-card .session-card-body .detail .value{font-weight:600;color:var(--text-primary)}.live-session-dashboard .session-card .session-card-body .detail .value.code{font-size:1.2rem;letter-spacing:2px;color:var(--accent-color-blue)}.live-session-dashboard .session-card .session-card-actions{display:flex;justify-content:flex-end}.live-session-dashboard .template-card{background-color:var(--background-primary);border:1px solid var(--divider-color);box-shadow:1px 2px 3px 0 var(--boxshadow-color);transition:box-shadow .2s ease}.live-session-dashboard .template-card:hover{box-shadow:var(--boxshadow-hover)}.live-session-dashboard .template-card .p-card-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.live-session-dashboard .template-card h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.live-session-dashboard .template-card .description{margin:0;color:var(--text-secondary);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-session-dashboard .template-card .template-details{display:flex;gap:1rem;margin-bottom:.25rem}.live-session-dashboard .template-card .template-details span{display:flex;align-items:center;gap:.125rem;font-size:.85rem;color:var(--text-secondary)}.live-quiz-host-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:var(--background-secondary);overflow:hidden}.live-quiz-host-page .host-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--background-primary);box-shadow:1px 2px 3px 0 var(--boxshadow-color);z-index:10}.live-quiz-host-page .host-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.live-quiz-host-page .host-header .status-indicator{display:flex;align-items:center;gap:.5rem;color:var(--color-success);font-weight:700}.live-quiz-host-page .host-header .status-indicator .pulse-dot{width:12px;height:12px;background-color:var(--color-success);border-radius:50%;animation:pulse 2s infinite}.live-quiz-host-page .host-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.live-quiz-host-page .lobby-view{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:800px;align-items:center}.live-quiz-host-page .lobby-view .join-info-card{background-color:var(--background-primary);padding:3rem;border-radius:.75rem;box-shadow:0 0 5px 0 var(--boxshadow-color);text-align:center;width:100%}.live-quiz-host-page .lobby-view .join-info-card h2{margin-top:0;margin-bottom:2rem;font-size:2rem}.live-quiz-host-page .lobby-view .join-info-card .code-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem}.live-quiz-host-page .lobby-view .join-info-card .code-display .label{font-size:1.2rem;color:var(--text-secondary)}.live-quiz-host-page .lobby-view .join-info-card .code-display .code{font-size:4rem;font-weight:800;letter-spacing:10px;color:var(--accent-color-blue);background-color:var(--background-secondary);padding:.5rem 2rem;border-radius:.5rem}.live-quiz-host-page .lobby-view .join-info-card .qr-container{margin:2rem auto;padding:1rem;background:#fff;display:inline-block;border-radius:.5rem}.live-quiz-host-page .lobby-view .join-info-card .url-hint{font-size:1.2rem;color:var(--text-secondary)}.live-quiz-host-page .lobby-view .participants-list{width:100%;text-align:center}.live-quiz-host-page .lobby-view .participants-list h3{font-size:1.5rem;margin-bottom:1rem}.live-quiz-host-page .lobby-view .participants-list .avatars{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.live-quiz-host-page .lobby-view .participants-list .avatars .participant-chip{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:var(--background-primary);border-radius:1rem;box-shadow:1px 2px 3px 0 var(--boxshadow-color);font-weight:500}.live-quiz-host-page .lobby-view .participants-list .avatars .participant-chip.host-chip{border:2px solid var(--accent-color-blue);background-color:rgba(var(--accent-color-blue),.08)}.live-quiz-host-page .lobby-view .participants-list .avatars .participant-chip .host-badge{font-size:.75rem;color:var(--accent-color-blue);font-weight:700;margin-left:.25rem}.live-quiz-host-page .active-question-view{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.live-quiz-host-page .active-question-view .question-header{display:flex;justify-content:space-between;align-items:center}.live-quiz-host-page .active-question-view .question-header h2{margin:0}.live-quiz-host-page .active-question-view .question-header .timer-badge{display:flex;align-items:center;gap:.25rem;background-color:var(--color-warning);color:#000;padding:.5rem 1rem;border-radius:1rem;font-weight:700;font-size:1.2rem}.live-quiz-host-page .active-question-view .question-card{font-size:1.5rem;text-align:center;padding:2rem}.live-quiz-host-page .active-question-view .question-card .waiting-animation{margin-top:3rem;display:flex;flex-direction:column;align-items:center;color:var(--text-secondary);font-size:1rem}.live-quiz-host-page .active-question-view .question-card .waiting-animation .pulse-circle{width:40px;height:40px;border:4px solid var(--accent-color-blue);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.live-quiz-host-page .result-view{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem;align-items:center}.live-quiz-host-page .result-view .leaderboard{width:100%;background-color:var(--background-primary);border-radius:.75rem;padding:2rem;box-shadow:0 0 5px 0 var(--boxshadow-color)}.live-quiz-host-page .result-view .leaderboard .leaderboard-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--divider-color)}.live-quiz-host-page .result-view .leaderboard .leaderboard-row:last-child{border-bottom:none}.live-quiz-host-page .result-view .leaderboard .leaderboard-row .rank{font-weight:700;width:40px;color:var(--text-secondary)}.live-quiz-host-page .result-view .leaderboard .leaderboard-row .name{flex:1;font-weight:500;font-size:1.2rem}.live-quiz-host-page .result-view .leaderboard .leaderboard-row .score{font-weight:700;color:var(--accent-color-blue)}.live-quiz-host-page .finished-view{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:3rem}.live-quiz-host-page .finished-view .finished-header{text-align:center;animation:fadeInDown .5s ease}.live-quiz-host-page .finished-view .finished-header h2{font-size:2.5rem;font-weight:800;margin:0 0 .25rem;color:var(--text-primary)}.live-quiz-host-page .finished-view .finished-header .finished-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.live-quiz-host-page .finished-view .podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;width:100%;max-width:600px;animation:fadeInUp .6s ease}.live-quiz-host-page .finished-view .podium-stage .podium-slot{display:flex;flex-direction:column;align-items:center;flex:1}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-avatar{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem;padding:.5rem}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-avatar .medal{font-size:2.5rem;line-height:1}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-avatar .podium-name{font-weight:700;font-size:.95rem;text-align:center;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-avatar .podium-score{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-bar{width:100%;border-radius:.5rem .5rem 0 0;display:flex;align-items:center;justify-content:center}.live-quiz-host-page .finished-view .podium-stage .podium-slot .podium-bar .place-label{font-size:1.2rem;font-weight:800;color:var(--text-inverse);padding:.5rem 0}.live-quiz-host-page .finished-view .podium-stage .podium-slot.place-1 .podium-bar{height:120px;background:linear-gradient(160deg,#f6d365,#fda085);box-shadow:0 8px 32px #fda08566}.live-quiz-host-page .finished-view .podium-stage .podium-slot.place-2 .podium-bar{height:90px;background:linear-gradient(160deg,#b0b8c1,#8d9db2);box-shadow:0 6px 24px #8d9db259}.live-quiz-host-page .finished-view .podium-stage .podium-slot.place-3 .podium-bar{height:65px;background:linear-gradient(160deg,#d4975a,#b06c38);box-shadow:0 4px 16px #b06c3859}.live-quiz-host-page .finished-view .full-leaderboard{width:100%;max-width:600px;background-color:var(--background-primary);border-radius:.75rem;padding:2rem;box-shadow:0 0 5px 0 var(--boxshadow-color);animation:fadeInUp .8s ease}.live-quiz-host-page .finished-view .full-leaderboard h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.live-quiz-host-page .finished-view .full-leaderboard .leaderboard-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--divider-color);gap:1rem;animation:fadeInLeft .4s ease}.live-quiz-host-page .finished-view .full-leaderboard .leaderboard-row:last-child{border-bottom:none}.live-quiz-host-page .finished-view .full-leaderboard .leaderboard-row .rank{font-weight:700;width:36px;color:var(--text-secondary);font-size:.95rem}.live-quiz-host-page .finished-view .full-leaderboard .leaderboard-row .name{flex:1;font-weight:500;font-size:1rem;color:var(--text-primary)}.live-quiz-host-page .finished-view .full-leaderboard .leaderboard-row .score{font-weight:700;color:var(--accent-color-blue);font-size:.95rem}.live-quiz-host-page .host-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.guest-join-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:1rem;background-color:var(--background-secondary)}.guest-join-page .join-card{width:100%;max-width:450px;background-color:var(--background-primary);border-radius:.75rem;box-shadow:0 0 5px 0 var(--boxshadow-color);text-align:center;padding:2rem}.guest-join-page .join-card .p-card-body{padding:0}.guest-join-page .join-card .join-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--accent-color-red)}.guest-join-page .join-card .join-header h1{margin:0;font-size:2rem;color:var(--text-primary)}.guest-join-page .join-card .join-form{display:flex;flex-direction:column;gap:1.5rem}.guest-join-page .join-card .join-form p{margin:0;color:var(--text-secondary)}.guest-join-page .join-card .join-form .input-wrapper{display:flex;flex-direction:column;gap:.25rem;text-align:left}.guest-join-page .join-card .join-form .input-wrapper label{font-weight:500;color:var(--text-primary)}.guest-join-page .join-card .join-form .input-wrapper .code-input{font-size:2rem;letter-spacing:5px;text-align:center;text-transform:uppercase;font-weight:700;padding:1rem;border:2px solid var(--divider-color)}.guest-join-page .join-card .join-form .input-wrapper .code-input:focus{border-color:var(--accent-color-blue);box-shadow:0 0 0 2px rgba(var(--accent-color-blue),.2)}.guest-join-page .join-card .join-form .session-info-box{background-color:var(--background-secondary);padding:1rem;border-radius:.5rem;border-left:4px solid var(--accent-color-blue);text-align:left}.guest-join-page .join-card .join-form .session-info-box h3{margin:0 0 .25rem;font-size:1.2rem}.guest-join-page .join-card .join-form .session-info-box .participants-count{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-secondary)}.guest-join-page .join-card .join-form .member-info{background-color:rgba(var(--color-success),.1);padding:1rem;border-radius:.5rem;color:var(--color-success)}.guest-join-page .join-card .join-form .member-info p{color:inherit}.guest-join-page .join-card .join-form .actions{display:flex;gap:1rem}.guest-join-page .join-card .join-form .actions button{flex:1}.live-quiz-participant-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:var(--background-secondary);overflow:hidden}.live-quiz-participant-page .participant-content{flex:1;display:flex;flex-direction:column;padding:1rem;height:100%;max-width:600px;margin:0 auto;width:100%}.live-quiz-participant-page .lobby-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.live-quiz-participant-page .lobby-view h2{font-size:1.8rem;margin:0;color:var(--text-primary)}.live-quiz-participant-page .lobby-view p{font-size:1.1rem;color:var(--text-secondary)}.live-quiz-participant-page .lobby-view .session-info{margin-top:2rem;padding:.5rem 1rem;background-color:rgba(var(--accent-color-blue),.1);border-radius:.5rem;color:var(--accent-color-blue);font-weight:500}.live-quiz-participant-page .active-question-view{flex:1;display:flex;flex-direction:column;gap:1rem;height:100%}.live-quiz-participant-page .active-question-view .timer-bar-container{width:100%;height:6px;background-color:var(--divider-color);border-radius:1rem;overflow:hidden}.live-quiz-participant-page .active-question-view .timer-bar-container .timer-bar{height:100%;background-color:var(--accent-color-blue);transition:width 1s linear,background-color .3s ease}.live-quiz-participant-page .active-question-view .timer-bar-container .timer-bar.danger{background-color:var(--accent-color-red)}.live-quiz-participant-page .active-question-view .question-header{display:flex;justify-content:space-between;align-items:center}.live-quiz-participant-page .active-question-view .question-header .question-counter{font-weight:500;color:var(--text-secondary)}.live-quiz-participant-page .active-question-view .question-header .timer-text{font-weight:700;font-size:1.2rem;color:var(--accent-color-blue)}.live-quiz-participant-page .active-question-view .question-card{background-color:var(--background-primary);border-radius:.75rem;box-shadow:0 0 5px 0 var(--boxshadow-color);text-align:center;padding:2rem 1rem}.live-quiz-participant-page .active-question-view .question-card .question-text{margin:0;font-size:1.3rem;line-height:1.4}.live-quiz-participant-page .active-question-view .answers-grid{display:grid;grid-template-columns:1fr;gap:.5rem;flex:1}@media(min-height:700px){.live-quiz-participant-page .active-question-view .answers-grid{gap:1rem}}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn{display:flex;align-items:center;gap:1rem;background-color:var(--background-primary);border:2px solid transparent;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.color-0 .marker{background-color:#e74c3c}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.color-1 .marker{background-color:#3498db}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.color-2 .marker{background-color:#f1c40f}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.color-3 .marker{background-color:#2ecc71}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn .marker{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn .text{flex:1;text-align:left;font-size:1.1rem;font-weight:500;color:var(--text-primary)}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--boxshadow-hover)}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.selected{border-color:var(--accent-color-blue);background-color:rgba(var(--accent-color-blue),.05);box-shadow:0 0 0 2px rgba(var(--accent-color-blue),.2)}.live-quiz-participant-page .active-question-view .answers-grid .answer-btn.disabled{opacity:.7;cursor:not-allowed}.live-quiz-participant-page .active-question-view .submit-section{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column}.live-quiz-participant-page .active-question-view .submit-section button{width:100%;padding:1rem;font-size:1.2rem}.live-quiz-participant-page .result-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.live-quiz-participant-page .result-view.correct,.live-quiz-participant-page .result-view.correct .result-icon,.live-quiz-participant-page .result-view.correct h2{color:var(--color-success)}.live-quiz-participant-page .result-view.wrong,.live-quiz-participant-page .result-view.wrong .result-icon,.live-quiz-participant-page .result-view.wrong h2{color:var(--accent-color-red)}.live-quiz-participant-page .result-view h2{font-size:2.5rem;margin:0}.live-quiz-participant-page .result-view .points-card{width:100%;max-width:300px}.live-quiz-participant-page .result-view .points-card .p-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.live-quiz-participant-page .result-view .points-card .points-display,.live-quiz-participant-page .result-view .points-card .rank-display{display:flex;justify-content:space-between;align-items:center}.live-quiz-participant-page .result-view .points-card .points-display .label,.live-quiz-participant-page .result-view .points-card .rank-display .label{color:var(--text-secondary);font-weight:500}.live-quiz-participant-page .result-view .points-card .points-display .value,.live-quiz-participant-page .result-view .points-card .rank-display .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.live-quiz-participant-page .result-view .points-card .points-display{border-bottom:1px solid var(--divider-color);padding-bottom:.5rem}.live-quiz-participant-page .result-view .wait-text{color:var(--text-secondary);margin-top:2rem}.live-quiz-participant-page .finished-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.live-quiz-participant-page .finished-view h2{font-size:2rem;color:var(--text-primary);margin:0}.live-quiz-participant-page .finished-view .final-card{width:100%;max-width:400px}.live-quiz-participant-page .finished-view .final-card .podium-cheer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.live-quiz-participant-page .finished-view .final-card .podium-cheer .gold{color:#f1c40f}.live-quiz-participant-page .finished-view .final-card .podium-cheer h3{margin:0;color:var(--color-success)}.live-quiz-participant-page .finished-view .final-card .final-stats{display:flex;flex-direction:column;gap:1rem}.live-quiz-participant-page .finished-view .final-card .final-stats .stat{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary);padding:1rem;border-radius:.5rem}.live-quiz-participant-page .finished-view .final-card .final-stats .stat .label{color:var(--text-secondary)}.live-quiz-participant-page .finished-view .final-card .final-stats .stat .value{font-size:1.5rem;font-weight:700;color:var(--accent-color-blue)}.live-quiz-participant-page .finished-view .actions{width:100%;max-width:400px}.live-quiz-participant-page .finished-view .actions button{width:100%}.spinner{width:40px;height:40px;border:4px solid var(--divider-color);border-top-color:var(--accent-color-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}:root{--accent-color-red: #ea5751;--accent-color-blue: #23afda;--accent-color-blue-hover: #1b8fb3;--accent-color-red-hover: #c94641;--accent-color-orange: #f39c12;--accent-color-orange-hover: #e67e22;--color-success: #2ecc71;--color-success-hover: #2eb165;--color-warning: #f1c40f;--color-muted: #95a5a6;--color-muted-red: #ea56517e;--divider-color: #e0e0e0;--icon-color-muted: #95a5a6;--boxshadow-color: rgba(0, 0, 0, .1);--boxshadow-hover: rgba(0, 0, 0, .2);--background-primary: #ffffff;--background-secondary: #f4f4f4;--background-tertiary: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-inverse: #ffffff;--glass-effect: rgba(0, 0, 0, .1);--glass-effect-soft: rgba(0, 0, 0, 0, .01)}html[data-theme=dark]{--accent-color-red: #ea5751;--accent-color-blue: #23afda;--accent-color-blue-hover: #5bc5e6;--accent-color-red-hover: #f07d79;--accent-color-orange: #f39c12;--accent-color-orange-hover: #f5b041;--boxshadow-color: rgba(0, 0, 0, .5);--boxshadow-hover: rgba(0, 0, 0, .8);--background-primary: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-inverse: #000000;--divider-color: #404040;--icon-color-muted: #666666;--input-bg: #2d2d2d;--input-border: #404040;--glass-effect: rgba(255, 255, 255, .1);--glass-effect-soft: rgba(255, 255, 255, .01)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-secondary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease;min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}button{cursor:pointer;font-family:inherit}code{background-color:var(--background-tertiary);padding:2px 4px;border-radius:.25rem;font-size:.9em}@font-face{font-family:ff-utility-web-pro;src:url(https://use.typekit.net/af/edcab7/0000000000000000774ee6e0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/edcab7/0000000000000000774ee6e0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/edcab7/0000000000000000774ee6e0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:ff-utility-web-pro;src:url(https://use.typekit.net/af/93ecd1/0000000000000000774ee6e1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/93ecd1/0000000000000000774ee6e1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/93ecd1/0000000000000000774ee6e1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:golos-text;src:url(https://use.typekit.net/af/6b8599/0000000000000000774caaf1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/6b8599/0000000000000000774caaf1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/6b8599/0000000000000000774caaf1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:golos-text;src:url(https://use.typekit.net/af/bce4b5/0000000000000000774cade6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/bce4b5/0000000000000000774cade6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/bce4b5/0000000000000000774cade6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}.tk-ff-utility-web-pro{font-family:ff-utility-web-pro,sans-serif}.tk-golos-text{font-family:golos-text,sans-serif}.avatar{position:relative;display:inline-block}.avatar__image{border-radius:50%;object-fit:cover;display:block;background-color:var(--background-tertiary);border:2px solid var(--background-secondary)}.avatar--sm .avatar__image{width:32px;height:32px}.avatar--md .avatar__image{width:48px;height:48px}.avatar--lg .avatar__image{width:96px;height:96px}.avatar--xl .avatar__image{width:120px;height:120px}.avatar__edit-badge{position:absolute;bottom:0;right:0;background-color:var(--accent-color-blue);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--background-primary);cursor:pointer;transition:background-color .2s ease}.avatar__edit-badge:hover{background-color:var(--accent-color-blue-hover)}.avatar--lg .avatar__edit-badge{width:32px;height:32px;bottom:4px;right:4px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;white-space:nowrap}.badge span{display:flex;align-items:center;justify-content:center}.badge span img{height:2em;margin:.25em .5em .25em 0}.badge--primary{background-color:#23afda26;color:var(--accent-color-blue)}.badge--success{background-color:#2ecc7126;color:var(--color-success)}.badge--warning{background-color:#f1c40f26;color:var(--color-warning)}.badge--neutral{background-color:var(--background-tertiary);color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:4rem;background-color:var(--background-primary);border-top:1px solid var(--background-tertiary);display:flex;justify-content:space-around;align-items:center;z-index:100}@media(min-width:1000px){.bottom-nav{padding:0 25vw}}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:8px;color:var(--text-secondary);transition:color .2s ease;width:100%}.bottom-nav__item--active{color:var(--accent-color-blue)}.bottom-nav__label{font-size:.7rem;margin-top:4px;font-weight:500}.navbar-blocker{min-height:4.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:600;border-radius:.25rem;transition:all .2s ease;cursor:pointer;outline:none}.button-label{display:flex;align-items:center;justify-content:center}.button-icon{display:flex;align-items:center;justify-content:center;margin:.5rem;margin-right:0}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button--primary{background-color:var(--accent-color-blue);color:var(--text-inverse)}.button--primary:hover{background-color:var(--accent-color-blue-hover)}.button--secondary{background-color:transparent;border:2px solid var(--accent-color-blue);color:var(--accent-color-blue)}.button--secondary:hover{background-color:#23afda1a}.button--danger{background-color:var(--accent-color-red);color:var(--text-inverse)}.button--danger:hover{background-color:var(--accent-color-red-hover)}.button--danger-outline{background-color:transparent;color:var(--accent-color-red)}.button--danger-outline .button-label{background-color:transparent;border:solid 3px var(--accent-color-red);width:100%;border-radius:.5rem}.button--success{background-color:var(--color-success);color:var(--text-inverse)}.button--success:hover{background-color:var(--color-success-hover)}.button--sm .button-label{padding:.25rem .5rem;font-size:.875rem}.button--sm .button-icon svg{width:1rem;height:1rem}.button--md .button-label{padding:.5rem 1rem;font-size:1rem}.button--md .button-icon svg{width:1.25rem;height:1.25rem}.button--lg .button-label{padding:1rem 1.5rem;font-size:1.125rem}.button--lg .button-icon svg{width:1.5rem;height:1.5rem}.button--icon{background-color:transparent;border:2px solid var(--accent-color-blue);color:var(--accent-color-blue)}.button--icon .button-icon{margin:.25rem}.button--icon .button-icon svg{width:1.25rem;height:1.25rem}.button--icon-danger{background-color:transparent;border:2px solid var(--accent-color-red);color:var(--accent-color-red)}.button--icon-danger .button-icon{margin:.25rem}.button--icon-danger .button-icon svg{width:1.25rem;height:1.25rem}.button--icon-reverse{flex-direction:row-reverse}.button--icon-reverse .button-label{padding-right:0;padding-left:1rem}.button--icon-reverse .button-icon{margin:.0625rem .25rem;padding-right:1rem;margin-left:0}.button--full-width{width:100%}.card{background-color:var(--background-primary);border-radius:.5rem;box-shadow:0 4px 6px var(--boxshadow-color);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent;height:100%;margin:1rem 0}.card--bordered{box-shadow:none;background-color:transparent;border:1px solid var(--background-tertiary)}.card--child{margin:1rem;box-shadow:none;border:none}.card--transparent{box-shadow:none;background-color:transparent}.card__image-container{width:100%;overflow:hidden;background-color:var(--background-tertiary);position:relative}.card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card__header{padding:1rem 1rem .25rem}.card__header h3{margin:0;color:var(--text-primary);font-size:1.125rem}.card__body{padding:.25rem 1rem;flex:1;color:var(--text-secondary);font-size:.9rem}@media(max-width:450px){.card__body .table-header-content h3{padding-bottom:1rem}}.card__footer{padding:1rem;border-top:1px solid var(--background-secondary);background-color:var(--background-primary);display:flex;gap:.5rem;justify-content:flex-end}.card__image-container+.card__header{padding-top:1rem}.card-desktop-wrapper .card{max-width:45rem;margin:0 auto}.circular-progress{position:relative;display:inline-flex;justify-content:center;align-items:center}.circular-progress__svg{transform:rotate(-90deg)}.circular-progress__bg{fill:none;stroke:var(--glass-effect)}.circular-progress__indicator{fill:none;stroke:var(--accent-color-blue);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.circular-progress__text{position:absolute;color:var(--text-inverse);font-weight:700;font-size:.9rem}.circular-progress--on-light .circular-progress__bg{stroke:var(--background-tertiary)}.circular-progress--on-light .circular-progress__text{color:var(--text-primary)}.input-wrapper{display:flex;flex-direction:column;margin-bottom:1rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:10px 1rem;padding-right:40px;font-size:1rem;font-family:inherit;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.25rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.input-field:focus{border-color:var(--accent-color-blue);box-shadow:0 0 0 1px var(--accent-color-blue)}.input-icon{position:absolute;right:.5rem;color:var(--text-secondary);pointer-events:none;display:flex;align-items:center;justify-content:center}.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease;fill:currentColor}.icon svg{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease;fill:currentColor}.icon--sm{width:1rem;height:1rem}.icon--sm svg{width:1rem;height:1rem}.icon--md{width:1.5rem;height:1.5rem}.icon--md svg{width:1.5rem;height:1.5rem}.icon--lg{width:2rem;height:2rem}.icon--lg svg{width:2rem;height:2rem}.icon--xl{width:3rem;height:3rem}.icon--xl svg{width:3rem;height:3rem}.icon--primary{color:var(--accent-color-blue)}.icon--danger{color:var(--accent-color-red)}.icon--success{color:var(--color-success)}.icon--warning{color:var(--color-warning)}.icon--muted{color:var(--color-muted)}.icon--text{color:var(--text-primary)}.icon--inherit{color:inherit}.icon--white{color:#fff}.list-item{display:flex;align-items:center;padding:1rem;background-color:var(--background-primary);border-bottom:1px solid var(--background-secondary);cursor:pointer;transition:background-color .2s ease;color:var(--text-primary);text-decoration:none}.list-item:hover{background-color:var(--background-secondary)}.list-item--rounded{border-radius:.5rem;border:1px solid var(--background-tertiary);margin-bottom:.5rem}.list-item__icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#23afda1a;border-radius:.25rem;margin-right:1rem;color:var(--accent-color-blue);flex-shrink:0}.list-item__content{flex:1;display:flex;flex-direction:column}.list-item__title{font-weight:600;font-size:1rem;margin-bottom:2px}.list-item__subtitle{font-size:.875rem;color:var(--text-secondary)}.list-item__action{margin-left:1rem;color:var(--text-secondary)}.progress-wrapper{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.progress-value{color:var(--accent-color-blue);font-weight:600}.progress-track{height:8px;background-color:var(--background-tertiary);border-radius:1rem;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-color-blue);border-radius:1rem;transition:width 1s ease}.select-wrapper{display:flex;flex-direction:column;margin-bottom:1rem}.select-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.select-container{position:relative}.select-field{width:100%;padding:10px 1rem;padding-right:32px;font-size:1rem;font-family:inherit;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.25rem;appearance:none;cursor:pointer;transition:border-color .2s ease;outline:none}.select-field:focus{border-color:var(--accent-color-blue);box-shadow:0 0 0 1px var(--accent-color-blue)}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:.8em}.quiz-option{display:flex;align-items:center;width:100%;padding:1rem;background-color:var(--background-secondary);border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem;text-align:left}.quiz-option:hover{background-color:var(--background-tertiary)}.quiz-option--selected{border-color:var(--accent-color-blue);background-color:#23afda1a}.quiz-option--correct{border-color:var(--color-success, #22c55e);background-color:#22c55e1a}.quiz-option--incorrect{border-color:var(--accent-color-red, #ef4444);background-color:#ef44441a}.quiz-option__letter{width:32px;height:32px;border-radius:50%;background-color:var(--background-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;transition:all .2s ease}.quiz-option--selected .quiz-option__letter{background-color:var(--accent-color-blue);color:#fff}.quiz-option--correct .quiz-option__letter{background-color:var(--color-success, #22c55e);color:#fff}.quiz-option--incorrect .quiz-option__letter{background-color:var(--accent-color-red, #ef4444);color:#fff}.quiz-option__text{flex:1;font-weight:500;color:var(--text-primary)}.quiz-option__check{width:24px;height:24px;background-color:var(--accent-color-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:1rem}.switch-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.25rem 0;-webkit-user-select:none;user-select:none}.switch-content{display:flex;flex-direction:column}.switch-label{font-size:1rem;color:var(--text-primary);font-weight:500}.switch-description{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.switch-input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:44px;height:24px;background-color:var(--background-tertiary);border-radius:1rem;transition:background-color .2s ease;flex-shrink:0;margin-left:1rem}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.switch-input:checked+.switch-track{background-color:var(--accent-color-blue)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--accent-color-blue);outline-offset:2px}.theme-toggle{background-color:var(--background-tertiary);border:2px solid var(--background-tertiary);border-radius:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:2px;position:relative;height:32px;width:60px;transition:background-color .2s ease}.theme-toggle-wrapper{display:flex;align-items:center;justify-content:space-between}.theme-toggle:focus{outline:2px solid var(--accent-color-blue);outline-offset:2px}.theme-toggle__thumb{background-color:var(--background-primary);border-radius:50%;height:24px;width:24px;position:absolute;top:2px;left:2px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--boxshadow-color)}.theme-toggle__icon{font-size:14px;line-height:1}.theme-toggle--dark .theme-toggle__thumb{transform:translate(28px)}.app-header{padding:.25rem .5rem;background-color:var(--background-primary);border-bottom:1px solid var(--background-tertiary);margin-bottom:.5rem;position:sticky;top:0;z-index:10}.app-header-logo{max-width:1.75rem}.app-header-content{display:flex;justify-content:space-between;align-items:center}.app-header-logo{display:flex;align-items:center;height:2.5rem}.app-header-logo .logo-img{max-width:2.25rem}.app-header-logo .logo-text{font-family:golos-text;font-weight:700;height:100%;display:flex;align-items:center}.app-header-logo .logo-text-content{margin:auto .25rem;font-size:1.25rem;max-height:fit-content;display:flex;justify-content:left;white-space:nowrap}.header-icons{display:flex;align-items:center}.header-icons .streak-display{display:flex;align-items:center;gap:.5rem;margin-right:.5rem;background:#ff6b001a;padding:.25rem .75rem;border-radius:1rem;border:1px solid rgba(255,107,0,.2)}.header-icons .streak-display .streak-icon{width:1.25rem;height:1.25rem;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,107,0,.4))}.header-icons .streak-display .streak-count{font-weight:600;color:#ff6b00;font-size:.95rem;font-family:var(--font-family-primary)}.header-icons .notification-bell{position:relative;margin-left:1rem;margin-right:.25rem;cursor:pointer}.header-icons .notification-bell .notification-badge{position:absolute;top:-.25rem;right:-.25rem;width:.75rem;height:.75rem;background-color:red;border-radius:50%;border:none}.quiz-master{width:100%;max-width:56rem;margin:0 auto}.quiz-master__header{margin-bottom:1.5rem}.quiz-master__header .question-image-wrapper{height:180px;width:100%;background-color:var(--background-tertiary);border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.quiz-master__header .question-image{width:100%;height:100%;object-fit:cover}.quiz-master__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;text-align:left}.quiz-master__header .helper-text{font-size:.9rem;color:var(--text-secondary);text-align:left;margin-bottom:1.5rem}.quiz-mc{display:flex;flex-direction:column;gap:1.5rem}.quiz-mc__options{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.quiz-mc__options{grid-template-columns:1fr 1fr}}.quiz-mc__option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--background-primary);border:2px solid var(--background-tertiary);border-radius:.75rem;text-align:left;width:100%;transition:all .3s ease;cursor:pointer}.quiz-mc__option:hover{border-color:var(--accent-color-blue);box-shadow:0 10px 15px -3px var(--boxshadow-hover)}.quiz-mc__option:hover .text{color:var(--accent-color-blue-hover)}.quiz-mc__option img{width:100%;height:auto;max-height:12rem;object-fit:contain;margin-bottom:1rem;border-radius:.5rem;background-color:transparent}@media(min-width:768px){.quiz-mc__option img{height:10rem}}.quiz-mc__option .text{font-size:1.125rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.quiz-mc .quiz-option{background-color:var(--background-primary);box-shadow:1px 2px 3px 0 var(--boxshadow-color);margin:0}.quiz-mc .quiz-option__letter{border-radius:50%;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem}.quiz-mc .quiz-option__check{border-radius:50%;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem}.quiz-tf{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}@media(min-width:768px){.quiz-tf{flex-direction:row}}.quiz-tf__btn{flex:1;padding:2rem;border-radius:.75rem;border:2px solid transparent;font-size:1.5rem;font-weight:700;transition:all .2s ease;cursor:pointer}.quiz-tf__btn--true{background-color:#2ecc711a;border-color:#2ecc714d;color:#25a25a}.quiz-tf__btn--true:hover:not(:disabled){background-color:#2ecc7133;border-color:var(--color-success)}.quiz-tf__btn--false{background-color:#ea57511a;border-color:#ea57514d;color:#e52b23}.quiz-tf__btn--false:hover:not(:disabled){background-color:#ea575133;border-color:var(--accent-color-red)}.quiz-tf__btn--selected{border-color:var(--accent-color-blue);background-color:#23afda1a}.quiz-tf__btn--correct{border-color:var(--color-success, #22c55e)!important;background-color:#22c55e1a!important}.quiz-tf__btn--incorrect{border-color:var(--accent-color-red, #ef4444)!important;background-color:#ef44441a!important}.quiz-matching{width:100%}.quiz-matching__available{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.quiz-matching__available{grid-template-columns:repeat(3,1fr)}}.quiz-matching__available .quiz-option{height:100%;justify-content:center;text-align:center;background-color:var(--background-primary);box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.quiz-matching__available .quiz-option--selected{border-color:var(--accent-color-blue)}.quiz-matching__available .quiz-option__letter{display:none}.quiz-matching__available .quiz-option__check{border-radius:50%;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem}.quiz-matching__pairs{margin-top:3rem}.quiz-matching__pairs .pairs-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.quiz-matching__pairs .pairs-header:before,.quiz-matching__pairs .pairs-header:after{content:"";height:1px;background:var(--divider-color);flex:1}.quiz-matching__pairs .pair-list{display:flex;flex-direction:column;gap:1rem}.quiz-matching__pairs .pair-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--background-primary);border-radius:.75rem;padding:1rem;margin:.5rem 0;box-shadow:1px 2px 3px 0 var(--boxshadow-color);transition:all .2s ease;position:relative;overflow:hidden}.quiz-matching__pairs .pair-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--accent-color-blue)}.quiz-matching__pairs .pair-card:hover{border-color:var(--accent-color-red)}.quiz-matching__pairs .pair-card:hover:before{background-color:var(--accent-color-red)}.quiz-matching__pairs .pair-card:hover .connector{color:var(--accent-color-red);transform:scale(1.2)}.quiz-matching__pairs .pair-card--correct{border-color:var(--color-success, #22c55e)!important;background-color:#22c55e1a!important}.quiz-matching__pairs .pair-card--correct:before{background-color:var(--color-success, #22c55e)!important}.quiz-matching__pairs .pair-card--incorrect{border-color:var(--accent-color-red, #ef4444)!important;background-color:#ef44441a!important}.quiz-matching__pairs .pair-card--incorrect:before{background-color:var(--accent-color-red, #ef4444)!important}.quiz-matching__pairs .pair-card .pair-item{display:flex;align-items:center;gap:1rem;flex:1;font-weight:500;color:var(--text-primary);font-size:1rem}.quiz-matching__pairs .pair-card .pair-item img{width:40px;height:40px;object-fit:cover;border-radius:.5rem;border:1px solid var(--divider-color)}.quiz-matching__pairs .pair-card .pair-item span{word-break:break-word}.quiz-matching__pairs .pair-card .pair-item:last-child{justify-content:flex-end;text-align:right}.quiz-matching__pairs .pair-card .pair-item:last-child img{order:2;margin-left:.5rem;margin-right:0}.quiz-matching__pairs .pair-card .connector{padding:0 1rem;color:var(--icon-color-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quiz-matching__footer{margin-top:1.5rem}.quiz-ordering{width:100%}.quiz-ordering__list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.quiz-ordering__item{display:flex;align-items:center;padding:1rem;background-color:var(--background-primary);border:2px solid var(--background-tertiary);border-radius:.5rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease,border-color .2s ease;position:relative;z-index:1}.quiz-ordering__item:hover{border-color:var(--accent-color-blue)}.quiz-ordering__item--dragging{opacity:.5;z-index:999;box-shadow:0 5px 15px #0000001a;border-color:var(--accent-color-blue);background-color:var(--background-secondary)}.quiz-ordering__item--disabled{cursor:default;opacity:.9}.quiz-ordering__item--disabled:hover{border-color:var(--background-tertiary)}.quiz-ordering__item--correct{border-color:var(--color-success, #22c55e)!important;background-color:#22c55e1a!important}.quiz-ordering__item--correct .drag-handle{color:var(--color-success, #22c55e)}.quiz-ordering__item--incorrect{border-color:var(--accent-color-red, #ef4444)!important;background-color:#ef44441a!important}.quiz-ordering__item--incorrect .drag-handle{color:var(--accent-color-red, #ef4444)}.quiz-ordering__item .drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-right:1rem;cursor:grab}.quiz-ordering__item .drag-handle svg{pointer-events:none}.quiz-ordering__item .content{display:flex;align-items:center;gap:1rem;flex:1}.quiz-ordering__item .content .item-image{width:40px;height:40px;object-fit:cover;border-radius:.25rem}.quiz-ordering__item .content .text{font-weight:500;color:var(--text-primary)}.lesson-editor{display:flex;flex-direction:column;gap:1rem}.lesson-editor .lesson-editor-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary);border-radius:.5rem;margin-bottom:.5rem}.lesson-editor .lesson-editor-header .header-left{display:flex;align-items:center;gap:1rem}.lesson-editor .lesson-editor-header .header-right{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.lesson-editor .lesson-editor-header .header-right .status-control{display:flex;gap:.5rem;align-items:center}.lesson-editor .lesson-editor-header .header-right .status-control .status-label{font-weight:700}.lesson-editor .lesson-editor-header .header-right .status-control .p-dropdown{border:solid 1px var(--divider-color);border-radius:.25rem;background-color:var(--background-primary);padding-right:.5rem}.lesson-editor .lesson-editor-header .header-right .status-control .p-dropdown .p-dropdown-label{border:none}.lesson-editor .lesson-editor-header .header-right .status-warning{color:var(--accent-color-red);font-weight:700;font-size:.75rem;text-align:right;max-width:20rem}.lesson-editor .lesson-editor-subheader{display:flex;justify-content:flex-start;align-items:center;background-color:var(--background-secondary);gap:1rem;margin-bottom:1.5rem}.lesson-editor .lesson-editor-subheader .header-info{max-width:30rem}.lesson-editor .lesson-editor-subheader .header-info h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.lesson-editor .lesson-editor-subheader .header-info .header-meta{font-size:.875rem;color:var(--text-secondary);display:flex;gap:.5rem;align-items:center}.lesson-editor .lesson-editor-subheader .lesson-image-control{position:relative;height:6.25rem;cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid var(--divider-color);display:flex;align-items:center;justify-content:center;background:var(--background-secondary);margin-top:-1.25rem}.lesson-editor .lesson-editor-subheader .lesson-image-control .remove-img-overlay{position:absolute;top:0;right:0;background:#00000080;padding:2px;border-bottom-left-radius:8px;cursor:pointer}.lesson-editor .lesson-editor-subheader .lesson-image-control img{height:100%}.lesson-editor .lesson-editor-subheader .lesson-image-control .noImg{text-align:center;color:#aaa;font-size:.8rem;width:6.25rem}.lesson-editor .lesson-content-list{margin-bottom:2rem}.lesson-editor .lesson-content-list .empty-state{text-align:center;padding:3rem;color:var(--text-secondary);border:2px dashed var(--divider-color);border-radius:.5rem;margin-bottom:1rem}.lesson-editor .lesson-content-list .add-item-btn{width:fit-content;margin-top:.5rem}.lesson-editor .lesson-actions{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--divider-color);padding-top:1rem;margin-top:1.5rem}.lesson-item-dialog .type-selection{display:flex;gap:1rem;justify-content:left;margin-bottom:1.5rem}.lesson-item-dialog .type-selection .type-card{cursor:pointer;border:2px solid var(--divider-color);border-radius:.5rem;padding:1rem;width:8rem;text-align:center;transition:all .2s ease;background-color:var(--background-primary)}.lesson-item-dialog .type-selection .type-card i{font-size:1.5rem;margin-bottom:.5rem;display:block}.lesson-item-dialog .type-selection .type-card .type-label{font-weight:700}.lesson-item-dialog .type-selection .type-card:hover{transform:translateY(-2px);box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.lesson-item-dialog .type-selection .type-card.type-info.selected,.lesson-item-dialog .type-selection .type-card.type-info:hover{border-color:var(--accent-color-blue);background-color:#23afda0d}.lesson-item-dialog .type-selection .type-card.type-info.selected i,.lesson-item-dialog .type-selection .type-card.type-info:hover i{color:var(--accent-color-blue)}.lesson-item-dialog .type-selection .type-card.type-question.selected,.lesson-item-dialog .type-selection .type-card.type-question:hover{border-color:var(--color-success);background-color:#2ecc710d}.lesson-item-dialog .type-selection .type-card.type-question.selected i,.lesson-item-dialog .type-selection .type-card.type-question:hover i{color:var(--color-success)}.lesson-item-dialog .form-section{display:flex;flex-direction:column;gap:1rem}.lesson-item-dialog .form-section img{max-height:5rem;border-radius:.25rem}.lesson-item-dialog .form-section .img-preview{display:flex}.lesson-item-dialog .form-section .img-preview-actions{display:flex;gap:.5rem;align-items:end;margin-left:.5rem}.lesson-item-dialog .form-section .question-tools{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;border-radius:.25rem;flex-direction:column}.lesson-item-dialog .form-section .question-tools-select{display:flex;justify-content:center;align-items:left;gap:.5rem;flex-direction:column}.lesson-item-dialog .form-section .question-tools-select .p-dropdown{width:15rem;border:1px solid var(--divider-color);border-radius:.25rem;padding-right:.5rem}.lesson-item-dialog .form-section .question-tools-select .p-dropdown .p-dropdown-label{border:none}.lesson-item-dialog .markdown-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.lesson-item-dialog .markdown-editor-grid .editor-column,.lesson-item-dialog .markdown-editor-grid .preview-column{display:flex;flex-direction:column;overflow:hidden;min-height:15rem}.lesson-item-dialog .markdown-editor-grid .preview-column{border:1px solid var(--divider-color);border-radius:.25rem;padding:1rem 2rem;background-color:var(--background-secondary);overflow-y:auto}.lesson-item-dialog .markdown-editor-grid .preview-column .preview-label{font-weight:700;border-bottom:1px solid var(--divider-color);padding-bottom:.25rem;margin-bottom:.5rem}.lesson-item-dialog .markdown-editor-grid .editor-column textarea{height:100%;max-width:100%}.lesson-item-dialog .question-options{display:flex;gap:1rem;margin-bottom:1rem}.lesson-item-dialog .question-options .option-item{display:flex;align-items:center}.lesson-item-dialog .question-options .option-item label{margin-left:.5rem}.lesson-item-dialog .question-create-container{margin-bottom:1.5rem}.lesson-item-dialog .question-create-container-select{display:flex;justify-content:center;align-items:left;gap:.5rem;flex-direction:column}.lesson-item-dialog .question-create-container-select .p-dropdown{width:15rem;border:1px solid var(--divider-color);border-radius:.25rem;padding-right:.5rem}.lesson-item-dialog .question-create-container-select .p-dropdown .p-dropdown-label{border:none}.info-block-editor{display:flex;flex-direction:column;gap:1rem}.info-block-editor__meta{display:flex;gap:1rem;align-items:flex-start}.info-block-editor__meta .meta-fields{flex:1;display:flex;flex-direction:column;gap:.5rem}.info-block-editor__meta .subtitle-input{width:100%;border:1px solid var(--divider-color);border-radius:.25rem;padding:.5rem 1rem;background-color:var(--background-primary);color:var(--text-primary);font-size:.95rem}.info-block-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--background-secondary);border-radius:.25rem}.info-block-editor__toolbar .blocks-count{font-size:.85rem;color:var(--text-secondary);font-weight:600}.cover-image-upload{flex-shrink:0;width:8rem;height:8rem;border-radius:.5rem;overflow:hidden;border:2px dashed var(--divider-color);cursor:pointer;transition:border-color .2s ease}.cover-image-upload:hover{border-color:var(--accent-color-blue)}.cover-image-upload .cover-image-preview{position:relative;width:100%;height:100%}.cover-image-upload .cover-image-preview img{width:100%;height:100%;object-fit:cover}.cover-image-upload .cover-image-preview .cover-image-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;opacity:0;transition:opacity .2s ease}.cover-image-upload .cover-image-preview:hover .cover-image-overlay{opacity:1}.cover-image-upload .cover-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem;text-align:center;padding:.25rem}.blocks-warning{background-color:#f1c40f1a;border:1px solid var(--color-warning);border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-primary)}.blocks-empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;border:2px dashed var(--divider-color);border-radius:.5rem;color:var(--text-secondary);text-align:center}.blocks-empty-state p{margin:0;font-size:.95rem}.add-block-area{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.block-palette{background-color:var(--background-primary);border:1px solid var(--divider-color);border-radius:.5rem;box-shadow:0 4px 20px var(--boxshadow-color);padding:1rem;z-index:100;min-width:280px}.block-palette__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.block-palette-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;border:1.5px solid var(--divider-color);border-radius:.5rem;background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease}.block-palette-card__emoji{font-size:1.5rem}.block-palette-card__label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.block-palette-card:hover{border-color:var(--accent-color-blue);background-color:#23afda0d;transform:translateY(-2px);box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.block-palette-card:hover .block-palette-card__label{color:var(--accent-color-blue)}.info-block-item{border:1px solid var(--divider-color);border-radius:.5rem;background-color:var(--background-primary);overflow:hidden;margin-bottom:.5rem;transition:box-shadow .2s ease}.info-block-item:hover{box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.info-block-item__header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--background-secondary);border-bottom:1px solid var(--divider-color);cursor:grab}.info-block-item__header:active{cursor:grabbing}.info-block-item__header .block-drag-handle{color:var(--text-secondary);cursor:grab;padding:.25rem}.info-block-item__header .block-drag-handle:active{cursor:grabbing}.info-block-item__header .block-type-badge{font-size:.85rem;font-weight:600;color:var(--text-secondary);flex:1}.info-block-item__header .block-header-actions{display:flex;align-items:center;gap:.25rem}.info-block-item__header .block-header-actions .block-collapse-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:.25rem;transition:background-color .2s ease;display:flex;align-items:center}.info-block-item__header .block-header-actions .block-collapse-btn:hover{background-color:var(--background-tertiary)}.info-block-item__body{padding:1rem}.block-editor{display:flex;flex-direction:column;gap:.5rem}.block-editor__textarea{width:100%;resize:vertical;font-family:JetBrains Mono,monospace;font-size:.9rem;background-color:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.25rem;padding:.5rem;color:var(--text-primary)}.block-editor__tabs{display:flex;gap:2px;border-bottom:1px solid var(--divider-color);margin-bottom:.5rem}.block-editor__tabs .tab-btn{padding:.25rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease;margin-bottom:-1px}.block-editor__tabs .tab-btn--active{color:var(--accent-color-blue);border-bottom-color:var(--accent-color-blue)}.block-editor__tabs .tab-btn:hover:not(.block-editor__tabs .tab-btn--active){color:var(--text-primary)}.block-editor__preview{min-height:5rem;padding:.5rem 1rem;border:1px solid var(--divider-color);border-radius:.25rem;background-color:var(--background-secondary)}.block-editor__preview .preview-empty{color:var(--text-secondary);font-style:italic;font-size:.9rem}.block-editor__caption-input{width:100%;border:1px solid var(--divider-color);border-radius:.25rem;padding:.25rem 1rem;background-color:var(--background-secondary);color:var(--text-primary);font-size:.9rem}.md-toolbar{display:flex;gap:.25rem;flex-wrap:wrap;padding-bottom:.25rem}.md-toolbar__btn{padding:2px 8px;font-size:.8rem;font-weight:700;background-color:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.25rem;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.md-toolbar__btn:hover{background-color:var(--background-tertiary);border-color:var(--accent-color-blue)}.callout-variant-picker{display:flex;gap:.5rem;flex-wrap:wrap}.callout-variant-picker .variant-btn{padding:.25rem 1rem;border:1.5px solid var(--divider-color);border-radius:1rem;background-color:var(--background-secondary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;color:var(--text-primary)}.callout-variant-picker .variant-btn:hover{opacity:.85}.callout-variant-picker .variant-btn--active{border-width:2px}.callout-variant-picker .variant-btn--active.variant-info{border-color:var(--accent-color-blue);background-color:#23afda1a}.callout-variant-picker .variant-btn--active.variant-tip{border-color:var(--color-success);background-color:#2ecc711a}.callout-variant-picker .variant-btn--active.variant-warning{border-color:var(--color-warning);background-color:#f1c40f1a}.callout-variant-picker .variant-btn--active.variant-danger{border-color:var(--accent-color-red);background-color:#ea57511a}.image-upload-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;border:2px dashed var(--divider-color);border-radius:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;background-color:var(--background-secondary)}.image-upload-zone:hover{border-color:var(--accent-color-blue);color:var(--accent-color-blue)}.image-upload-zone small{font-size:.8rem}.image-preview-wrap{display:flex;flex-direction:column;gap:.5rem}.image-preview-wrap .image-preview{max-height:200px;width:100%;object-fit:contain;border-radius:.25rem;background-color:var(--background-secondary)}.image-preview-wrap .image-preview-actions{display:flex;gap:.5rem;align-items:center}.checklist-item-row{display:flex;align-items:center;gap:.5rem}.checklist-item-row .checklist-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary);flex-shrink:0;padding:0 .25rem;line-height:1;transition:color .2s ease,transform .2s ease}.checklist-item-row .checklist-toggle-btn:hover{color:var(--accent-color-blue);transform:scale(1.15)}.checklist-item-row .checklist-toggle-btn--checked{color:var(--color-success)}.checklist-item-row .checklist-item-input{flex:1;border:1px solid var(--divider-color);border-radius:.25rem;padding:.25rem 1rem;background-color:var(--background-secondary);color:var(--text-primary)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.two-col-grid{grid-template-columns:1fr}}.two-col-side{display:flex;flex-direction:column;gap:.5rem}.two-col-side--left .two-col-title-input{border-color:#2ecc7180}.two-col-side--right .two-col-title-input{border-color:#ea575180}.two-col-side .two-col-title-input{width:100%;font-weight:700;border:1.5px solid var(--divider-color);border-radius:.25rem;padding:.25rem 1rem;background-color:var(--background-secondary);color:var(--text-primary)}.two-col-side .two-col-item-row{display:flex;align-items:center;gap:.25rem}.two-col-side .two-col-item-row .p-inputtext{flex:1}.video-url-input{width:100%;border:1px solid var(--divider-color);border-radius:.25rem;padding:.5rem 1rem;background-color:var(--background-secondary);color:var(--text-primary);font-size:.9rem}.video-thumbnail-preview{display:flex;align-items:center;gap:1rem}.video-thumbnail-preview img{height:5rem;border-radius:.25rem;object-fit:cover}.video-thumbnail-preview .video-id-badge{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.video-url-error{font-size:.875rem;color:var(--accent-color-red);padding:.25rem}.lesson-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.lesson-list .lesson-list-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.lesson-list .lesson-list-header .filter-group{display:flex;gap:.5rem;align-items:center}.lesson-list .lesson-list-header .filter-group .filter-label{font-size:.875rem;font-weight:700;color:var(--text-primary)}.lesson-list .lesson-list-header .filter-group .filter-dropdown{width:12rem;border:solid 1px var(--divider-color);border-radius:.25rem;padding-right:.5rem;background-color:var(--background-primary)}.lesson-list .lesson-list-header .filter-group .filter-dropdown .p-dropdown-label{border:none}.lesson-list .lesson-list-header .actions-group{display:flex;gap:.5rem}.lesson-list .lesson-list-items{display:flex;flex-direction:column;gap:.5rem}.lesson-list .empty-list{text-align:center;padding:3rem;color:var(--text-secondary);border:2px dashed var(--divider-color);border-radius:.5rem}.sortable-lesson-item{background-color:var(--background-primary);padding:1rem;border-radius:.25rem;box-shadow:1px 2px 3px 0 var(--boxshadow-color);display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.25rem;transition:box-shadow .2s ease,transform .2s ease}.sortable-lesson-item:hover{box-shadow:var(--boxshadow-hover)}.sortable-lesson-item .item-left{display:flex;align-items:center;gap:1rem}.sortable-lesson-item .item-left .item-index{color:var(--color-muted);font-family:monospace;font-size:1rem;min-width:1.5rem}.sortable-lesson-item .item-left .item-image{height:2.5rem;border-radius:.25rem}.sortable-lesson-item .item-left .item-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;color:var(--text-inverse);text-transform:uppercase}.sortable-lesson-item .item-left .item-badge.badge-info{background-color:var(--accent-color-blue)}.sortable-lesson-item .item-left .item-badge.badge-question{background-color:var(--color-success)}.sortable-lesson-item .item-left .item-details{display:flex;flex-direction:column}.sortable-lesson-item .item-left .item-details .item-title{font-weight:700;color:var(--text-primary);font-size:1rem}.sortable-lesson-item .item-left .item-details .item-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:.25rem}.sortable-lesson-item .item-actions{display:flex;gap:.5rem}.lessonCard{background-color:var(--background-primary);border-radius:.75rem;box-shadow:1px 2px 3px 0 var(--boxshadow-color);overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;border:1px solid var(--divider-color);cursor:default}.lessonCard.locked{opacity:.7;pointer-events:none;filter:grayscale(.8)}.lessonCard.locked .lockOverlay{position:absolute;inset:0;background:rgba(var(--background-secondary),.6);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lessonCard.locked .lockOverlay svg{font-size:3rem;color:var(--text-secondary)}.lessonCard .imageWrapper{width:100%;height:12rem;background-color:var(--background-secondary);position:relative;overflow:hidden}.lessonCard .imageWrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lessonCard .content{padding:1rem;flex:1;display:flex;flex-direction:column}.lessonCard .content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.lessonCard .content .description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;flex:1}.lessonCard .content .description .readMoreLess{display:block;padding-top:.25rem;cursor:pointer;color:var(--accent-color-blue);font-weight:600}.lessonCard .content .footer{display:flex;align-items:left;flex-direction:column;justify-content:space-between;margin-top:auto;gap:1rem;padding-top:1rem;border-top:1px solid var(--divider-color)}.lessonCard .content .footer .progressWrapper{display:flex;align-items:center;gap:.75rem}.lessonCard .content .footer .progressWrapper .progressText{font-size:.9rem;color:var(--text-secondary);font-weight:500}.circularProgress{position:relative;width:48px;height:48px}.circularProgress svg{width:100%;height:100%;transform:rotate(-90deg)}.circularProgress svg circle{fill:none;stroke-width:4;stroke-linecap:round}.circularProgress svg circle.bg{stroke:var(--divider-color)}.circularProgress svg circle.fg{stroke:var(--accent-color-blue);transition:stroke-dashoffset .5s ease}.circularProgress svg circle.fg.completed{stroke:var(--color-success)}.circularProgress .inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-primary)}.achievement-showcase{display:flex;justify-content:space-around;padding:1rem 0;gap:1rem}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center}@media(min-width:640px){.achievement-grid{grid-template-columns:repeat(4,1fr)}}.achievement-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease;border-radius:.75rem;border:1px solid transparent;width:100%}.achievement-card.is-unlocked{background:linear-gradient(145deg,var(--background-secondary),var(--background-primary));box-shadow:0 4px 15px #00000005;border-color:rgba(var(--accent-color-blue),.05)}.achievement-card.is-unlocked .achievement-icon-wrapper{border-color:var(--accent-color-blue);background:rgba(var(--accent-color-blue),.05)}.achievement-card.is-unlocked .achievement-icon-wrapper .icon{color:var(--accent-color-blue)}.achievement-card.is-locked{opacity:.5;filter:grayscale(100%)}.achievement-card.is-locked .achievement-icon-wrapper{border-color:var(--background-tertiary);background:var(--background-secondary)}.achievement-card.is-locked .achievement-icon-wrapper .icon{color:var(--text-secondary)}.achievement-card:hover{transform:translateY(-2px)}.achievement-card:hover.is-unlocked{box-shadow:0 8px 25px rgba(var(--accent-color-blue),.15);border-color:rgba(var(--accent-color-blue),.3)}.achievement-card .achievement-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;transition:all .2s ease;flex-shrink:0}.achievement-card .achievement-icon-wrapper .achievement-img{width:100%;height:100%;object-fit:cover}.achievement-card .achievement-name{font-size:.8rem;font-weight:700;text-align:center;color:var(--text-primary);margin:0;line-height:1.2}.achievement-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;margin-bottom:1rem;border:1px solid var(--background-tertiary);border-radius:.75rem;background-color:var(--background-primary);transition:transform .2s ease,box-shadow .2s ease}.achievement-list-item:last-child{margin-bottom:0}.achievement-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d;border-color:rgba(var(--accent-color-blue),.3)}.achievement-list-item.is-unlocked{background:linear-gradient(145deg,var(--background-secondary),var(--background-primary));border-color:rgba(var(--accent-color-blue),.1)}.achievement-list-item.is-unlocked .achievement-icon-wrapper{background:rgba(var(--accent-color-blue),.05);border-color:var(--accent-color-blue)}.achievement-list-item.is-locked{opacity:.6;filter:grayscale(100%)}.achievement-list-item.is-locked .achievement-icon-wrapper{background:var(--background-secondary);border-color:var(--background-tertiary)}.achievement-list-item .achievement-info{display:flex;align-items:center;gap:1.5rem}.achievement-list-item .achievement-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--background-secondary);border:1px solid var(--background-tertiary);flex-shrink:0}.achievement-list-item .achievement-icon-wrapper .achievement-img{width:100%;height:100%;object-fit:cover}.achievement-list-item .achievement-details .achievement-name{margin:0;font-weight:700;color:var(--text-primary);font-size:1.1rem}.achievement-list-item .achievement-details .achievement-meta{margin:4px 0 0;font-size:.95rem;color:var(--text-secondary);line-height:1.4}.achievement-list-item .achievement-actions{display:flex;gap:.5rem}.achievement-show-all-button{margin-top:.75rem}.infoItem h1{font-size:2rem;color:var(--text-primary);margin:0;line-height:1.25}.infoItem .info-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.infoItem .cover-image-container{width:100%;max-height:320px;overflow:hidden;border-radius:.5rem;background-color:var(--background-secondary);display:flex;align-items:center;justify-content:center}.infoItem .cover-image-container img{width:100%;max-height:320px;object-fit:cover}.infoItem .info-blocks{display:flex;flex-direction:column;gap:1.5rem}.info-block{width:100%}.info-block--text{font-size:1.05rem;line-height:1.7;color:var(--text-primary)}.info-block--text p{margin-bottom:1rem}.info-block--text ul,.info-block--text ol{margin-left:1.5rem;margin-bottom:1rem}.info-block--text ul li,.info-block--text ol li{margin-bottom:.25rem}.info-block--text h2,.info-block--text h3{color:var(--text-primary);margin-bottom:.5rem;margin-top:1rem}.info-block--text strong{color:var(--text-primary);font-weight:700}.info-block--text em{color:var(--text-secondary)}.info-block--text code{background-color:var(--background-secondary);padding:.1em .4em;border-radius:.25rem;font-size:.9em;font-family:monospace}.info-block--text blockquote{border-left:3px solid var(--accent-color-blue);padding-left:1rem;color:var(--text-secondary);margin:1rem 0}.info-block--image{margin:0}.info-block--image img{width:100%;max-height:400px;object-fit:contain;border-radius:.5rem;background-color:var(--background-secondary);display:block}.info-block--image figcaption{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary);font-style:italic}.info-block--callout{display:flex;gap:1rem;padding:1rem 1.5rem;border-radius:.5rem;border-left:4px solid}.info-block--callout .callout-icon{font-size:1.4rem;flex-shrink:0;line-height:1.4}.info-block--callout .callout-body{display:flex;flex-direction:column;gap:.25rem}.info-block--callout .callout-body .callout-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.info-block--callout .callout-body p{margin:0;font-size:1rem;line-height:1.5}.info-block--callout-info{border-color:var(--accent-color-blue);background-color:#23afda14}.info-block--callout-info .callout-label{color:var(--accent-color-blue)}.info-block--callout-tip{border-color:var(--color-success);background-color:#2ecc7114}.info-block--callout-tip .callout-label{color:var(--color-success)}.info-block--callout-warning{border-color:var(--color-warning);background-color:#f1c40f14}.info-block--callout-warning .callout-label{color:#c9a800}.info-block--callout-danger{border-color:var(--accent-color-red);background-color:#ea575114}.info-block--callout-danger .callout-label{color:var(--accent-color-red)}.info-block--checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.info-block--checklist li{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);transition:color .2s ease}.info-block--checklist li .checklist-icon{font-size:1.1rem;color:var(--text-secondary);flex-shrink:0}.info-block--checklist li.checklist-item--checked .checklist-icon{color:var(--color-success)}.info-block--two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.info-block--two-column{grid-template-columns:1fr}}.info-block--two-column .column{border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.info-block--two-column .column h4{font-size:.95rem;font-weight:700;margin:0 0 .25rem;padding-bottom:.25rem;border-bottom:2px solid currentColor}.info-block--two-column .column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.info-block--two-column .column ul li{font-size:.95rem;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--glass-effect)}.info-block--two-column .column--left{background-color:#2ecc710f;border:1px solid rgba(46,204,113,.2)}.info-block--two-column .column--left h4{color:var(--color-success)}.info-block--two-column .column--right{background-color:#ea57510f;border:1px solid rgba(234,87,81,.2)}.info-block--two-column .column--right h4{color:var(--accent-color-red)}.info-block--video .video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.5rem;background-color:var(--background-secondary)}.info-block--video .video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.info-slide-preview-dialog .preview-dialog-body{padding:1rem;background-color:var(--background-secondary);border-radius:.5rem}.info-slide-preview-dialog .preview-content-wrapper{background-color:var(--background-primary);border-radius:.75rem;padding:2rem;box-shadow:0 0 5px 0 var(--boxshadow-color);max-width:800px;margin:0 auto}.info-slide-preview-dialog .preview-dialog-footer{display:flex;justify-content:flex-end;padding-top:1rem}.quiz-timeline{display:flex;flex-direction:column;width:100%;padding-bottom:.5rem;margin-top:.25rem}.quiz-timeline__bar{display:flex;height:8px;height:.5rem;width:100%;border-radius:999px;overflow:hidden;background-color:var(--background-tertiary);box-shadow:inset 0 1px 2px var(--boxshadow-color)}.quiz-timeline__segment{height:100%;transition:width .5s ease}.quiz-timeline__segment--red{background-color:var(--accent-color-red)}.quiz-timeline__segment--green{background-color:var(--color-success)}.quiz-timeline__segment--gray{background-color:var(--color-muted)}.quiz-timeline__labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;padding:0 .25rem}.quiz-timeline__labels span{font-weight:500;opacity:.8}.moremenu{padding:1rem;max-width:50rem;margin:0 auto}.moremenu h1{width:100%;text-align:center;margin:0;margin-bottom:1rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1rem 1rem 8rem;box-sizing:border-box}.login-container .login-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.login-container .login-header .login-logo{width:5rem;height:5rem;margin-bottom:1rem}.login-container .login-header .login-title{font-size:2.5rem;font-weight:700;margin:0}.login-container .login-header .login-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-top:.25rem}.login-container .login-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.profile-page{padding:1rem;display:flex;flex-direction:column;gap:.25rem;max-width:50rem;margin:0 auto}.profile-page .profile-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.profile-page .profile-header .page-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.profile-page .profile-header .profile-name{font-size:1.5rem;font-weight:600;margin-top:.5rem;margin-bottom:0}.profile-page .profile-header .profile-email{font-size:1rem;color:var(--text-secondary);margin:0}.profile-page .profile-header .profile-roles{display:flex;gap:.5rem;margin-top:.5rem}.profile-page .level-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.profile-page .level-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.profile-page .level-name{color:var(--text-primary)}.profile-page .level-footer{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.profile-page .progress-percentage{color:var(--text-secondary);font-size:.9rem;min-width:40px;text-align:right}.profile-delete-dialog-footer button{margin:0 .5rem}.profile-delete-dialog-footer button:first-child{margin-left:0}.profile-delete-dialog-footer button:last-child{margin-right:0}.admin-settings-page{padding:1rem;max-width:50rem;margin:0 auto}.admin-settings-page__form{display:flex;flex-direction:column;gap:1rem}.admin-settings-page .org-admin-actions{display:flex;justify-content:flex-start;width:100%}.org-admin-delete-dialog-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.org-admin-create-form{display:flex;flex-direction:column;gap:1rem}.org-admin-create-form .button{max-width:15rem}.messages-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.messages-page .p-tabview .p-tabview-panels{background:transparent;padding:1rem 0}.messages-page .invitation-actions{display:flex;gap:.5rem}.invitation-dialog .p-dialog-content{padding-top:1.25rem}.invitation-dialog-footer button{margin:0 .5rem}.invitation-dialog-footer button:first-child{margin-left:0}.invitation-dialog-footer button:last-child{margin-right:0}.imprint-page{padding:.5rem 2rem;margin:0 auto}@media(min-width:768px){.imprint-page{max-width:50vw}}.imprint-page h1,.imprint-page h2{font-weight:700;margin-bottom:1rem}.imprint-page h1{font-size:2rem}.imprint-page h2{font-size:1.5rem;margin-top:2rem}.imprint-page p{margin-bottom:.5rem;line-height:1.6}.imprint-page .contact-info a{color:var(--primary-color);text-decoration:none}.imprint-page .contact-info a:hover{text-decoration:underline}.question-form{width:35rem;max-width:85vw;margin:0 auto}.question-form-panel-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.question-form-panel-group-wrapper{margin-top:1rem}.question-form-panel-group-text{display:flex;flex-direction:column}.question-form-panel-group-upload{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:.5rem}.question-form-panel-answers-answer{display:flex;flex-direction:column;margin-bottom:1rem}.question-form-panel-answers-answer .toggle-value{margin:auto .5rem;text-align:center;width:3.25rem;margin:auto .0625rem;display:flex;justify-content:center;align-items:center}.question-form-panel-answers-answer-btns{display:flex;justify-content:space-between}.question-form-panel-answers-answer-btns .switch-track{margin-left:0}.question-form-panel-answers-answer-btns span{display:flex}.question-form-panel-answers-answer-btns span .button{width:2rem;height:2rem;margin:.25rem}.question-form-panel-answers-answer-btns span .button-icon{padding:0}.question-form-panel-answers-answer-btns span img{margin:0 .5rem}.question-form-panel-answers-truefalse{display:flex;flex-direction:column}.question-form-panel-answers-truefalse-btns{margin-top:.5rem;display:flex;justify-content:flex-start;gap:.5rem}.question-form-panel-answers-pair{display:flex;flex-direction:column;margin-bottom:.125rem;width:100%}.question-form-panel-answers-pair input{margin:.125rem auto}.question-form-panel-answers-pair-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;width:100%}.question-form-panel-answers-pair-btn .button{width:2rem;height:2rem}.question-form-panel-answers-pair-btn .button-icon{padding:0}.question-form-panel-answers-sort .p-orderlist-controls .p-button{background-color:transparent;color:var(--accent-color-blue);font-size:1.5rem;border:2px solid var(--accent-color-blue);width:2rem;height:2rem;border-radius:.5rem;margin:.25rem}.question-form-panel-answers-sort .p-orderlist-controls .p-button:disabled{color:var(--color-muted);border-color:var(--color-muted)}.question-form-panel-answers-sort .p-orderlist-controls .p-button:nth-child(2n){display:none}.question-form-panel-answers-sort .p-orderlist-item div{display:flex;justify-content:space-between;align-items:center;margin:0 1rem;padding:0 .5rem;background-color:var(--background-secondary);border:solid 1px var(--background-tertiary);border-radius:.5rem}.question-form-panel-answers-sort .p-orderlist-item div .button{width:2rem;height:2rem;margin:.5rem 0}.question-form-panel-answers-sort .p-orderlist-item div .button-icon{padding:0}.question-form-panel-answers-sort .p-orderlist-item.p-highlight div{background-color:var(--background-tertiary)}.question-form-panel-answers-sort .p-orderlist-droppoint{height:1rem}.question-form-panel-answers-sort-input .button{margin:.25rem 0}.question-form-panel-settings{display:flex;justify-content:space-between;flex-direction:column;margin:2rem auto 1rem;gap:1rem;border-top:solid 1px var(--background-tertiary);padding-top:1rem}.question-form-panel-settings label{margin-right:.5rem}.question-form-panel-settings .p-dropdown{width:10rem;border:solid 1px var(--divider-color);border-radius:.25rem;padding-right:.5rem}.question-form-panel-settings .p-dropdown .p-dropdown-label{border:none}.question-form-panel-settings .p-slider{margin-top:.25rem}.learning-page{padding:1rem;height:100%;display:flex;flex-direction:column}.learning-page__header{display:flex;align-items:center;gap:1rem}.learning-page__header h1{margin:0}.learning-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.learning-page__actions{display:flex;gap:1rem;margin-top:1rem;width:100%}.learning-page__actions button{flex:1}.quiz-page{display:flex;flex-direction:column;height:100%;background-color:var(--background-secondary);overflow-y:auto;padding:1rem}@media(min-width:768px){.quiz-page{padding:2rem}}.quiz-page__content{max-width:32rem;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.quiz-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.quiz-page__header .close-btn{cursor:pointer;color:var(--text-secondary);transition:color .2s ease;background:none;border:none;padding:.25rem;width:3rem}.quiz-page__header .close-btn:hover{color:var(--text-primary)}.quiz-page__header .title{font-weight:700;font-size:1.125rem;color:var(--text-primary)}.quiz-page__header .progress-pill{background-color:var(--accent-color-blue);padding:.125rem .625rem;border-radius:999px;font-size:.75rem;color:#fff;font-weight:600;width:3rem}.quiz-page__header .header-center{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 1rem}.quiz-page__header .empty-pill{width:3rem}.quiz-page__loading,.quiz-page__error,.quiz-page__empty{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}.quiz-page__loading-spinner{width:3rem;height:3rem;border-top:2px solid var(--accent-color-blue);border-bottom:2px solid var(--accent-color-blue);border-radius:50%;animation:spin 1s linear infinite}.quiz-page__error-content{display:flex;flex-direction:column;gap:1rem}.quiz-page__error-content h2{font-size:1.25rem;color:var(--accent-color-red)}.quiz-page__empty-card{max-width:28rem;width:100%;padding:2rem}.quiz-page__empty-card .emoji{font-size:3.75rem;margin-bottom:1.5rem}.quiz-page__empty-card h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.quiz-page__empty-card p{color:var(--text-secondary);margin-bottom:2rem}.quiz-page__result-overlay{margin-top:1.5rem;padding:1.5rem;border-radius:.75rem;border:1px solid transparent;box-shadow:0 10px 15px -3px var(--boxshadow-color);animation:slideUpFade .8s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.quiz-page__result-overlay--correct{background-color:#2ecc711a;border-color:var(--color-success)}.quiz-page__result-overlay--incorrect{background-color:#ea57511a;border-color:var(--accent-color-red)}.quiz-page__result-overlay .result-content{display:flex;align-items:flex-start;gap:1rem;width:100%}.quiz-page__result-overlay .icon{font-size:2.25rem;flex-shrink:0}.quiz-page__result-overlay .icon--correct{color:var(--color-success)}.quiz-page__result-overlay .icon--incorrect{color:var(--accent-color-red)}.quiz-page__result-overlay .details{flex:1}.quiz-page__result-overlay .details h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.quiz-page__result-overlay .details h3.correct{color:#25a25a}.quiz-page__result-overlay .details h3.incorrect{color:#e52b23}.quiz-page__result-overlay .details .explanation-image{margin-bottom:1rem;width:100%;height:auto;max-height:14rem;object-fit:contain;background-color:#0000000d;border-radius:.5rem;box-shadow:0 2px 4px var(--boxshadow-color)}.quiz-page__result-overlay .details .explanation-text{color:var(--text-primary);line-height:1.6}.quiz-page__result-overlay .details .explanation-text p{margin-bottom:.5rem}.quiz-page__result-overlay .details .explanation-text table{border-collapse:collapse;width:100%}.quiz-page__result-overlay .details .explanation-text th,.quiz-page__result-overlay .details .explanation-text td{border:1px solid var(--divider-color);padding:8px}.quiz-page__result-overlay .details .xp-details{margin-top:1rem;display:flex;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-warning)}.quiz-page__result-overlay .details .xp-details .level-up{animation:bounce 1s infinite}.quiz-page__actions{margin-top:1.5rem;width:100%;animation:slideUpFade 1s cubic-bezier(.2,.8,.2,1);padding-bottom:1rem}.quiz-page__question-wrapper{transition:opacity 1.5s ease,filter 1.5s ease}.quiz-page__question-wrapper--disabled{opacity:.4;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.lesson-settings-container{padding:1rem}.lesson-settings-container .lesson-settings-header{display:flex;justify-content:left;align-items:center;margin-bottom:1.5rem}.lesson-settings-container .lesson-settings-header h3{margin:0;font-size:1.5rem;color:var(--text-primary);margin-right:1rem}.lesson-settings-container .lesson-list-wrapper{border-radius:.5rem;width:40rem}.create-lesson-dialog{display:flex;flex-direction:column;gap:1rem}.create-lesson-dialog label{font-weight:700;margin-bottom:.125rem;display:block}.create-lesson-dialog .image-upload .image-wrapper{display:flex;justify-content:left;align-items:center;gap:.5rem;margin:.5rem 0}.lesson-dialog-footer{display:flex;justify-content:flex-end;gap:.75rem}.lesson-dialog-footer button{margin:0}.lessonsPage{padding:1rem;height:100%;overflow-y:auto}.lessonsPage h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.lessonsPage .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,350px));gap:1rem}.lessonsPage .loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:var(--text-secondary)}.lessonsPage .empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.lessonsPage .empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.lessonsPage .empty p{font-size:1.1rem}.lessonRunPage{display:flex;flex-direction:column;height:100%;background-color:var(--background-secondary);position:relative;overflow:hidden}.lessonRunPage .header{display:flex;align-items:center;justify-content:space-between;padding:0rem 1rem;position:relative;z-index:2}.lessonRunPage .header h2{font-size:1.25rem;margin:0;color:var(--text-primary);flex:1;text-align:center;font-weight:600}.lessonRunPage .header .navButton{background:none;border:none;color:var(--accent-color-blue);font-size:1.5rem;cursor:pointer;transition:color .2s ease;padding:.5rem;border-radius:50%}.lessonRunPage .header .navButton:hover:not(:disabled){color:var(--text-inverse);background-color:var(--accent-color-blue-hover)}.lessonRunPage .header .navButton:disabled,.lessonRunPage .header .navButton--disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.lessonRunPage .header .navButton--hidden{visibility:hidden}.lessonRunPage .progress-bar-container{width:100%;height:3px;background:transparent;position:relative;z-index:1}.lessonRunPage .progress-bar-container .progress-bar{height:100%;background:var(--accent-color-blue);transition:width .4s ease}.lessonRunPage .contentArea{flex:1;overflow-y:auto;padding:1rem;display:flex;justify-content:center}.lessonRunPage .contentArea .contentWrapper{width:100%;max-width:800px;background-color:var(--background-primary);border-radius:.75rem;box-shadow:0 0 5px 0 var(--boxshadow-color);padding:1rem;display:flex;flex-direction:column;gap:2rem}.lessonRunPage__loading{display:flex;justify-content:center;align-items:center;flex:1;width:100%;min-height:50vh}.lessonRunPage__loading-spinner{width:48px;height:48px;border:4px solid var(--background-primary);border-top:4px solid var(--accent-color-blue);border-radius:50%;animation:lessonRunSpin 1s linear infinite}.lessonRunPage__error{display:flex;justify-content:center;align-items:center;flex:1;width:100%;padding:2rem}.lessonRunPage__error-content{background-color:var(--background-primary);padding:3rem;border-radius:.75rem;text-align:center;box-shadow:0 0 5px 0 var(--boxshadow-color);max-width:500px;width:100%}.lessonRunPage__error-content h2{color:var(--accent-color-red);margin-bottom:2rem;font-size:1.5rem;font-weight:600}@keyframes lessonRunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.infoItem{display:flex;flex-direction:column;gap:1.5rem}.infoItem h1{font-size:2rem;color:var(--text-primary);margin:0}.infoItem .imageContainer{width:100%;max-height:400px;overflow:hidden;border-radius:.5rem;background-color:var(--background-secondary);display:flex;align-items:center;justify-content:center}.infoItem .imageContainer img{max-width:100%;max-height:100%;object-fit:contain}.infoItem .markdownContent{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.infoItem .markdownContent p{margin-bottom:1rem}.infoItem .markdownContent ul,.infoItem .markdownContent ol{margin-left:1.5rem;margin-bottom:1rem}.infoItem .markdownContent strong{color:var(--text-primary);font-weight:700}.infoItem .actionButton{align-self:flex-end;margin-top:auto}.questionItem{display:flex;flex-direction:column;gap:1.5rem;height:100%}.questionItem .retryMessage{background-color:var(--color-muted-red);color:var(--accent-color-red);padding:1rem;border-radius:.5rem;text-align:center;font-weight:600;border:1px solid var(--accent-color-red-hover);animation:fadeIn .3s ease}.questionItem .quizWrapper{flex:1}.completionScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:2rem;animation:fadeIn .5s ease}.completionScreen .iconWrapper{width:120px;height:120px;background-color:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #2ecc714d}.completionScreen .iconWrapper i{font-size:4rem;color:#fff}.completionScreen h1{font-size:2.5rem;color:var(--text-primary);margin:0}.completionScreen p{font-size:1.25rem;color:var(--text-secondary);max-width:600px}.completionScreen .stats-grid{display:flex;gap:1.5rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.completionScreen .stats-grid .stat-box{background-color:var(--background-secondary);border:1px solid var(--background-tertiary);border-radius:.75rem;padding:1.5rem;min-width:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:1px 2px 3px 0 var(--boxshadow-color)}.completionScreen .stats-grid .stat-box .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.completionScreen .stats-grid .stat-box .stat-value.xp-counter{color:var(--accent-color-blue);animation:xpPop .8s cubic-bezier(.175,.885,.32,1.275) forwards}.completionScreen .stats-grid .stat-box .stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.completionScreen .streak-badge{background-color:#ff98001a;color:#f57c00;border:1px solid rgba(255,152,0,.3);padding:.75rem 1.5rem;border-radius:999px;font-weight:700;font-size:1.125rem;animation:fadeIn .5s ease .3s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes xpPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.challenge-runner{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-secondary);color:var(--text-primary)}.challenge-runner .runner-header{position:sticky;top:0;z-index:100;background:rgba(var(--background-primary),.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--divider-color),.5);padding:.5rem 1rem}.challenge-runner .runner-header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:50rem;margin:0 auto;width:100%}.challenge-runner .runner-header .challenge-info{display:flex;align-items:center;gap:1rem}.challenge-runner .runner-header .challenge-info .challenge-img{width:2.5rem;height:2.5rem;border-radius:.5rem;object-fit:cover}.challenge-runner .runner-header .challenge-info .challenge-placeholder{width:2.5rem;height:2.5rem;border-radius:.5rem;background:rgba(var(--accent-color-blue),.1);color:var(--accent-color-blue);display:flex;align-items:center;justify-content:center}.challenge-runner .runner-header .challenge-info .info-text{display:flex;flex-direction:column;justify-content:center}.challenge-runner .runner-header .challenge-info .info-text .title{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.challenge-runner .runner-header .challenge-info .info-text .progress-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.challenge-runner .runner-header .progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent}.challenge-runner .runner-header .progress-bar-container .progress-bar{height:100%;background:var(--accent-color-blue);transition:width .4s ease}.challenge-runner .runner-main{flex:1;width:100%;max-width:50rem;margin:0 auto;padding:1.5rem 1rem;padding-bottom:120px}.challenge-runner .quiz-page__result-overlay{margin-top:2rem;padding:1.5rem;border-radius:.75rem;background:var(--background-primary);box-shadow:0 4px 12px #0000000d;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;gap:1rem}.challenge-runner .quiz-page__result-overlay .result-content{display:flex;gap:1rem;align-items:flex-start}.challenge-runner .quiz-page__result-overlay .icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.challenge-runner .quiz-page__result-overlay .icon--correct{background:var(--color-success)}.challenge-runner .quiz-page__result-overlay .icon--incorrect{background:var(--accent-color-red)}.challenge-runner .quiz-page__result-overlay .details h3{margin:0 0 .25rem;font-size:1.25rem}.challenge-runner .quiz-page__result-overlay .details h3.correct{color:var(--color-success)}.challenge-runner .quiz-page__result-overlay .details h3.incorrect{color:var(--accent-color-red)}.challenge-runner .quiz-page__result-overlay .details .explanation-text{color:var(--text-secondary);line-height:1.5}.challenge-runner__loading-wrapper,.challenge-runner__empty-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-secondary)}.challenge-runner__loading-content,.challenge-runner__empty-card{text-align:center}.challenge-runner__empty-card{padding:2rem;max-width:24rem}.challenge-runner__loading-icon{animation:spin 1s linear infinite;color:var(--accent-color-blue);margin-bottom:1rem}.challenge-runner__empty-icon{color:#f97316;margin-bottom:1rem;margin-left:auto;margin-right:auto}.challenge-runner__loading-text,.challenge-runner__empty-text{color:var(--text-secondary);font-weight:500}.challenge-runner__empty-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.challenge-runner__empty-text{margin-bottom:1.5rem}.challenge-runner__confetti{position:fixed;width:100%;height:100%;top:0;left:0;z-index:3000;pointer-events:none}.challenge-runner__quiz-page{background:transparent;padding:1rem;flex:1;overflow-y:auto}.challenge-runner__quiz-content{margin:0 auto;max-width:32rem;width:100%}.challenge-runner__result-title{display:flex;align-items:center;gap:.5rem}.challenge-runner__badges{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;margin-bottom:.75rem}.challenge-runner__badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:700;border-radius:9999px;width:fit-content;box-shadow:0 1px 2px #0000000d;border:1px solid transparent}.challenge-runner__badge--xp{background-color:#fef9c3;color:#854d0e;border-color:#fef08a}.challenge-runner__badge--streak{background-color:#ffedd5;color:#9a3412;border-color:#fed7aa}.challenge-runner__badge--levelup{background-color:#f3e8ff;color:#6b21a8;border-color:#e9d5ff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.challenge-runner__actions{margin-top:32px}.challenge-summary{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;overflow-y:auto;background:radial-gradient(circle at 50% 30%,rgba(var(--accent-color-blue),.15),var(--background-secondary) 80%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.challenge-summary__card{width:100%;max-width:400px;background:rgba(var(--background-primary),.75);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:2rem;padding:3rem 2rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #fff3 inset;display:flex;flex-direction:column;align-items:center;text-align:center;animation:cardFloat .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.challenge-summary__card:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(var(--accent-color-blue),.2),transparent 70%);z-index:0;pointer-events:none}.challenge-summary__hero{position:relative;z-index:1;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.challenge-summary__hero .trophy-ring{width:80px;height:80px;border-radius:50%;display:flex;background:var(--glass-effect);align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 5px 0 var(--boxshadow-color)}.challenge-summary__hero .percentage{font-size:4rem;font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:.125rem;font-feature-settings:"tnum"}.challenge-summary__hero .label{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.challenge-summary__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-bottom:2rem;position:relative;z-index:1}.challenge-summary__grid .stat-box{background:rgba(var(--background-secondary),.5);border:1px solid rgba(var(--divider-color),.5);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.challenge-summary__grid .stat-box .val{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.challenge-summary__grid .stat-box .lbl{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;font-weight:600}.challenge-summary__reward{width:100%;position:relative;z-index:1;background:linear-gradient(90deg,rgba(var(--color-success),.1),rgba(var(--color-success),.05));border:1px solid rgba(var(--color-success),.2);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.challenge-summary__reward .icon-box{width:2.5rem;height:2.5rem;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px rgba(var(--color-success),.3)}.challenge-summary__reward .text-box{text-align:left}.challenge-summary__reward .text-box h4{margin:0;font-size:.9rem;font-weight:800;color:rgba(var(--color-success),.15);text-transform:uppercase}.challenge-summary__reward .text-box p{margin:0;font-size:.9rem;color:rgba(var(--color-success),.1)}.challenge-summary__info{width:100%;text-align:center;color:var(--text-secondary);font-size:.85rem;padding:1rem;background:rgba(var(--divider-color),.2);border-radius:.75rem;margin-bottom:2rem}.challenge-summary__actions{width:100%;z-index:1}.challenge-summary__actions button{width:100%;border-radius:.75rem;font-weight:700;height:3.5rem;box-shadow:0 10px 20px rgba(var(--accent-color-blue),.2);transition:transform .2s,box-shadow .2s}.challenge-summary__actions button:active{transform:scale(.98)}@keyframes cardFloat{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-hub{display:flex;min-height:calc(100vh - 4rem);gap:0}.admin-hub-main{flex:1;padding:2rem;overflow-y:auto}.admin-hub-sidebar{width:13rem;min-width:13rem;background:var(--background-secondary);border-right:1px solid var(--divider-color);display:flex;flex-direction:column;padding:1rem 0;transition:width .3s ease}.admin-hub-sidebar-header{padding:.5rem 1rem 1rem;border-bottom:1px solid var(--divider-color);margin-bottom:.5rem}.admin-hub-sidebar-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted)}.admin-hub-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.admin-hub-sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:background .2s ease,color .2s ease;text-align:left;width:100%}.admin-hub-sidebar-item:hover{background:var(--background-tertiary);color:var(--text-primary)}.admin-hub-sidebar-item--active{background:var(--accent-color-blue);color:var(--text-inverse)}.admin-hub-sidebar-item--active .admin-hub-sidebar-item-icon{color:var(--text-inverse)}.admin-hub-sidebar-item-icon{font-size:1rem;flex-shrink:0}.admin-hub-sidebar-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-hub-access-denied{display:flex;align-items:center;justify-content:center;min-height:60vh}.admin-hub-access-denied-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-hub-access-denied-icon{font-size:3rem}.admin-hub-back-btn{padding:.5rem 1.5rem;background:var(--accent-color-blue);color:var(--text-inverse);border:none;border-radius:.5rem;cursor:pointer}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.admin-page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.admin-page-loading{padding:2rem;color:var(--text-secondary);text-align:center}.admin-members-page{display:flex;flex-direction:column;gap:2rem}.admin-members-invite-panel{background:var(--background-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--divider-color)}.admin-members-invite-panel-title{font-size:1rem;font-weight:600;margin:0 0 1rem}.admin-members-invite-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end}.admin-members-invite-groups{display:flex;flex-direction:column;gap:.25rem}.admin-members-invite-submit{display:flex;align-items:flex-end}.admin-members-table-wrapper{border-radius:.75rem;overflow:hidden}.admin-members-expand-row{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:var(--background-secondary);align-items:flex-start;flex-wrap:wrap}.admin-members-expand-field{display:flex;flex-direction:column;gap:.25rem;min-width:12rem}.admin-members-expand-field--groups{flex:1}.admin-members-expand-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-members-expand-actions{display:flex;gap:.5rem;align-items:flex-end;margin-left:auto}.admin-members-expand-loading,.admin-members-expand-self{padding:1rem 1.5rem;color:var(--text-secondary);font-style:italic}.admin-members-invitations,.admin-members-section-title{font-size:1rem;font-weight:600;margin:0 0 1rem}.chip-select{position:relative}.chip-select-tags{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;min-height:2.25rem;padding:.25rem;border:1px solid var(--divider-color);border-radius:.5rem;background:var(--background-primary)}.chip-select-chip{display:inline-flex;align-items:center;gap:.125rem;background:var(--accent-color-blue);color:var(--text-inverse);border-radius:1rem;padding:.15rem .5rem;font-size:.8rem;font-weight:500}.chip-select-chip-remove{background:none;border:none;color:var(--text-inverse);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.8;transition:opacity .2s ease}.chip-select-chip-remove:hover{opacity:1}.chip-select-add-btn{background:none;border:1px dashed var(--divider-color);border-radius:1rem;padding:.15rem .5rem;font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:border-color .2s ease,color .2s ease}.chip-select-add-btn:hover{border-color:var(--accent-color-blue);color:var(--accent-color-blue)}.chip-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:14rem;background:var(--background-primary);border:1px solid var(--divider-color);border-radius:.5rem;box-shadow:0 0 5px 0 var(--boxshadow-color);z-index:100;overflow:hidden}.chip-select-search{display:block;width:100%;padding:.5rem 1rem;border:none;border-bottom:1px solid var(--divider-color);background:var(--background-secondary);color:var(--text-primary);font-size:.875rem;outline:none}.chip-select-options{max-height:12rem;overflow-y:auto}.chip-select-option{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.875rem;transition:background .2s ease}.chip-select-option:hover{background:var(--background-secondary)}.chip-select-empty{padding:1rem;color:var(--text-secondary);text-align:center;font-size:.875rem}.admin-groups-page{display:flex;flex-direction:column;gap:1.5rem}.admin-groups-layout{display:block}.admin-groups-layout--split{display:grid;grid-template-columns:1.5fr minmax(22rem,1fr);gap:1.5rem;align-items:start}.admin-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.admin-groups-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:var(--text-secondary)}.group-card{background:var(--background-tertiary);border:2px solid transparent;border-radius:.75rem;padding:1rem;cursor:pointer;box-shadow:0 0 5px 0 var(--boxshadow-color);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.group-card:hover{border-color:var(--accent-color-blue);box-shadow:var(--boxshadow-hover);transform:translateY(-1px)}.group-card--selected{border-color:var(--accent-color-blue);background:var(--background-primary)}.group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.group-card-name{font-weight:700;font-size:1rem;color:var(--text-primary)}.group-card-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:1rem}.group-card-badge--admin{background:#fde8e8;color:#c0392b}.group-card-badge--editor{background:#e8f4fd;color:#2980b9}.group-card-badge--reviewer{background:#fef9e7;color:#d35400}.group-card-badge--member{background:#eafaf1;color:#27ae60}.group-card-stats{display:flex;gap:1rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.group-card-stat strong{color:var(--text-primary)}.group-card-footer{display:flex;justify-content:flex-end}.group-card-actions{display:flex;gap:.25rem;align-items:center}.group-card-header-badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.group-card-auto-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:1rem;background:rgba(var(--color-success),.15);color:var(--color-success);border:1px solid rgba(var(--color-success),.3)}.group-side-panel{background:var(--background-primary);border:1px solid var(--divider-color);border-radius:.75rem;display:flex;flex-direction:column;box-shadow:0 0 5px 0 var(--boxshadow-color);position:sticky;top:1.5rem;max-height:80vh;overflow:hidden}.group-side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--divider-color)}.group-side-panel-title{font-size:1.1rem;font-weight:700;margin:0}.group-side-panel-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.group-side-panel-field{display:flex;flex-direction:column;gap:.25rem}.group-side-panel-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.group-side-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--divider-color);gap:.5rem}.group-side-panel-footer-actions{display:flex;gap:.5rem;margin-left:auto}.group-side-panel-hint{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.group-side-panel-field-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.group-add-all-btn{font-size:.75rem;font-weight:600;color:var(--accent-color-blue);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}.group-add-all-btn:hover{opacity:.75}.group-add-all-btn:disabled{opacity:.35;cursor:not-allowed;text-decoration:none}.group-auto-member-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.5rem}.group-auto-member-label{display:flex;flex-direction:column;gap:2px;cursor:pointer;flex:1;min-width:0}.group-auto-member-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.group-auto-member-hint{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.group-auto-member-checkbox{appearance:none;position:relative;width:2.5rem;height:1.4rem;background:var(--background-tertiary);border:2px solid var(--divider-color);border-radius:1rem;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.group-auto-member-checkbox:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:.85rem;height:.85rem;border-radius:50%;background:var(--color-muted);transition:left .2s ease,background .2s ease}.group-auto-member-checkbox:checked{background:var(--color-success);border-color:var(--color-success)}.group-auto-member-checkbox:checked:after{left:calc(100% - 1rem);background:#fff}.group-side-panel-footer-left{display:flex;align-items:center;gap:.5rem}.group-panel-auto-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:1rem;background:rgba(var(--color-success),.12);color:var(--color-success);border:1px solid rgba(var(--color-success),.25);white-space:nowrap}.group-panel-auto-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.admin-content-page{display:flex;flex-direction:column;gap:2rem}.admin-content-tree{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.admin-content-column{background:var(--background-secondary);border-radius:.75rem;overflow:hidden;border:1px solid var(--divider-color)}.admin-content-column-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--divider-color);background:var(--background-primary)}.admin-content-column-title{font-weight:700;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-content-list{display:flex;flex-direction:column;max-height:28rem;overflow-y:auto}.admin-content-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;border-bottom:1px solid var(--divider-color);cursor:pointer;transition:background .2s ease}.admin-content-item:last-child{border-bottom:none}.admin-content-item:hover{background:var(--background-tertiary)}.admin-content-item--active{background:#23afda1a;border-left:3px solid var(--accent-color-blue)}.admin-content-item-main{display:flex;align-items:center;gap:.5rem}.admin-content-item-img{width:2rem;height:2rem;object-fit:cover;border-radius:.25rem}.admin-content-item-name{font-weight:500;color:var(--text-primary)}.admin-content-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.admin-content-item:hover .admin-content-item-actions{opacity:1}.admin-content-empty{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.admin-content-loading{padding:1.5rem;text-align:center;color:var(--text-secondary)}.admin-content-questions{background:var(--background-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--divider-color)}.admin-permissions-page{display:flex;flex-direction:column;gap:1.5rem}.admin-permissions-legend{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1rem;background:var(--background-secondary);border-radius:.5rem;font-size:.85rem;color:var(--text-secondary)}.admin-permissions-table-wrapper{overflow-x:auto;border-radius:.75rem;border:1px solid var(--divider-color)}.admin-permissions-table{width:100%;border-collapse:collapse}.admin-permissions-th{padding:.5rem 1rem;background:var(--background-secondary);border-bottom:2px solid var(--divider-color);font-weight:700;font-size:.85rem;text-align:left;white-space:nowrap}.admin-permissions-th--topic{min-width:14rem}.admin-permissions-th--role{text-align:center}.admin-permissions-td{padding:.5rem 1rem;border-bottom:1px solid var(--divider-color)}.admin-permissions-td--topic-name{display:flex;flex-direction:column;gap:2px}.admin-permissions-td--category-name{padding-left:2rem}.admin-permissions-td--role{text-align:center}.admin-permissions-row--topic{background:var(--background-secondary)}.admin-permissions-row--clickable{cursor:pointer;transition:background .2s ease}.admin-permissions-row--clickable:hover{background:var(--background-tertiary)}.admin-permissions-role-groups{display:flex;flex-direction:column;gap:4px;align-items:center}.admin-permissions-topic-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.perm-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .25rem;border-radius:.25rem}.perm-badge--admin{background:#fde8e8;color:#c0392b}.perm-badge--editor{background:#e8f4fd;color:#2980b9}.perm-badge--reviewer{background:#fef9e7;color:#d35400}.perm-badge--member{background:#eafaf1;color:#27ae60}.perm-badge--none{color:var(--color-muted)}.perm-badge--small{font-size:10px;padding:2px 4px}.admin-permissions-empty{padding:4rem;text-align:center;color:var(--text-secondary)}.admin-permissions-hint{font-size:.875rem;margin-top:.5rem}.admin-permissions-dialog-content{display:flex;flex-direction:column;gap:1rem;min-width:350px;margin-top:1rem}.admin-permissions-dialog-hint{margin:0;color:var(--text-secondary)}.admin-permissions-group-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--background-secondary);border-radius:.5rem}.admin-permissions-group-info{display:flex;align-items:center;gap:.5rem}.admin-permissions-group-actions{display:flex;align-items:center;gap:.75rem}.admin-permissions-inherited-hint{font-size:.75rem;color:var(--text-secondary)}.admin-org-settings-page{display:flex;flex-direction:column;gap:2rem;max-width:50rem}.admin-settings-section{background:var(--background-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--divider-color);display:flex;flex-direction:column;gap:1rem}.admin-settings-section-title{font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0}.admin-settings-logo-row{display:flex;align-items:center;gap:1.5rem}.admin-settings-logo-preview{width:5rem;height:5rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--divider-color);background:var(--background-tertiary);display:flex;align-items:center;justify-content:center}.admin-settings-logo-img{width:100%;height:100%;object-fit:contain}.admin-settings-logo-placeholder{font-size:.75rem;color:var(--color-muted);text-align:center;padding:.25rem}.admin-settings-description{display:flex;flex-direction:column;gap:.5rem}.admin-settings-description-header{display:flex;align-items:center;gap:.5rem}.admin-settings-description-header h3{margin:0}.admin-settings-description-actions{display:flex;gap:.5rem}.admin-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-settings-toggle-info{display:flex;flex-direction:column;gap:2px}.admin-settings-toggle-label{font-weight:600;font-size:.95rem}.admin-settings-toggle-description{font-size:.85rem;color:var(--text-secondary)}.admin-settings-gamification-actions{display:flex;gap:1rem;flex-wrap:wrap}.admin-challenges-page{display:flex;flex-direction:column;gap:2rem}.admin-challenges-info-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#23afda14;border:1px solid rgba(35,175,218,.25);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary)}.admin-challenges-info-banner .admin-challenges-info-icon{color:var(--accent-color-blue);flex-shrink:0}.admin-challenges-layout{display:block}.admin-challenges-layout--split{display:grid;grid-template-columns:1fr minmax(22rem,.6fr);gap:1.5rem;align-items:start}.admin-challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}.challenge-card{background:var(--background-secondary);border:2px solid transparent;border-radius:.75rem;padding:1rem;cursor:pointer;box-shadow:0 0 5px 0 var(--boxshadow-color);display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.challenge-card:hover{border-color:var(--accent-color-blue);box-shadow:var(--boxshadow-hover);transform:translateY(-1px)}.challenge-card--selected{border-color:var(--accent-color-blue);background:var(--background-primary)}.challenge-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.challenge-card-thumb{width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--background-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-card-thumb-img{width:100%;height:100%;object-fit:cover}.challenge-card-thumb-icon{color:var(--accent-color-blue);font-size:1.1rem}.challenge-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.challenge-interval-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:1rem}.challenge-interval-badge--daily{background:#23afda26;color:var(--accent-color-blue)}.challenge-interval-badge--weekly{background:#2ecc7126;color:var(--color-success)}.challenge-interval-badge--monthly{background:#f1c40f2e;color:#b8860b}.challenge-status-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .25rem;border-radius:1rem}.challenge-status-badge--active{background:#2ecc7126;color:var(--color-success)}.challenge-status-badge--inactive{background:var(--background-tertiary);color:var(--color-muted)}.challenge-card-body{flex:1}.challenge-card-title{font-weight:700;font-size:.95rem;color:var(--text-primary);margin:0}.challenge-card-desc{font-size:.8rem;color:var(--text-secondary);margin:.125rem 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-card-meta{display:flex;flex-wrap:wrap;gap:.5rem}.challenge-card-meta-item{display:inline-flex;align-items:center;gap:.125rem;font-size:.8rem;color:var(--text-secondary)}.challenge-card-error{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--accent-color-red);background:#ea575114;padding:.25rem .5rem;border-radius:.25rem}.challenge-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.25rem;border-top:1px solid var(--divider-color)}.challenge-card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.challenge-card:hover .challenge-card-actions{opacity:1}.challenge-toggle-btn{appearance:none;position:relative;width:2.2rem;height:1.25rem;background:var(--background-tertiary);border:2px solid var(--divider-color);border-radius:1rem;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.challenge-toggle-btn:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:.75rem;height:.75rem;border-radius:50%;background:var(--color-muted);transition:left .2s ease,background .2s ease}.challenge-toggle-btn--active{background:var(--color-success);border-color:var(--color-success)}.challenge-toggle-btn--active:after{left:calc(100% - .85rem);background:#fff}.challenge-toggle-btn--lg{width:2.8rem;height:1.5rem}.challenge-toggle-btn--lg:after{width:.9rem;height:.9rem}.challenge-toggle-btn--lg.challenge-toggle-btn--active:after{left:calc(100% - 1.05rem)}.challenge-side-panel{background:var(--background-primary);border:1px solid var(--divider-color);border-radius:.75rem;display:flex;flex-direction:column;box-shadow:0 0 5px 0 var(--boxshadow-color);position:sticky;top:1.5rem;max-height:85vh;overflow:hidden}.challenge-panel-textarea{width:100%;padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease;box-sizing:border-box}.challenge-panel-textarea:focus{outline:none;border-color:var(--accent-color-blue)}.challenge-interval-select{width:100%;padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;appearance:auto;transition:border-color .2s ease}.challenge-interval-select:focus{outline:none;border-color:var(--accent-color-blue)}.challenge-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.challenge-panel-upload{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.challenge-panel-upload input[type=file]{display:none}.challenge-panel-upload-name{font-size:.8rem;color:var(--text-secondary);font-style:italic}.challenge-panel-upload-name--existing{color:var(--color-muted)}.challenge-panel-active-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--background-secondary);border-radius:.5rem;border:1px solid var(--divider-color)}.challenge-panel-active-hint{font-size:.8rem;color:var(--text-secondary);margin:2px 0 0}.challenge-panel-hint{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin:0;padding:.5rem 0}.challenge-cat-count{font-weight:600;color:var(--accent-color-blue);font-size:.8rem}.challenge-cat-selector{border:1px solid var(--divider-color);border-radius:.5rem;overflow:hidden}.challenge-cat-search{display:block;width:100%;padding:.5rem 1rem;border:none;border-bottom:1px solid var(--divider-color);background:var(--background-secondary);color:var(--text-primary);font-size:.875rem;outline:none;box-sizing:border-box}.challenge-cat-search::placeholder{color:var(--color-muted)}.challenge-cat-search:focus{background:var(--background-primary)}.challenge-cat-list{max-height:14rem;overflow-y:auto}.challenge-cat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--divider-color);cursor:pointer;transition:background .2s ease}.challenge-cat-item:last-child{border-bottom:none}.challenge-cat-item:hover{background:var(--background-secondary)}.challenge-cat-item--selected{background:#23afda12}.challenge-cat-item--selected .challenge-cat-name{color:var(--accent-color-blue)}.challenge-cat-checkbox{accent-color:var(--accent-color-blue);width:1rem;height:1rem;flex-shrink:0}.challenge-cat-info{display:flex;flex-direction:column;gap:1px;min-width:0}.challenge-cat-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.challenge-cat-topic{font-size:.75rem;color:var(--text-secondary)}.challenge-group-select{position:relative}.challenge-group-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem 1rem;background:var(--background-secondary);border:1px solid var(--divider-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .2s ease}.challenge-group-select-trigger:hover,.challenge-group-select-trigger:focus{outline:none;border-color:var(--accent-color-blue)}.challenge-group-select-value{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.challenge-group-select-placeholder{color:var(--color-muted)}.challenge-group-select-arrow{font-size:.6rem;color:var(--color-muted);flex-shrink:0}.challenge-group-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--background-primary);border:1px solid var(--divider-color);border-radius:.5rem;box-shadow:0 0 5px 0 var(--boxshadow-color);z-index:200;overflow:hidden;max-height:14rem;overflow-y:auto}.challenge-group-select-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem 1rem;background:none;border:none;border-bottom:1px solid var(--divider-color);font-size:.875rem;font-family:inherit;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .2s ease}.challenge-group-select-option:last-child{border-bottom:none}.challenge-group-select-option:hover{background:var(--background-secondary)}.challenge-group-select-option--active{background:#23afda12}.challenge-group-select-empty{display:block;padding:1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.challenge-group-role-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .25rem;border-radius:.25rem;flex-shrink:0}.challenge-group-role-tag--admin{background:#fde8e8;color:#c0392b}.challenge-group-role-tag--editor{background:#e8f4fd;color:#2980b9}.challenge-group-role-tag--reviewer{background:#fef9e7;color:#d35400}.challenge-group-role-tag--member{background:#eafaf1;color:#27ae60}@media(max-width:768px){.admin-hub{flex-direction:column}.admin-hub-sidebar{width:100%;min-width:unset;flex-direction:row;padding:.5rem;overflow-x:auto}.admin-hub-sidebar-header{display:none}.admin-hub-sidebar-nav{flex-direction:row;padding:0;gap:.25rem}.admin-hub-sidebar-item{flex-direction:column;gap:2px;padding:.25rem .5rem;font-size:.7rem}.admin-hub-main{padding:1rem}.admin-content-tree,.admin-groups-layout--split,.admin-members-invite-form,.admin-challenges-layout--split,.challenge-panel-grid{grid-template-columns:1fr}}.home-dashboard{display:flex;flex-direction:column;gap:2rem;padding:1rem;max-width:50rem;margin:0 auto}.home-dashboard .hero-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--accent-color-blue),rgba(var(--accent-color-blue),.9));color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 0 5px 0 var(--boxshadow-color)}.home-dashboard .hero-section .greeting h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.home-dashboard .hero-section .greeting p{margin:.25rem 0 0;opacity:.9;font-size:1rem}.home-dashboard .hero-section .hero-stats{display:flex;gap:1.5rem}.home-dashboard .hero-section .hero-stats .stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff26;padding:.5rem 1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-dashboard .hero-section .hero-stats .stat-item .val{font-size:1.5rem;font-weight:700}.home-dashboard .hero-section .hero-stats .stat-item .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.home-dashboard .section-header{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.home-dashboard .continue-learning-card{background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.75rem;padding:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 5px 0 var(--boxshadow-color);transition:transform .2s ease,box-shadow .2s ease}.home-dashboard .continue-learning-card:hover{transform:translateY(-2px);box-shadow:0 0 5px 0 var(--boxshadow-color);border-color:var(--accent-color-blue)}.home-dashboard .continue-learning-card .info .type{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:.25rem}.home-dashboard .continue-learning-card .info .title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.home-dashboard .continue-learning-card .action .p-button{background-color:var(--accent-color-blue);border:none;border-radius:.5rem;font-weight:600;padding:.5rem 1.5rem}.home-dashboard .quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.home-dashboard .quick-stats-grid .stat-card{background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.5rem;padding:1rem;display:flex;align-items:center;gap:1rem}.home-dashboard .quick-stats-grid .stat-card .icon{font-size:1.5rem;color:var(--accent-color-blue);background:rgba(var(--accent-color-blue),.1);padding:.5rem;border-radius:.25rem}.home-dashboard .quick-stats-grid .stat-card .info{display:flex;flex-direction:column}.home-dashboard .quick-stats-grid .stat-card .info .val{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.home-dashboard .quick-stats-grid .stat-card .info .lbl{font-size:.8rem;color:var(--text-secondary)}.home-dashboard .recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.home-dashboard .recommendations-grid .rec-card{background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.5rem;padding:1rem;position:relative;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.home-dashboard .recommendations-grid .rec-card:hover{border-color:var(--color-muted-red)}.home-dashboard .recommendations-grid .rec-card .badge{position:absolute;top:0;right:0;background-color:var(--color-muted-red);color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;border-bottom-left-radius:.5rem;text-transform:uppercase}.home-dashboard .recommendations-grid .rec-card .title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:.5rem;margin-bottom:.25rem}.home-dashboard .recommendations-grid .rec-card .msg{font-size:.85rem;color:var(--text-secondary)}.home-dashboard .challenge-teaser{background-color:var(--background-secondary);border:1px solid rgba(var(--accent-color-orange),.3);border-left:4px solid var(--accent-color-orange);padding:1rem 1.5rem;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 0 5px 0 var(--boxshadow-color);margin-top:2rem;transition:transform .2s ease}.home-dashboard .challenge-teaser:hover{transform:translateY(-2px)}.home-dashboard .challenge-teaser .teaser-main{display:flex;align-items:flex-start;gap:1rem;width:100%}.home-dashboard .challenge-teaser .teaser-main .icon-wrapper{background-color:rgba(var(--accent-color-orange),.1);color:var(--accent-color-orange);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.home-dashboard .challenge-teaser .teaser-main .info{flex:1;min-width:0}.home-dashboard .challenge-teaser .teaser-main .info h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:700}.home-dashboard .challenge-teaser .teaser-main .info .subtitle{margin:.25rem 0 0;font-size:.95rem;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word}.home-dashboard .challenge-teaser .teaser-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem;border-top:1px solid rgba(var(--accent-color-orange),.1)}.home-dashboard .challenge-teaser .teaser-footer .xp-badge{color:var(--accent-color-orange);font-weight:700;font-size:1.1rem}.home-dashboard .challenge-teaser .action .p-button{background-color:transparent;color:var(--accent-color-orange);border:1px solid rgba(var(--accent-color-orange),.5);font-weight:700;padding:.5rem 1.25rem;border-radius:999px}.home-dashboard .challenge-teaser .action .p-button:hover{background-color:rgba(var(--accent-color-orange),.1);border-color:var(--accent-color-orange);transform:scale(1.03)}.home-dashboard .categories-carousel{display:flex;gap:1rem;overflow-x:auto;padding:10px 10px 1rem 2px;margin:-10px -10px 0 -2px}.home-dashboard .categories-carousel::-webkit-scrollbar{height:4px}.home-dashboard .categories-carousel::-webkit-scrollbar-thumb{background:var(--background-tertiary);border-radius:4px}.home-dashboard .categories-carousel .cat-card{flex:0 0 200px;background-color:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.5rem;padding:1rem;position:relative;cursor:pointer;transition:transform .2s ease}.home-dashboard .categories-carousel .cat-card:hover{transform:translateY(-2px);border-color:var(--accent-color-blue)}.home-dashboard .categories-carousel .cat-card .new-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-success);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:12px;font-weight:600}.home-dashboard .categories-carousel .cat-card .title{font-weight:600;color:var(--text-primary);text-align:center;margin-top:1rem}@media(max-width:768px){.home-dashboard .hero-section{flex-direction:column;gap:1rem;align-items:flex-start}.home-dashboard .continue-learning-card{flex-direction:column;align-items:flex-start;gap:1rem}}.p-dialog{background-color:var(--background-primary);color:var(--text-primary);border-radius:.5rem;box-shadow:0 10px 25px var(--boxshadow-color);border:1px solid var(--background-tertiary)}.p-dialog .p-dialog-header{background:transparent;color:var(--text-primary);padding:1.5rem;border-bottom:1px solid var(--background-tertiary);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-size:1.25rem;font-weight:600}.p-dialog .p-dialog-header .p-dialog-header-icons{margin:-.75rem -1.5rem 0 0}.p-dialog .p-dialog-header .p-dialog-header-icon{margin:0 1rem;color:var(--text-secondary);transition:color .2s ease}.p-dialog .p-dialog-header .p-dialog-header-icon:hover{color:var(--text-primary)}.p-dialog .p-dialog-content{padding:1.5rem;line-height:1.6}.p-dialog .p-dialog-footer{padding:1rem 1.5rem;border-top:1px solid var(--background-tertiary);display:flex;justify-content:flex-end;gap:.5rem}.p-dialog .p-dialog-footer .p-button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;border-radius:.25rem;transition:all .2s ease;cursor:pointer;outline:none;padding:.5rem 1rem;font-size:1rem;margin-left:.5rem;background-color:transparent;border:2px solid var(--accent-color-blue);color:var(--accent-color-blue)}.p-dialog .p-dialog-footer .p-button.p-button-text{background-color:transparent;border:2px solid var(--accent-color-blue);color:var(--accent-color-blue)}.p-dialog .p-dialog-footer .p-button:hover,.p-dialog .p-dialog-footer .p-button.p-button-text:hover{background-color:#23afda1a}.p-dialog .p-dialog-footer .p-button .p-button-label{font-weight:600}.p-dialog .p-dialog-footer .p-button.p-button-danger{background-color:var(--accent-color-red);border:2px solid var(--accent-color-red);color:var(--text-inverse)}.p-dialog .p-dialog-footer .p-button.p-button-danger:hover{background-color:var(--accent-color-red-hover);border-color:var(--accent-color-red-hover)}.p-inputtext{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--background-primary);padding:.5rem 1rem;border:1px solid var(--background-tertiary);border-radius:.25rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.p-inputtext:enabled:hover{border-color:var(--background-tertiary)}.p-inputtext:enabled:focus{outline:none;border-color:var(--accent-color-blue);box-shadow:0 0 0 1px var(--accent-color-blue)}@media(max-width:500px){.p-toast{min-width:90vw!important;top:3rem!important;left:5vw!important;right:5vw!important}}.p-toast .p-toast-message{border-radius:.5rem;box-shadow:0 5px 15px var(--boxshadow-color);border:none;background-color:var(--background-primary);color:var(--text-primary);margin:.5rem 0}.p-toast .p-toast-message .p-toast-message-content{padding:1rem;display:flex;align-items:center}.p-toast .p-toast-message .p-toast-message-content svg{margin-right:1rem}.p-toast .p-toast-message .p-toast-summary{font-weight:600;font-size:1rem}.p-toast .p-toast-message .p-toast-detail{margin-top:.25rem;color:var(--text-secondary)}.p-toast .p-toast-message .p-toast-icon-close{color:var(--text-secondary)}.p-toast .p-toast-message .p-toast-icon-close:hover{color:var(--text-primary)}.p-toast .p-toast-message-success{border-left:4px solid var(--color-success)}.p-toast .p-toast-message-success .p-toast-message-icon{color:var(--color-success)}.p-toast .p-toast-message-warn{border-left:4px solid var(--color-warning)}.p-toast .p-toast-message-warn .p-toast-message-icon{color:var(--color-warning)}.p-toast .p-toast-message-error{border-left:4px solid var(--accent-color-red)}.p-toast .p-toast-message-error .p-toast-message-icon{color:var(--accent-color-red)}.p-dialog-mask.p-component-overlay{background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p-datatable .p-datatable-header{background:var(--background-primary);border:none;padding:1rem 0}.p-datatable .p-datatable-thead>tr>th{background:var(--background-primary);color:var(--text-secondary);border:none;border-bottom:1px solid var(--background-tertiary);font-weight:600;text-transform:uppercase;font-size:.8rem;padding:.5rem 1rem}.p-datatable .p-datatable-tbody>tr{background-color:var(--background-primary);color:var(--text-primary);transition:background-color .2s ease}.p-datatable .p-datatable-tbody>tr:hover{background-color:var(--background-secondary)}.p-datatable .p-datatable-tbody>tr>td{padding:1rem;border:none;border-bottom:1px solid var(--background-tertiary)}.p-paginator{background:var(--background-primary);border:none;padding:1rem 0;color:var(--text-secondary)}.p-paginator .p-paginator-page,.p-paginator .p-paginator-next,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-first,.p-paginator .p-paginator-last{min-width:2.5rem;height:2.5rem;border-radius:.25rem;border:none;color:var(--text-secondary);transition:background-color .2s ease}.p-paginator .p-paginator-page:hover,.p-paginator .p-paginator-next:hover,.p-paginator .p-paginator-prev:hover,.p-paginator .p-paginator-first:hover,.p-paginator .p-paginator-last:hover{background-color:var(--background-secondary);color:var(--text-primary)}.p-paginator .p-paginator-page.p-highlight{background-color:var(--accent-color-blue);color:var(--text-inverse)}.p-paginator .p-dropdown{border-radius:.25rem;border:1px solid var(--background-tertiary);background:var(--background-primary)}.p-paginator .p-dropdown:hover{border-color:var(--accent-color-blue)}.p-dropdown-panel{background:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:.5rem;box-shadow:0 5px 15px var(--boxshadow-color)}.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:var(--text-primary);padding:.5rem 1rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--accent-color-blue);color:var(--text-inverse)}.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):hover{background:var(--background-secondary);color:var(--text-primary)}@media screen and (max-width:960px){.responsive-stack-table .table-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.responsive-stack-table .p-datatable-thead{display:none}.responsive-stack-table .p-datatable-tbody>tr{display:block;margin-bottom:1.5rem;border-radius:1rem;border:1px solid var(--background-tertiary);overflow:hidden}.responsive-stack-table .p-datatable-tbody>tr>td{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;border:none;border-bottom:1px solid var(--text-secondary);text-align:right}.responsive-stack-table .p-datatable-tbody>tr>td>span:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);text-align:left;margin-right:1rem}.responsive-stack-table .p-datatable-tbody>tr>td:last-child{border-bottom:none}.responsive-stack-table .p-paginator{display:flex;justify-content:center}.responsive-stack-table .p-paginator .p-dropdown{display:none}.responsive-stack-table .p-paginator button{min-width:2rem;height:2rem}}.p-slider{background:var(--background-tertiary);border-radius:.75rem}.p-slider.p-slider-horizontal{height:.5rem}.p-slider .p-slider-range{background:var(--accent-color-blue);border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.p-slider .p-slider-handle{background:var(--background-primary);border:2px solid var(--accent-color-blue);border-radius:50%;width:1.2rem;height:1.2rem;margin-top:-.6rem!important;margin-left:-.6rem!important;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.p-slider .p-slider-handle:hover{background:var(--accent-color-blue);transform:scale(1.1);cursor:grab}.p-slider .p-slider-handle:active{cursor:grabbing}.p-slider .p-slider-handle:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-color-blue),.3)}.p-tabview .p-tabview-nav{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style-type:none;background:transparent;border:none;border-bottom:2px solid var(--background-tertiary)}.p-tabview .p-tabview-nav li{margin-right:1rem;display:flex}.p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:1rem;font-weight:600;transition:color .2s ease,border-color .2s ease;margin-bottom:-2px}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:none}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):hover{color:var(--text-primary);border-color:var(--background-tertiary)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link,.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link:hover{background:transparent;border-color:var(--accent-color-blue);color:var(--accent-color-blue)}.p-tabview .p-tabview-panels{background:transparent;padding:1.5rem 0;color:var(--text-primary)}.app-container{max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-main{padding:0 1rem 2rem;flex:1}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;border-bottom:none}.component-block{display:flex;flex-direction:column;gap:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:1rem;background-color:var(--background-secondary);border-radius:.5rem}.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background-color:var(--background-primary);border-radius:.5rem;border:1px solid var(--background-tertiary);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;transition:transform .2s ease}.icon-item:hover{transform:translateY(-2px);border-color:var(--accent-color-blue)}