.student-view{min-height:100vh;padding:0;background:#1a202c;color:#e2e8f0;display:flex;flex-direction:column}.progress-timer-container{position:relative;width:100%;height:clamp(5px,1.5vh,8px);background:#ffffff1a;overflow:hidden;margin:0}.progress-timer-bar{height:100%;transition:width .1s linear,background-color .3s ease;box-shadow:0 0 10px currentColor}.progress-timer-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:clamp(.75rem,2.5vw,.875rem);font-weight:700;color:#f4c430;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:10;line-height:1;padding:2px 6px;background:#00000080;border-radius:4px}.speed-feedback{background:linear-gradient(135deg,#f4c43033,#ff8c4233);border:2px solid #f4c430;border-radius:12px;padding:clamp(.75rem,3vw,1rem);margin-bottom:1rem;text-align:center}.speed-feedback-emoji{font-size:clamp(2rem,8vw,3rem);margin-bottom:.5rem;animation:bounceIn .5s ease-out}.speed-feedback-message{font-size:clamp(1.125rem,4vw,1.5rem);font-weight:700;color:#f4c430;margin-bottom:.25rem}.speed-feedback-time{font-size:clamp(.875rem,3vw,1rem);color:#fffc}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.broadcast-badge{background:linear-gradient(135deg,#667eea,#764ba2);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.text-answer-container{margin:1.5rem 0}.text-answer-input{width:100%;padding:clamp(.75rem,3vw,1rem);font-size:clamp(1rem,4vw,1.125rem);background:#ffffff0d;border:2px solid rgba(244,196,48,.3);border-radius:12px;color:#e2e8f0;resize:vertical;font-family:inherit;transition:all .3s ease}.text-answer-input:focus{outline:none;border-color:#f4c430;background:#ffffff14;box-shadow:0 0 0 3px #f4c4301a}.text-answer-input:disabled{opacity:.5;cursor:not-allowed}.text-answer-input::placeholder{color:#e2e8f066}.broadcast-submitted{text-align:center;padding:1rem 0}.broadcast-submitted-icon{font-size:clamp(2.5rem,10vw,4rem);color:#48bb78;margin-bottom:.5rem;animation:bounceIn .5s ease-out}.broadcast-submitted-text{font-size:clamp(1.25rem,5vw,1.5rem);font-weight:700;color:#48bb78;margin-bottom:.5rem}.broadcast-submitted-detail{font-size:clamp(.875rem,3.5vw,1rem);color:#e2e8f0b3}.student-view .container{width:100%;max-width:100vw;padding:0;margin:0}.question-card{border-radius:0;margin:0;flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:clamp(1rem,3vh,1.5rem)}.question-text{font-size:clamp(1.125rem,4vw,1.5rem);margin-bottom:clamp(1rem,2vh,1.5rem);line-height:1.4}.answer-options{gap:clamp(.625rem,1.5vh,1rem);margin-bottom:clamp(1rem,2vh,1.5rem)}.answer-option{padding:clamp(.875rem,2vh,1.25rem);font-size:clamp(.9375rem,3.5vw,1.125rem)}.submit-btn{margin-top:auto;font-size:clamp(1rem,4vw,1.25rem);padding:clamp(.875rem,2vh,1.125rem)}@media (max-width: 768px){.student-view{padding:0;overflow:hidden}.student-view .container{padding:0;height:100vh;display:flex;flex-direction:column}.student-header{grid-template-columns:1fr auto;padding:clamp(.5rem,1.5vh,.75rem) clamp(.625rem,2.5vw,.875rem);margin-bottom:0;gap:.375rem;flex-shrink:0}.student-header-logos{grid-column:1 / -1;justify-content:center;margin-bottom:.125rem}.header-logo-small{height:clamp(28px,5vh,36px)}.header-text-small{height:clamp(20px,4vh,28px)}.header-logo-small{height:clamp(24px,5vh,30px)}.header-text-small{height:clamp(20px,4vh,25px)}.student-info{gap:.25rem}.student-name{font-size:clamp(.875rem,3.5vw,1rem);line-height:1.2}.student-score{font-size:clamp(.75rem,3vw,.875rem);padding:.2rem .5rem}.question-progress{font-size:clamp(.75rem,3vw,.875rem);padding:.25rem .625rem;min-width:auto}.question-card{padding:clamp(.75rem,2vw,1rem);max-height:calc(100vh - 70px)}.question-text{margin-bottom:clamp(.75rem,1.5vh,1rem)}.question-image-container{max-height:30vh;margin-bottom:1rem}.emoji-reactions{margin-top:clamp(.75rem,2vh,1rem);padding-top:clamp(.75rem,2vh,1rem)}.emoji-label{font-size:clamp(.75rem,3vw,.875rem)}.emoji-btn{font-size:clamp(1.25rem,6vw,1.5rem);padding:clamp(.5rem,1.5vw,.625rem)}.waiting-result{margin:clamp(1rem,2vh,1.5rem) 0;font-size:clamp(.875rem,3.5vw,1rem)}.result-message{padding:clamp(1rem,2.5vh,1.25rem);font-size:clamp(.9375rem,3.5vw,1.0625rem)}}.join-card{max-width:500px;margin:4rem auto;text-align:center}.join-card h1{color:#f7fafc;margin-bottom:1rem}.session-code{color:#fbbf24;font-size:1.25rem;font-weight:600;margin-bottom:2rem}.waiting-card{max-width:600px;margin:4rem auto;text-align:center}.waiting-card h1{color:#2d3748;margin-bottom:2rem}.dark-theme .waiting-card h1{color:#f7fafc}.waiting-animation{display:flex;justify-content:center;margin:3rem 0}.pulse{width:80px;height:80px;border-radius:50%;background:#fbbf24;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.waiting-text{font-size:1.25rem;color:#718096}.dark-theme .waiting-text{color:#cbd5e0}.result-card{max-width:600px;margin:4rem auto;text-align:center}.result-card h1{color:#2d3748;margin-bottom:2rem}.dark-theme .result-card h1{color:#f7fafc}.final-score{margin:3rem 0}.score-label{color:#718096;font-size:1.25rem;margin-bottom:1rem}.dark-theme .score-label{color:#cbd5e0}.score-value{font-size:4rem;font-weight:800;color:#fbbf24}.thank-you{font-size:1.25rem;color:#718096}.dark-theme .thank-you{color:#cbd5e0}.student-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:linear-gradient(135deg,#1e293b,#334155);padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 12px #0000004d;gap:1rem;border:2px solid #fbbf24}.student-header-logos{display:flex;align-items:center;gap:.5rem}.header-logo-small{height:35px;width:auto;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5))}.header-text-small{height:30px;width:auto;filter:drop-shadow(0 2px 6px rgba(251,191,36,.4))}.student-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.student-name{font-size:1.125rem;font-weight:700;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .student-name{color:#f7fafc}.student-score{display:inline-block;font-size:.875rem;font-weight:600;color:#fff;background:#fbbf24;padding:.25rem .75rem;border-radius:20px;white-space:nowrap;width:fit-content}.question-progress{font-size:.875rem;color:#1a202c;font-weight:600;background:#e2e8f0;padding:.5rem 1rem;border-radius:8px;white-space:nowrap;text-align:center;min-width:100px}.dark-theme .question-progress{color:#f7fafc;background:#4a5568}.question-card{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#1e293b,#334155)!important;box-shadow:0 4px 16px #0006!important;border:2px solid #fbbf24}.question-header{display:flex;justify-content:center;margin-bottom:2rem}.question-text{font-size:1.5rem;color:#1a202c;font-weight:600;margin-bottom:2rem;line-height:1.5;text-align:center}.dark-theme .question-text{color:#f7fafc}.answer-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.answer-option{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#4a5568;border:3px solid #4a5568;border-radius:12px;font-size:1.125rem;text-align:left;transition:all .2s ease;color:#e2e8f0}.answer-option:hover:not(:disabled){border-color:#fbbf24;background:#718096;transform:translate(5px)}.answer-option.selected{background:#451a03!important;border:5px solid #fbbf24!important;box-shadow:0 0 0 6px #fbbf244d,0 6px 20px #fbbf2499!important;color:#fef3c7!important;transform:scale(1.05)!important}.answer-option.selected .option-text{color:#fef3c7!important;font-weight:600}.answer-option.correct{background:#48bb78;border-color:#48bb78;color:#fff}.answer-option.incorrect{background:#f56565;border-color:#f56565;color:#fff}.answer-option:disabled{cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fbbf24;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0;font-size:1rem}.answer-option.selected .option-letter{background:#fbbf24;color:#2d3748;font-weight:700}.answer-option.correct .option-letter,.answer-option.incorrect .option-letter{background:#ffffff4d;color:#fff}.option-text{flex:1;color:#e2e8f0;font-weight:500;line-height:1.4}.submit-btn{width:100%;padding:1rem;font-size:1.125rem}.result-message{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:12px;font-size:1.125rem}.result-message.correct{background:#c6f6d5;color:#22543d}.result-message.incorrect{background:#fed7d7;color:#742a2a}.result-message.no-answer{background:#fef3c7;color:#78350f;border:2px solid #f59e0b}.result-icon{font-size:3rem;font-weight:700}.result-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.result-score{font-size:1.125rem;font-weight:600}.result-detail{font-size:1rem}.waiting-result{text-align:center;color:#718096;font-size:1.125rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pulse-small{width:40px;height:40px;border-radius:50%;background:#fbbf24;animation:pulse 1.5s ease-in-out infinite}.question-image-container{display:flex;justify-content:center;margin:1.5rem 0}.question-image{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 4px 12px #00000026;object-fit:contain}.emoji-reactions{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;text-align:center}.emoji-label{font-size:.875rem;color:#718096;margin-bottom:.75rem}.emoji-buttons{display:flex;gap:.75rem;justify-content:center}.emoji-btn{font-size:2rem;padding:.5rem 1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.emoji-btn:hover{transform:scale(1.1);border-color:#fbbf24;box-shadow:0 4px 12px #667eea33}.emoji-btn:active{transform:scale(.95)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#e2e8f0}.form-hint{display:block;font-size:.875rem;color:#718096;margin-top:.25rem;font-style:italic}.student-name{color:#f7fafc}.student-score{background:#fbbf24;color:#1e3a8a;font-weight:700}.question-progress{color:#f7fafc;background:#4a5568}.dark-theme .question-text,.dark-theme h2,.dark-theme h3{color:#f7fafc}.waiting-card{text-align:center;padding:3rem 2rem!important}.waiting-animation{font-size:4rem;margin-top:2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.dark-theme .timer-text{color:#f7fafc}.dark-theme .answer-option{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.dark-theme .answer-option:hover:not(:disabled){border-color:#fbbf24;background:#718096}.dark-theme .answer-option .option-letter{background:#fbbf24;color:#fff}.dark-theme .answer-option:hover:not(:disabled) .option-letter{background:#5568d3}.dark-theme .answer-option.selected{background:#451a03!important;border:5px solid #fbbf24!important;box-shadow:0 0 0 6px #fbbf244d,0 6px 20px #fbbf2499!important;color:#fef3c7;transform:scale(1.05)!important}.dark-theme .answer-option.selected .option-letter{background:#fbbf24;color:#1a202c;font-weight:700}.dark-theme .option-text{color:#e2e8f0}.dark-theme .result-message.correct{background:#48bb7833;color:#68d391}.dark-theme .result-message.incorrect{background:#f5656533;color:#fc8181}.dark-theme .result-message.no-answer{background:#f59e0b33;color:#fbbf24;border:2px solid #f59e0b}.dark-theme .result-title,.dark-theme .result-score,.dark-theme .result-detail{color:inherit}.dark-theme .waiting-result,.dark-theme .emoji-label{color:#cbd5e0}.dark-theme .emoji-btn{background:#4a5568;border-color:#4a5568}.dark-theme .emoji-btn:hover{border-color:#fbbf24;background:#718096}.dark-theme .form-group label{color:#e2e8f0}.dark-theme .form-hint{color:#a0aec0}.logo-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.student-logo-icon{height:40px;width:auto;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5))}.student-logo-text{height:35px;width:auto;filter:drop-shadow(0 2px 6px rgba(251,191,36,.4))}.dark-theme .session-code{color:#a0aec0}.round-ident-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:identFadeIn .5s ease-out}.round-ident-content{text-align:center;animation:identBounce .6s ease-out}.round-ident-label{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;color:#fbbf24;letter-spacing:.3em;margin-bottom:1rem;text-transform:uppercase}.round-ident-title{font-size:clamp(2rem,8vw,5rem);font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(251,191,36,.3)}@keyframes identBounce{0%{transform:scale(.5) translateY(-50px);opacity:0}60%{transform:scale(1.05) translateY(0);opacity:1}to{transform:scale(1)}}.student-index{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.student-index-content{max-width:1200px;margin:0 auto;color:#f7fafc}.index-logo{max-width:350px;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 25px rgba(255,255,255,.4)) drop-shadow(0 0 50px rgba(251,191,36,.3))}.demo-quiz-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;padding:2rem;margin-bottom:2.5rem;box-shadow:0 8px 24px #fbbf244d;border:3px solid #fbbf24}.manual-entry-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;border-radius:16px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 8px 32px #fbbf244d}.session-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.quiz-session-card{background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #fbbf24;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #fbbf2433}.quiz-session-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #fbbf2466;border-color:#fcd34d}.join-button{width:100%;padding:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.join-button:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:scale(1.02)}.pub-pulse{background:linear-gradient(135deg,#dc2626,#ef4444)}.pub-join-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.pub-join-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.no-sessions-message{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;border-radius:16px;margin-bottom:2rem}@media (max-width: 768px){.student-index{padding:1rem}.index-logo{max-width:250px;margin-bottom:1rem}.index-title{font-size:2rem;margin-bottom:.75rem}.index-subtitle{font-size:1rem;margin-bottom:2rem}.manual-entry-card{padding:1.5rem;margin-bottom:2rem}.manual-entry-card h2{font-size:1.35rem;margin-bottom:1rem}.manual-join-form{flex-direction:column;gap:1rem}.session-input{padding:1rem;font-size:1rem;width:100%}.sessions-grid{grid-template-columns:1fr;gap:1rem}.quiz-session-card{padding:1.5rem}.session-name{font-size:1.1rem}.session-info{font-size:.95rem}.available-sessions-section h2{font-size:1.75rem;margin-bottom:1.5rem}.no-sessions-message{font-size:1rem;padding:2rem 1rem}}.timer{position:relative;width:120px;height:120px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:#4a5568;stroke-width:8}.timer-circle{fill:none;stroke:#fbbf24;stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timer-circle.medium{stroke:#f59e0b}.timer-circle.low{stroke:#ef4444}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-number{display:block;font-size:2.5rem;font-weight:700;color:#f7fafc;line-height:1}.timer-label{display:block;font-size:.875rem;color:#cbd5e0;margin-top:.25rem}.display-view{height:100vh;width:100vw;background:#1e293b;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.display-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:#0f172a;border-bottom:3px solid #fbbf24}.display-header.waiting-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2rem 3rem}.display-header h1{font-size:2rem;font-weight:700}.session-badge{background:#fbbf24;color:#1e293b;padding:.5rem 1.5rem;border-radius:8px;justify-self:end;font-weight:600}.header-right{display:flex;align-items:center;gap:.5rem;background:#fbbf24;color:#1e293b;padding:.75rem 1.5rem;border-radius:8px;justify-self:end;font-weight:600}.session-label{color:#1e293bcc;font-size:.9rem}.session-id-display{color:#1e293b;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.display-header.active-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.5rem 3rem}.header-center-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo-left-small,.logo-right-small{display:flex;align-items:center}.display-logo-small{height:50px;width:auto}.display-text-small{height:45px;width:auto}.progress-info{font-size:1.5rem;font-weight:600}.student-count-header{font-size:1.25rem;opacity:.9}.display-content{flex:1;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.waiting-screen,.completed-screen{text-align:center;padding:4rem 2rem}.waiting-icon,.completed-icon{font-size:6rem;margin-bottom:2rem;margin-top:2rem}.waiting-screen h2,.completed-screen h2{font-size:3rem;margin-bottom:1rem}.qr-code-container{display:flex;justify-content:center;align-items:flex-start;gap:3rem;margin:3rem auto;max-width:1400px;padding:0 2rem}.qr-code-display{text-align:center;background:linear-gradient(135deg,#1e293b,#334155);padding:3rem;border-radius:24px;border:3px solid #fbbf24;box-shadow:0 10px 40px #0006;max-width:600px;flex-shrink:0}.qr-label{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fbbf24}.qr-image{width:300px;height:300px;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 8px 32px #fbbf2466,0 8px 24px #0000004d;display:block;margin:0 auto;image-rendering:crisp-edges;image-rendering:pixelated}.join-url{font-size:1.25rem;margin-top:1.5rem;color:#e2e8f0;font-family:monospace;font-weight:600}.student-count{font-size:1.25rem;color:#fbbf24;font-weight:600;margin-top:1.5rem}.student-column{display:flex;flex-direction:column;gap:1rem;min-width:200px;max-width:300px}.student-name-waiting{background:#fbbf2426;border:2px solid rgba(251,191,36,.4);padding:.75rem 1.25rem;border-radius:12px;font-size:1.1rem;font-weight:600;color:#fbbf24;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0003}.student-name-waiting:hover{background:#fbbf2440;border-color:#fbbf2499;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.connected-students{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.student-chip{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:500}.loading-screen{text-align:center;font-size:2rem;padding:4rem}.question-display{max-width:1800px;width:95%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;height:100%;gap:clamp(1rem,2vh,2rem)}.display-question-text{font-size:clamp(2rem,4vw,3rem);font-weight:600;text-align:center;margin:0 0 2rem;line-height:1.4;color:#fff}.display-options{max-width:600px;margin:0 auto;width:100%}.display-option{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#334155;color:#fff;border-radius:8px;font-size:clamp(1rem,2vw,1.5rem);transition:background .3s ease;margin-bottom:.75rem;border:2px solid #475569}.display-option.correct-option{background:#10b981;border-color:#059669}.display-option-letter{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#fbbf24;color:#1e293b;border-radius:6px;font-size:1.5rem;font-weight:700;flex-shrink:0}.display-option.correct-option .display-option-letter{background:#fff;color:#10b981}.display-option-text{flex:1;font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.correct-indicator{font-size:2rem;font-weight:700;margin-left:auto}.results-section{margin-top:3rem}.stats-display{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.stat-item{background:#fffffff2;padding:2rem;border-radius:16px;text-align:center;border:3px solid #e2e8f0}.stat-item.stat-total{background:#fff;border-color:#fbbf24}.stat-item.stat-total .stat-value{color:#fbbf24}.stat-item.stat-correct{background:#48bb78;border-color:#38a169}.stat-item.stat-correct .stat-value,.stat-item.stat-correct .stat-label{color:#fff}.stat-item.stat-incorrect{background:#f56565;border-color:#e53e3e}.stat-item.stat-incorrect .stat-value,.stat-item.stat-incorrect .stat-label{color:#fff}.stat-value{font-size:3rem;font-weight:800;margin-bottom:.5rem;color:#2d3748}.stat-label{font-size:1.125rem;font-weight:600;color:#2d3748}.leaderboard{background:#ffffff1a;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;margin:2rem auto 0}.leaderboard h3{font-size:2rem;text-align:center;margin-bottom:1.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff26;border-radius:12px;font-size:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#2d3748;font-size:1.5rem;padding:2rem;box-shadow:0 8px 24px #ffd70066}.leaderboard-item.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#2d3748}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f32,#e6a157);color:#fff}.rank-badge{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff4d;border-radius:50%;font-weight:800;font-size:1.5rem;flex-shrink:0}.leaderboard-item.rank-1 .rank-badge{width:60px;height:60px;font-size:1.75rem}.leaderboard-item.rank-2 .rank-badge{background:#3c3c3ccc;border:3px solid rgba(80,80,80,.9);box-shadow:0 2px 8px #0000004d}.leaderboard-item.rank-3 .rank-badge{background:#8b4513b3;border:3px solid rgba(160,82,45,.9);box-shadow:0 2px 8px #8b451366;color:#fff}.leader-name{flex:1;font-weight:600}.leader-time{font-weight:600;opacity:.9}.leader-score{font-weight:700;font-size:1.5rem}.leaderboard-item.rank-1 .leader-score{font-size:1.75rem}.time-up-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.time-up-content{text-align:center;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.time-up-icon{font-size:8rem;margin-bottom:1rem;animation:pulse 1s ease-in-out infinite}.time-up-text{font-size:4rem;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:900;animation:fadeIn .4s ease;padding:2rem;overflow-y:auto}.results-overlay-content{max-width:1200px;width:100%;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.leaderboard-carousel{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.carousel-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.carousel-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease}.carousel-header .completed-icon{font-size:5rem;animation:bounceIn 1s ease;margin-bottom:1rem}.carousel-header h1{font-size:clamp(3rem,6vw,5rem);color:#fff;margin:0;text-shadow:0 4px 16px rgba(0,0,0,.3)}.carousel-progress{font-size:clamp(1.25rem,2vw,1.75rem);color:#ffffffe6;margin:1rem 0 0;font-weight:600}.carousel-card{width:90%;max-width:1200px;background:#fffffff2;border-radius:32px;padding:4rem;box-shadow:0 20px 60px #0006;text-align:center;position:relative;overflow:hidden}.carousel-card.slide-in{animation:slideInFromRight .6s cubic-bezier(.34,1.56,.64,1) forwards}.carousel-card.slide-out{animation:slideOutToLeft .6s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes slideInFromRight{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-120%) scale(.8);opacity:0}}.display-content.transition-next{animation:questionSlideInFromRight .6s ease-out}.display-content.transition-previous{animation:questionSlideInFromLeft .6s ease-out}@keyframes questionSlideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes questionSlideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes cardReveal{0%{transform:scale(.3) rotateY(-90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.rank-badge{font-size:clamp(4rem,8vw,8rem);margin-bottom:2rem;animation:bounceIn 1s ease .3s backwards}.rank-corner-badge{position:absolute;top:2rem;left:2rem;font-size:clamp(3rem,5vw,5rem);font-weight:900;color:#fbbf24;background:#ffffffe6;border:4px solid #fbbf24;border-radius:50%;width:clamp(80px,10vw,120px);height:clamp(80px,10vw,120px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea4d;animation:bounceIn 1s ease .2s backwards}.student-name-large{font-size:clamp(3rem,6vw,6rem);font-weight:900;color:#2d3748;margin-bottom:2rem;line-height:1.2;word-wrap:break-word;animation:slideInLeft .8s ease .5s backwards}.score-large{font-size:clamp(4rem,8vw,8rem);font-weight:800;color:#fbbf24;animation:slideInRight .8s ease .7s backwards}.pts-label{font-size:clamp(2rem,4vw,3rem);color:#f59e0b;font-weight:600}.winner-badge{margin-top:2rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:#8b4513;text-shadow:0 2px 8px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5);background:#ffffff4d;padding:.5rem 2rem;border-radius:20px;display:inline-block;animation:winnerBounce 1s ease-in-out infinite}@keyframes winnerBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.winner-card{background:linear-gradient(135deg,gold,#ffed4e)!important;border:8px solid #ffc107;animation:cardReveal .8s cubic-bezier(.34,1.56,.64,1),winnerGlow 2s ease-in-out infinite 1s}.winner-card .student-name-large,.winner-card .score-large,.winner-card .pts-label{color:#2d3748}@keyframes winnerGlow{0%,to{box-shadow:0 20px 60px #0006,0 0 40px #ffd70099}50%{box-shadow:0 20px 80px #00000080,0 0 80px #ffd700e6}}.silver-card{background:linear-gradient(135deg,silver,#e8e8e8)!important;border:6px solid #a8a8a8}.bronze-card{background:linear-gradient(135deg,#cd7f32,#e6a157)!important;border:6px solid #b87333}.bronze-card .student-name-large,.bronze-card .score-large,.bronze-card .pts-label{color:#fff}.carousel-starting{text-align:center;animation:pulse 1.5s ease-in-out infinite}.carousel-starting .drum-roll{font-size:8rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-starting h2{font-size:clamp(2.5rem,5vw,4rem);color:#fff;margin-top:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.no-results-message{font-size:1.5rem;opacity:.8;margin-top:2rem}.standings-view{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.standings-overlay{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .5s ease}.standings-header{text-align:center;margin-bottom:3rem}.standings-header h1{font-size:clamp(3rem,6vw,5rem);color:#fff;margin:0 0 1rem;text-shadow:0 4px 16px rgba(0,0,0,.3);animation:bounceIn .8s ease}.standings-subtitle{font-size:clamp(1.25rem,2vw,1.75rem);color:#ffffffe6;font-weight:600}.standings-list{width:90%;max-width:1000px;display:flex;flex-direction:column;gap:1.5rem}.standings-item{display:flex;align-items:center;gap:2rem;padding:2rem;background:#fffffff2;border-radius:20px;box-shadow:0 8px 24px #0000004d;animation:slideInFromLeft .6s ease backwards}.standings-item.rank-1{animation-delay:.1s}.standings-item.rank-2{animation-delay:.2s}.standings-item.rank-3{animation-delay:.3s}.standings-item:nth-child(4){animation-delay:.4s}.standings-item:nth-child(5){animation-delay:.5s}@keyframes slideInFromLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.standings-rank{font-size:clamp(3rem,5vw,4rem);font-weight:900;min-width:80px;text-align:center;color:#2d3748}.standings-name{flex:1;font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#2d3748;word-wrap:break-word}.standings-score{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fbbf24;white-space:nowrap}.standings-footer{text-align:center;margin-top:3rem;animation:pulse 2s ease-in-out infinite}.standings-footer p{font-size:clamp(1.5rem,3vw,2.5rem);color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.question-image-container{display:flex;justify-content:center;margin:.5rem 0;flex-shrink:0;max-height:30vh}.question-image{max-width:min(900px,70vw);max-height:min(450px,28vh);border-radius:16px;box-shadow:0 8px 24px #0000004d;object-fit:contain;width:auto}.emoji-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.floating-emoji{position:absolute;font-size:4rem;animation:floatUp 3s ease-out forwards;text-shadow:0 4px 8px rgba(0,0,0,.3)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-200px) scale(1.5)}}.double-points-banner{display:flex;justify-content:center;width:100%;margin:1rem 0 2rem;animation:doublePointsEntry .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.double-points-content{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;padding:1.5rem 3rem;border-radius:50px;font-size:2.5rem;font-weight:900;text-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 8px 32px #ff6b6b99,0 0 40px #ffa50066;animation:doublePointsPulse 2s ease-in-out infinite;letter-spacing:2px;border:4px solid rgba(255,255,255,.3)}@keyframes doublePointsEntry{0%{transform:translateY(-100px) scale(.5);opacity:0}60%{transform:translateY(0) scale(1.1);opacity:1}80%{transform:translateY(-10px) scale(.95)}to{transform:translateY(0) scale(1)}}@keyframes doublePointsPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #ff6b6b99,0 0 40px #ffa50066}50%{transform:scale(1.05);box-shadow:0 12px 48px #ff6b6bcc,0 0 60px #ffa50099}}.motivational-ticker{position:fixed;bottom:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);overflow:hidden;z-index:999;border-top:3px solid rgba(255,255,255,.3);box-shadow:0 -4px 20px #0000004d}.ticker-content{display:inline-flex;align-items:center;height:100%;animation:tickerScroll 30s linear infinite;white-space:nowrap;will-change:transform}.ticker-message{display:inline-block;color:#fff;font-size:1.75rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.4);padding:0 4rem;white-space:nowrap}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.waiting-header{position:relative}.waiting-header .logo-left{position:relative;z-index:1}.waiting-header .logo-center{justify-self:center;z-index:1}.waiting-header .session-badge{position:relative;z-index:1}.display-logo{height:90px;width:auto;filter:drop-shadow(0 0 15px rgba(251,191,36,.7)) drop-shadow(0 0 30px rgba(251,191,36,.5))}.display-text-logo{height:75px;width:auto;filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) drop-shadow(0 0 24px rgba(251,191,36,.4))}.holding-blank{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1e293b}.holding-logos{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:holdingPulse 3s ease-in-out infinite}@keyframes holdingPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.holding-logo{height:clamp(150px,30vh,400px);width:auto;filter:drop-shadow(0 0 40px rgba(251,191,36,.5))}.holding-text-logo{height:clamp(100px,18vh,250px);width:auto;filter:drop-shadow(0 0 30px rgba(251,191,36,.4))}.standings-static,.standings-animated{padding:2rem 4rem;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.standings-static h2,.standings-animated h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;color:#fbbf24;font-weight:700}.standings-list{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.standings-item{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;background:#ffffff0d;padding:1.5rem 2rem;border-radius:16px;border:2px solid rgba(251,191,36,.3);font-size:1.5rem;transition:all .3s ease}.standings-item:hover{background:#ffffff14;border-color:#fbbf24;transform:translate(8px)}.standings-item .rank{font-weight:700;color:#fbbf24;font-size:1.8rem}.standings-item .name{text-align:left;font-weight:600}.standings-item .score{text-align:right;color:#10b981;font-weight:700}.total-players{margin-top:2rem;font-size:1.25rem;color:#ffffffb3}.animate-slide-in{animation:slideInFromRight .6s ease-out forwards;opacity:0}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.round-ident-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#3b82f6);position:relative;overflow:hidden;animation:identEnter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes identEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.round-ident-screen.exiting{animation:identExit .5s cubic-bezier(.7,0,.84,0) forwards}@keyframes identExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.round-ident-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);animation:slideBackground 20s linear infinite}@keyframes slideBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.round-ident-content{position:relative;z-index:1;text-align:center;animation:identContentEnter .8s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes identContentEnter{0%{transform:translateY(50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.round-ident-label{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:.5rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6),0 4px 8px rgba(0,0,0,.5);animation:identPulse 2s ease-in-out infinite,identSlideIn .6s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes identSlideIn{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.round-ident-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.6);max-width:80vw;margin:0 auto}@keyframes identPulse{0%,to{text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6),0 4px 8px rgba(0,0,0,.5)}50%{text-shadow:0 0 30px rgba(251,191,36,1),0 0 60px rgba(251,191,36,.8),0 4px 8px rgba(0,0,0,.5)}}.display-index{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.display-index-content{max-width:1400px;margin:0 auto;color:#f7fafc}.index-logo{max-width:350px;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 25px rgba(255,255,255,.4)) drop-shadow(0 0 50px rgba(102,126,234,.3))}.index-title{font-size:3.5rem;font-weight:800;text-align:center;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3);color:#f7fafc}.index-subtitle{font-size:1.35rem;text-align:center;margin-bottom:3rem;opacity:.9;color:#cbd5e0}.manual-entry-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;border-radius:16px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 8px 32px #667eea4d}.manual-entry-card h2{color:#f7fafc;margin-bottom:1.5rem;text-align:center;font-size:1.75rem}.manual-join-form{display:flex;gap:1rem;max-width:700px;margin:0 auto}.session-input{flex:1;padding:1.25rem;font-size:1.2rem;border:2px solid #334155;border-radius:8px;background:#0f172a;color:#f7fafc;transition:all .3s ease}.session-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #667eea33}.session-input::placeholder{color:#64748b}.available-sessions-section{margin-bottom:3rem}.available-sessions-section h2{color:#f7fafc;text-align:center;margin-bottom:2.5rem;font-size:2.25rem}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.display-session-card{background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #3b82f6;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f633}.display-session-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #3b82f666;border-color:#60a5fa}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.session-name{font-size:1.4rem;font-weight:700;color:#f7fafc;font-family:Monaco,Courier New,monospace}.live-pulse{background:linear-gradient(135deg,#f56565,#fc8181);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.session-info{color:#cbd5e0;margin-bottom:1.25rem;font-size:1.05rem}.connect-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.connect-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.02)}.no-sessions-message{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #334155;border-radius:16px;margin-bottom:2rem}.no-sessions-icon{font-size:5rem;margin-bottom:1.5rem}.no-sessions-message h3{color:#f7fafc;font-size:2rem;margin-bottom:1rem}.no-sessions-message p{color:#cbd5e0;font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}.loading-message{text-align:center;padding:4rem;font-size:1.5rem;color:#cbd5e0}.back-btn{display:block;margin:2rem auto 0;max-width:200px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#f7fafc;border:2px solid #718096;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.display-index{padding:1rem}.index-logo{max-width:250px;margin-bottom:1rem}.index-title{font-size:2rem;margin-bottom:.75rem}.index-subtitle{font-size:1rem;margin-bottom:2rem}.manual-entry-card{padding:1.5rem;margin-bottom:2rem}.manual-entry-card h2{font-size:1.35rem;margin-bottom:1rem}.manual-join-form{flex-direction:column;gap:1rem}.session-input{padding:1rem;font-size:1rem;width:100%}.sessions-grid{grid-template-columns:1fr;gap:1rem}.quiz-session-card{padding:1.5rem}.session-name{font-size:1.1rem}.session-info{font-size:.95rem}.available-sessions-section h2{font-size:1.75rem;margin-bottom:1.5rem}.no-sessions-message{font-size:1rem;padding:2rem 1rem}}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.admin-header{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem 2rem 1.5rem;box-shadow:0 4px 16px #0006;margin-bottom:2rem;border-bottom:3px solid #fbbf24;display:flex;flex-direction:column;gap:2rem}.admin-header h1{color:#f7fafc;margin-bottom:0;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-nav{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;padding:0 2rem;margin-top:.5rem}.nav-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#4a5568,#2d3748);color:#e2e8f0;border-radius:12px;font-weight:700;font-size:1.05rem;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0003;flex:1;min-width:200px;max-width:280px}.nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#718096,#4a5568);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.nav-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a;border-color:#fcd34d;box-shadow:0 4px 16px #fbbf2466}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.admin-content{padding:0 2rem 2rem;max-width:1600px;margin:0 auto}.section-split{display:flex;flex-direction:column;gap:2rem}.weeks-list{height:fit-content}.week-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2.5rem;border-radius:16px;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;box-shadow:0 8px 32px #fbbf244d}.week-items{display:flex;flex-direction:column;gap:.75rem}.week-item{padding:1.5rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .3s ease}.week-item:hover{border-color:#fcd34d;background:linear-gradient(135deg,#334155,#475569);box-shadow:0 8px 24px #fbbf2466;transform:translateY(-2px)}.week-item.selected{background:#fbbf24;border-color:#fbbf24;color:#fff}.week-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.week-info strong{font-size:1.1rem;color:#fff}.quiz-subtitle{font-size:.85rem;color:#e2e8f0;font-style:italic;margin-top:.25rem}.quiz-type-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:#fbbf2433;color:#fbbf24;font-size:.75rem;border-radius:4px;font-weight:600}.broadcast-controls{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(251,191,36,.1)}.broadcast-controls .btn{flex:1;min-width:150px}.week-item.selected .week-info strong,.week-item.selected .quiz-subtitle{color:#1e3a8a}.week-actions{display:flex;gap:.5rem;flex-wrap:wrap}.week-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.week-edit-actions{display:flex;gap:.5rem;margin-top:.25rem}.week-item.editing{background:linear-gradient(135deg,#334155,#475569);border-color:#fbbf24;cursor:default;padding:2rem;box-shadow:0 8px 24px #fbbf2480}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.questions-actions{display:flex;gap:.5rem}.template-actions{display:flex;gap:1rem;align-items:center;padding:1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;margin-bottom:1.5rem;border:2px solid #fbbf24}.template-hint{color:#fcd34d;font-size:.875rem;font-weight:600;margin-left:auto}.question-form{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:12px;margin-bottom:1.5rem;border:3px solid #fbbf24;box-shadow:0 4px 16px #0000004d}.question-form h3{color:#fff;margin-bottom:1rem}.options-section{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#1e40af80;border-radius:8px;border:2px solid #475569;margin-bottom:1.25rem}.options-section label{font-weight:700;color:#fff;margin-bottom:.5rem;font-size:1rem}.option-input-group{display:flex;gap:.5rem}.form-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-row label{font-weight:700;color:#fff;font-size:.95rem;margin-bottom:.25rem;display:block}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #fbbf24;border-radius:12px;transition:all .3s ease}.question-item:hover{border-color:#fcd34d;box-shadow:0 8px 24px #fbbf2466;transform:translateY(-2px)}.question-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fbbf24;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.question-content{flex:1}.question-text{color:#fff;font-weight:600;margin-bottom:.5rem}.question-meta{display:flex;gap:1rem;font-size:.875rem;color:#e2e8f0}.correct-badge{color:#48bb78;font-weight:600}.question-actions{display:flex;gap:.5rem;align-items:center}.empty-state{text-align:center;padding:5rem 2rem;color:#e2e8f0;font-size:1.2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;border:2px solid #475569}.empty-state:before{content:"📭";font-size:4rem;display:block;margin-bottom:1rem;opacity:.6}.live-section .card{max-width:1200px;margin:0 auto}.live-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #fbbf24}.live-header h2{color:#fff;margin-bottom:.5rem}.live-header p{color:#e2e8f0}.qr-section{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;border:2px solid #fbbf24;box-shadow:0 4px 16px #0000004d}.qr-code{text-align:center}.qr-code img{width:280px;height:280px;border-radius:16px;background:linear-gradient(135deg,#1e293b,#334155);padding:1.25rem;display:block;margin:0 auto 1rem;image-rendering:crisp-edges;image-rendering:pixelated;box-shadow:0 8px 24px #00000026;border:3px solid #fbbf24}.qr-code p{margin-top:.75rem;font-size:.9rem;color:#fff;font-weight:600}.qr-code strong{color:#1e3a8a;font-size:1rem;background:#fbbf24;padding:.25rem .75rem;border-radius:6px;display:inline-block;margin-top:.5rem;font-weight:700}.connected-students-panel{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:16px;border:2px solid #fbbf24;box-shadow:0 4px 16px #0000004d;min-height:280px}.connected-students-panel h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.connected-students-panel h3:before{content:"👥";font-size:1.75rem}.students-grid{display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start}.student-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:24px;font-weight:700;color:#1e3a8a;box-shadow:0 4px 12px #fbbf244d;transition:all .2s ease;animation:slideIn .3s ease}.student-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2480}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.student-score{background:#1e3a8a80;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:800;border:1px solid rgba(255,255,255,.4)}.quiz-controls{display:flex;flex-direction:column;gap:1.5rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.current-question-info{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:16px;border:2px solid #fbbf24;box-shadow:0 4px 16px #fbbf244d}.current-question-info h3{color:#fff;margin-bottom:1rem;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.current-question-info h3:before{content:"📝";font-size:1.5rem}.current-question-info p{color:#e2e8f0;margin-bottom:.75rem;font-size:1rem;line-height:1.6}.correct-answer-display{color:#1e3a8a;font-weight:800;font-size:1.25rem;background:#fbbf24;padding:.75rem 1rem;border-radius:8px;display:inline-block;margin-top:.5rem;border:2px solid #f59e0b}.voting-stats{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:16px;border:2px solid #fbbf24;box-shadow:0 4px 16px #fbbf244d;margin-bottom:1.5rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #fbbf24}.stats-header h4{color:#fff;font-size:1.35rem;font-weight:800;margin:0;display:flex;align-items:center;gap:.5rem}.stats-header h4:before{content:"📊";font-size:1.5rem}.vote-count{display:flex;gap:1rem;align-items:center;font-size:.95rem;font-weight:600}.vote-count .answered{color:#fbbf24}.vote-count .remaining{color:#f59e0b}.vote-count .total{color:#e2e8f0;font-weight:500}.answer-bar.correct-option{padding:.75rem;background:#48bb781a;border-radius:8px;border:2px solid #48bb78}.answer-label{display:flex;justify-content:space-between;align-items:center}.answer-text{font-weight:600;color:#fff;font-size:1rem}.correct-badge{background:#48bb78;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.bar-container{position:relative;height:32px;background:#1e40af4d;border-radius:8px;overflow:hidden}.bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease}.answer-bar.correct-option .bar-fill{background:linear-gradient(90deg,#48bb78,#38a169)}.bar-label{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);font-size:.875rem}.live-answers{background:linear-gradient(135deg,#f7fafc,#fef5e7);padding:2rem;border-radius:16px;border:2px solid #cbd5e0;box-shadow:0 4px 16px #0000001a}.live-answers h4{color:#fff;margin-bottom:1.5rem;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.live-answers h4:before{content:"⚡";font-size:1.5rem}.answers-grid{display:flex;flex-direction:column;gap:.5rem}.live-answer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;border:2px solid #fbbf24}.live-answer.correct{border-color:#48bb78;background:#c6f6d5}.live-answer.incorrect{border-color:#f56565;background:#fed7d7}.control-buttons{display:flex;gap:1rem;justify-content:center}.sessions-list{display:flex;flex-direction:column;gap:1rem}.sessions-list-panel{width:100%}.analytics-panel{width:100%;margin-top:2rem;padding-top:2rem;border-top:3px solid #e2e8f0}.dark-theme .analytics-panel{border-top-color:#fbbf24}.session-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:linear-gradient(135deg,#fff,#f7fafc);border:2px solid #cbd5e0;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;gap:.5rem}.session-item:hover{border-color:#fbbf24;box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.session-item.selected{border-color:#fbbf24;border-width:3px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 4px 20px #667eea4d}.session-info{flex:1;min-width:0;max-width:100%}.session-id-display{margin-bottom:.5rem}.session-id-display strong{font-size:1rem;color:#fff;font-family:Monaco,Courier New,monospace;word-break:break-word;overflow-wrap:break-word;line-height:1.4;display:block;margin-bottom:.25rem}.session-id-subtitle{font-size:.7rem;opacity:.7;font-style:italic;color:#e2e8f0;word-break:break-word;line-height:1.2;display:block}.dark-theme .session-id-subtitle{color:#cbd5e0}.session-actions{display:flex;gap:.25rem;align-items:flex-start;flex-wrap:wrap;flex-shrink:0}.session-time{color:#e2e8f0;font-size:.75rem;white-space:nowrap}.session-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.dark-theme .week-form{background:#2d3748;border:2px solid #718096;box-shadow:0 4px 12px #0006}.dark-theme .week-item{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.dark-theme .week-item:hover{border-color:#fbbf24;background:#718096}.dark-theme .week-item.selected{background:#fbbf24;border-color:#fbbf24;color:#fff}.dark-theme .week-info strong{color:#f7fafc}.dark-theme .quiz-subtitle{color:#cbd5e0}.dark-theme .week-item.editing{background:#2d3748;border-color:#fbbf24}.dark-theme .week-edit-form .input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.dark-theme .question-form{background:#2d3748;border:3px solid #718096;box-shadow:0 4px 12px #0006}.server-section{max-width:1400px;margin:0 auto}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:12px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d;border-color:#fbbf24}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#718096;margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#2d3748}.server-actions{margin:2rem 0;padding:1.5rem;background:#fff5f5;border:2px solid #feb2b2;border-radius:12px}.server-actions button{margin-bottom:1rem}.server-hint{font-size:.875rem;color:#c53030;font-style:italic}.server-info{margin-top:2rem;padding:1.5rem;background:#ebf8ff;border:2px solid #90cdf4;border-radius:12px}.server-info h3{color:#2c5282;margin-bottom:1rem}.endpoint-list{display:flex;flex-direction:column;gap:.75rem}.endpoint-item{padding:.75rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;font-size:.9rem;color:#fff}.endpoint-item strong{color:#fbbf24;margin-right:.5rem}.error-state{padding:2rem;text-align:center;background:#fff5f5;border:2px solid #fc8181;border-radius:12px}.error-state h3{color:#c53030;margin-bottom:.5rem}.error-state p{color:#742a2a}.dark-theme .stat-card{background:#4a5568;border-color:#4a5568}.dark-theme .stat-card:hover{border-color:#fbbf24;background:#718096}.dark-theme .stat-label{color:#cbd5e0}.dark-theme .stat-value{color:#f7fafc}.dark-theme .server-actions{background:#742a2a;border-color:#9b2c2c}.dark-theme .server-hint{color:#feb2b2}.dark-theme .server-info{background:#2c5282;border-color:#4299e1}.dark-theme .server-info h3{color:#90cdf4}.dark-theme .endpoint-item{background:#2d3748;color:#e2e8f0}.dark-theme .endpoint-item strong{color:#90cdf4}.dark-theme .error-state{background:#742a2a;border-color:#fc8181}.dark-theme .error-state h3{color:#feb2b2}.dark-theme .error-state p{color:#fed7d7}.dark-theme .question-form h3{color:#f7fafc}.dark-theme .question-item{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.dark-theme .question-text{color:#e2e8f0}.dark-theme .question-meta{color:#cbd5e0}.dark-theme .correct-badge{background:#48bb7833;color:#68d391}.dark-theme .qr-section{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.dark-theme .qr-code p{color:#e2e8f0}.dark-theme .qr-code strong{color:#f7fafc;background:#2d3748}.dark-theme .connected-students-panel{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.dark-theme .connected-students-panel h3{color:#f7fafc}.dark-theme .student-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #667eea66}.dark-theme .current-question-info{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#ed8936}.dark-theme .current-question-info h3,.dark-theme .current-question-info p{color:#e2e8f0}.dark-theme .correct-answer-display{color:#68d391;background:#2d3748;border-color:#68d391}.dark-theme .voting-stats{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#fbbf24}.dark-theme .stats-header{border-bottom-color:#718096}.dark-theme .stats-header h4{color:#f7fafc}.dark-theme .answer-text{color:#e2e8f0}.dark-theme .answer-bar.correct-option{background:#48bb7826;border-color:#48bb78}.dark-theme .bar-container{background:#2d3748}.dark-theme .live-answers{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.dark-theme .live-answers h4{color:#f7fafc}.dark-theme .live-answer{background:#2d3748;color:#e2e8f0}.dark-theme .live-answer.correct{background:#48bb7833;border-left-color:#48bb78}.dark-theme .live-answer.incorrect{background:#f5656533;border-left-color:#f56565}.dark-theme .session-item{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096;color:#e2e8f0}.dark-theme .session-item:hover{border-color:#fbbf24;box-shadow:0 4px 16px #667eea4d}.dark-theme .session-id-display strong{color:#f7fafc}.dark-theme .session-time{color:#cbd5e0}.dark-theme .empty-state{color:#cbd5e0;background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.dark-theme .options-section{background:#1a202c;border:2px solid #718096;box-shadow:inset 0 2px 4px #0000004d}.dark-theme .options-section label,.dark-theme .form-row label,.dark-theme label{color:#f7fafc;font-weight:700}.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme .questions-header h2,.dark-theme .session-info strong{color:#f7fafc}.dark-theme .live-header h2,.dark-theme .live-header p,.dark-theme .control-buttons,.dark-theme .image-upload-section label,.dark-theme .image-preview{color:#e2e8f0}.dark-theme .template-actions{background:linear-gradient(135deg,#1e3a5f,#2d3748);border-color:#4299e1}.dark-theme .template-hint{color:#90cdf4}.drag-handle{font-size:1.5rem;color:#fbbf24;cursor:grab;padding:.5rem;margin-left:-.5rem;-webkit-user-select:none;user-select:none;transition:all .2s ease}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:#f59e0b;transform:scale(1.1)}.double-points-badge{font-size:1.2rem;margin-right:.5rem;animation:fire-pulse 2s ease-in-out infinite}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-text{font-weight:500;color:#ff6b6b}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #4a5568}.analytics-header h2{margin:0 0 .5rem;color:#f7fafc}.session-meta{display:grid;grid-template-columns:auto auto;gap:2rem;font-size:.9rem;color:#cbd5e0;margin:.5rem 0 0;width:fit-content}.session-meta span{white-space:nowrap}.analytics-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:2rem;border-radius:16px;text-align:center;box-shadow:0 8px 24px #667eea4d;color:#fff}.stat-value{font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:1rem;opacity:.9;font-weight:600}.analytics-section{margin-top:2rem}.analytics-section h3{color:#2d3748;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.question-breakdown{display:flex;flex-direction:column;gap:1rem}.question-stat-item{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:8px;padding:1rem}.question-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.question-number{font-weight:700;font-size:1rem;color:#2d3748}.question-responses{font-size:.85rem;color:#718096}.question-stat-bar{width:100%;height:32px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem;position:relative}.question-stat-bar-multi{width:100%;height:32px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem;display:flex}.stat-segment{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem}.correct-segment{background:#48bb78}.incorrect-segment{background:#f56565}.no-answer-segment{background:#a0aec0}.question-stat-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;transition:width .3s ease;min-width:fit-content}.question-stat-label{color:#fff;font-weight:600;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.question-stat-counts{display:flex;gap:1.5rem;font-size:.9rem;flex-wrap:wrap}.correct-count{color:#48bb78;font-weight:600}.incorrect-count{color:#f56565;font-weight:600}.no-answer-count{color:#a0aec0;font-weight:600}.analytics-table{overflow-x:auto;border-radius:12px;box-shadow:0 4px 12px #00000014}.analytics-table table{width:100%;border-collapse:collapse;background:linear-gradient(135deg,#1e293b,#334155)}.analytics-table thead{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.analytics-table th{padding:1rem;text-align:left;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.analytics-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#2d3748}.analytics-table tbody tr:hover{background:#f7fafc}.score-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;display:inline-block}.dark-theme .analytics-section h3{color:#f7fafc}.dark-theme .question-stat-item{background:#2d3748;border-color:#4a5568}.dark-theme .question-number{color:#f7fafc}.dark-theme .question-responses{color:#a0aec0}.dark-theme .question-stat-bar,.dark-theme .question-stat-bar-multi{background:#1a202c}.dark-theme .no-answer-count{color:#cbd5e0}.dark-theme .analytics-table table{background:#2d3748}.dark-theme .analytics-table td{color:#e2e8f0;border-bottom-color:#4a5568}.dark-theme .analytics-table tbody tr:hover{background:#4a5568}.dark-theme .session-item.selected{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#fbbf24}.dark-theme .checkbox-text{color:#ffa94d}.header-branding{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.logo-left{z-index:1}.logo-center{position:absolute;left:50%;transform:translate(-50%);z-index:0}.logo-right{z-index:1;display:flex;align-items:center}.logout-btn{padding:.75rem 1.5rem!important;font-size:1rem!important;white-space:nowrap}.header-logo{height:90px;width:auto;filter:drop-shadow(0 0 15px rgba(251,191,36,.7)) drop-shadow(0 0 30px rgba(251,191,36,.5))}.header-text-logo{height:75px;width:auto;filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) drop-shadow(0 0 24px rgba(251,191,36,.4))}.clickable-logo:hover{filter:drop-shadow(0 0 18px rgba(251,191,36,.9)) drop-shadow(0 0 36px rgba(251,191,36,.7));transform:scale(1.05)}.users-section{max-width:1200px;margin:0 auto}.section-subtitle{color:#cbd5e0;margin-bottom:2rem}.password-change-form{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid #ef4444;box-shadow:0 4px 16px #ef44444d}.password-change-form h3{color:#fbbf24;margin-bottom:1.5rem}.user-form{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid #fbbf24}.user-form h3{color:#fbbf24;margin-bottom:1.5rem}.users-list{margin-top:2rem}.users-list h3{color:#fbbf24;margin-bottom:1.5rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.user-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.user-card:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 16px #fbbf244d}.user-info{display:flex;align-items:center;gap:1rem}.user-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fbbf2433;border-radius:50%}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:1.25rem;font-weight:700;color:#f7fafc}.user-role{font-size:.875rem;color:#fbbf24;text-transform:uppercase;font-weight:600}.user-date{font-size:.875rem;color:#94a3b8}.user-management-info{margin-top:3rem;padding-top:2rem;border-top:2px solid #475569}.user-management-info h3{color:#fbbf24;margin-bottom:1.5rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.permission-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:12px;padding:1.5rem}.permission-card h4{color:#fbbf24;font-size:1.1rem;margin-bottom:1rem}.permission-card ul{list-style:none;padding:0;margin:0}.permission-card li{color:#e2e8f0;padding:.5rem 0;border-bottom:1px solid #475569}.permission-card li:last-child{border-bottom:none}.clients-section{padding:2rem}.client-form{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:16px;padding:2rem;margin-bottom:2rem}.client-form h3{color:#fbbf24;margin-bottom:1.5rem}.color-input{width:60px;height:40px;border:none;border-radius:8px;cursor:pointer;margin-right:1rem}.clients-list{margin-top:3rem}.clients-list h3{color:#fbbf24;margin-bottom:1.5rem}.clients-table{display:grid;gap:1.5rem}.client-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:12px;padding:1.5rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1rem}.client-info{grid-column:1;grid-row:1}.client-info h4{color:#fbbf24;font-size:1.3rem;margin-bottom:.5rem}.client-slug{color:#94a3b8;font-size:.9rem;font-family:Courier New,monospace;margin-bottom:.75rem}.client-colors{display:flex;gap:.5rem}.color-swatch{width:40px;height:40px;border-radius:8px;border:2px solid #475569;cursor:help}.client-actions{grid-column:2;grid-row:1;display:flex;align-items:flex-start;gap:.5rem}.client-urls{grid-column:1 / -1;grid-row:2;background:#0000004d;padding:1rem;border-radius:8px;border:1px solid #475569}.client-urls p{color:#fbbf24;font-size:.9rem;margin:.5rem 0 .25rem}.client-urls code{display:block;background:#00000080;color:#60a5fa;padding:.5rem .75rem;border-radius:6px;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.75rem;overflow-x:auto}.empty-message{color:#94a3b8;font-style:italic;padding:2rem;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;border-radius:16px;padding:2.5rem;max-width:600px;width:90%;box-shadow:0 10px 40px #00000080}.modal-content h2{color:#fbbf24;margin-bottom:.5rem}.modal-subtitle{color:#94a3b8;margin-bottom:2rem;font-size:.95rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{display:block;color:#fbbf24;font-weight:600;margin-bottom:.5rem}.modal-content .form-group small{display:block;color:#94a3b8;font-size:.875rem;margin-top:.5rem;font-style:italic}.quiz-control{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);color:#f7fafc}.control-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom:2px solid #fbbf24;box-shadow:0 4px 16px #0000004d}.header-branding{display:flex;align-items:center;gap:1.5rem}.header-logo{height:60px;filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}.clickable-logo{cursor:pointer;transition:all .3s ease}.clickable-logo:hover{filter:drop-shadow(0 0 20px rgba(102,126,234,.8)) drop-shadow(0 0 35px rgba(102,126,234,.6));transform:scale(1.05)}.control-header h1{font-size:1.75rem;margin:0;color:#f7fafc}.session-name{font-size:1rem;color:#cbd5e0;margin:.25rem 0 0;font-family:Monaco,Courier New,monospace}.header-right{display:flex;align-items:center;gap:1.5rem}.live-clock{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2d3748,#4a5568);padding:.75rem 1.25rem;border-radius:12px;border:2px solid #fbbf24;box-shadow:0 4px 12px #667eea33}.clock-icon{font-size:1.5rem;animation:tickTock 1s infinite}@keyframes tickTock{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.clock-time{font-family:Monaco,Courier New,monospace;font-size:1.25rem;font-weight:700;color:#f7fafc;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.control-content{padding:2rem;max-width:1800px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:2rem}.display-preview-section{grid-column:1 / -1;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #3b82f6;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #3b82f633}.display-preview-section h3{margin:0 0 1rem;color:#f7fafc;font-size:1.25rem}.display-preview-container{position:relative;width:100%;padding-bottom:56.25%;background:#0f172a;border-radius:12px;overflow:hidden;border:2px solid #475569}.display-preview-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px;transform-origin:0 0}.preview-overlay{position:absolute;top:10px;right:10px;z-index:10}.open-fullscreen-btn{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #3b82f666;transition:all .3s ease}.open-fullscreen-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f699}.qr-section{display:flex;flex-direction:column;gap:1.5rem}.qr-code-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #fbbf24;border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 8px 24px #667eea33}.qr-code-card h3{margin:0 0 1rem;color:#f7fafc;font-size:1.25rem}.qr-image{width:100%;max-width:280px;height:auto;border-radius:8px;background:#fff;padding:.5rem;margin-bottom:1rem;image-rendering:crisp-edges;image-rendering:pixelated}.join-url{font-size:.9rem;color:#cbd5e0;word-break:break-all;margin:0}.join-url-link{display:block;font-size:.95rem;color:#fff;word-break:break-all;margin:0;padding:.75rem;background:#ffffff0d;border-radius:8px;font-family:Monaco,Courier New,monospace;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.join-url-link:hover{background:#667eea33;border-color:#fbbf24;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.url-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.url-item{display:flex;flex-direction:column;gap:.5rem;text-align:left}.url-item strong{color:#fbbf24;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.auto-advance-toggle{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #4a5568;text-align:left}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#fbbf24}.toggle-text{font-size:1rem;font-weight:600;color:#f7fafc}.toggle-hint{font-size:.85rem;color:#cbd5e0;margin:.5rem 0 0;line-height:1.4}.connected-students-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #48bb78;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #48bb7833}.connected-students-panel h3{margin:0 0 1rem;color:#f7fafc;font-size:1.25rem}.students-grid{display:grid;grid-template-columns:1fr;gap:.75rem;max-height:400px;overflow-y:auto}.student-badge{background:linear-gradient(135deg,#4a5568,#2d3748);padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #718096;transition:all .2s ease}.student-badge:hover{border-color:#48bb78;transform:translate(5px)}.student-score{background:#fbbf24;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.no-students{text-align:center;color:#718096;font-style:italic;padding:2rem}.quiz-controls-section{display:flex;flex-direction:column;gap:1.5rem}.start-quiz-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:3px solid #48bb78;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 12px 40px #48bb784d}.start-quiz-panel h2{font-size:2.5rem;margin:0 0 1rem;color:#f7fafc}.quiz-info{font-size:1.25rem;color:#cbd5e0;margin-bottom:2rem}.btn-xl{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700}.warning-text{margin-top:1.5rem;color:#fbbf24;font-size:1rem}.current-question-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #fbbf24;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #667eea33}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.question-header h3{font-size:1.5rem;margin:0;color:#f7fafc;display:flex;align-items:center;gap:1rem}.double-badge{background:linear-gradient(135deg,#f56565,#fc8181);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:700;animation:pulse 2s infinite}.time-limit{background:#4a5568;color:#fbbf24;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.1rem}.question-text{font-size:1.35rem;color:#f7fafc;margin-bottom:1.5rem;line-height:1.6}.question-options{display:grid;gap:.75rem;margin-bottom:1.5rem}.option-display{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a202c;border:2px solid #4a5568;border-radius:8px;transition:all .2s ease}.option-display.correct{border-color:#48bb78;background:linear-gradient(135deg,#48bb781a,#48bb780d)}.option-letter{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#4a5568;color:#f7fafc;border-radius:50%;font-weight:700;font-size:1.1rem;flex-shrink:0}.option-display.correct .option-letter{background:#48bb78}.option-text{color:#cbd5e0;font-size:1.05rem}.correct-answer-highlight{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:1rem;border-radius:8px;text-align:center;font-size:1.1rem;margin:0}.correct-answer-highlight strong{font-weight:700;font-size:1.2rem}.voting-stats-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #3b82f6;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #3b82f633}.voting-stats-panel h4{margin:0 0 1rem;color:#f7fafc;font-size:1.25rem}.vote-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.vote-summary span{padding:.5rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600}.answered{background:#48bb78;color:#fff}.remaining{background:#fbbf24;color:#1a202c}.total{background:#4a5568;color:#cbd5e0}.answer-breakdown{display:flex;flex-direction:column;gap:1rem}.answer-bar{display:flex;flex-direction:column;gap:.5rem}.answer-label{display:flex;justify-content:space-between;align-items:center;color:#f7fafc;font-size:.95rem}.correct-badge{color:#48bb78;margin-left:.5rem;font-weight:700}.answer-count{color:#cbd5e0;font-weight:600}.bar-container{width:100%;height:24px;background:#1a202c;border-radius:12px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b);transition:width .3s ease}.bar-fill.correct-option{background:linear-gradient(135deg,#48bb78,#38a169)}.live-answers-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #fbbf24;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #fbbf2433}.live-answers-panel h4{margin:0 0 1rem;color:#f7fafc;font-size:1.25rem}.answers-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.answer-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;background:#1a202c;border:2px solid transparent;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.answer-item.correct{border-color:#48bb78;background:#48bb781a}.answer-item.incorrect{border-color:#f56565;background:#f565651a}.answer-student{color:#f7fafc;font-weight:600}.answer-result{color:#cbd5e0;font-size:.9rem}.answer-item.correct .answer-result{color:#48bb78}.answer-item.incorrect .answer-result{color:#f56565}.control-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1.5rem 0}.btn-lg{padding:1rem 2rem;font-size:1.25rem;font-weight:600}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.loading-screen h2,.error-screen h2{color:#f7fafc;font-size:2rem;margin-bottom:2rem}@media (max-width: 1400px){.control-content{max-width:1400px}.display-preview-container{padding-bottom:50%}}@media (max-width: 1200px){.control-content{grid-template-columns:1fr}.qr-section{flex-direction:row}.display-preview-container{padding-bottom:56.25%}}@media (max-width: 768px){.qr-section,.control-buttons{flex-direction:column}.btn-lg{width:100%}}.question-navigator{background:linear-gradient(135deg,#2d3748,#374151);border:2px solid #fbbf24;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000004d}.question-navigator h3{color:#f7fafc;margin:0 0 .5rem;font-size:1.25rem}.navigator-hint{color:#cbd5e0;font-size:.9rem;margin:0 0 1rem}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.question-nav-btn{position:relative;background:#1e293b;border:2px solid #475569;border-radius:8px;padding:1rem .5rem;color:#cbd5e0;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.question-nav-btn:hover{background:#334155;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.question-nav-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;color:#fff;box-shadow:0 4px 16px #667eea80;transform:scale(1.05)}.question-nav-btn.completed{background:#065f46;border-color:#10b981;color:#d1fae5}.question-nav-btn.completed:hover{background:#047857}.q-number{font-size:1.1rem;font-weight:700}.q-badge{font-size:1rem;position:absolute;top:2px;right:2px}@media (max-width: 768px){.question-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.question-nav-btn{padding:.75rem .25rem}}.broadcast-control{min-height:100vh;background:linear-gradient(135deg,#0a1128,#1e3a5f);color:#fff}.control-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;border-bottom:2px solid #f4c430}.header-info h1{font-size:1.5rem;margin:0;color:#f4c430}.live-clock{font-size:1rem;color:#ffffffb3;font-family:monospace}.header-right{display:flex;gap:1rem}.control-content{padding:2rem;max-width:1400px;margin:0 auto}.upload-section{margin-bottom:2rem}.upload-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.upload-btn{cursor:pointer}.upload-hint{flex-basis:100%;margin:.5rem 0 0;font-size:.875rem;color:#ffffffb3}.current-question-card{background:linear-gradient(135deg,#f4c43033,#ff8c4233);border:2px solid #f4c430;border-radius:12px;padding:2rem;margin-bottom:2rem}.question-nav-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.nav-btn{padding:.5rem 1rem;font-size:.875rem}.btn-info{background:#3b82f6;color:#fff;border:none}.btn-info:hover{background:#2563eb}.btn-success{background:#10b981;color:#fff;border:none}.btn-success:hover{background:#059669}.btn-edit-round{background:transparent;border:none;color:#fbbf24;cursor:pointer;font-size:.875rem;margin-left:.5rem;padding:.25rem;transition:transform .2s ease}.btn-edit-round:hover{transform:scale(1.1)}.large-modal{max-width:700px;max-height:90vh;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;border-radius:12px;padding:2rem;max-width:500px;width:90%;border:2px solid #fbbf24}.modal-content h2{margin:0 0 1.5rem;color:#fbbf24}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500}.form-group input[type=checkbox]{margin-right:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fbbf24;background:#ffffff14}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.question-nav-controls .question-badge{flex:1;text-align:center;margin:0}.question-badge{display:inline-block;background:#f4c430;color:#0a1128;padding:.5rem 1rem;border-radius:20px;font-weight:700;margin-bottom:1rem}.current-question-card h2{margin:0;font-size:1.5rem;line-height:1.4}.control-section{background:#ffffff0d;border:2px solid rgba(244,196,48,.3);border-radius:12px;padding:2rem;margin-bottom:2rem}.control-section h3{margin:0 0 1.5rem;color:#f4c430;font-size:1.3rem}.round-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.round-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.question-list{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.question-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0003;border-radius:4px;cursor:pointer;transition:all .2s}.question-item:hover{background:#ffffff1a;transform:translate(4px)}.question-item.active{background:#f4c43033;border-left:3px solid #f4c430}.question-item .q-num{font-weight:700;color:#f4c430;min-width:35px}.question-item .q-text{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-item .q-type{font-size:1.2rem}.round-header h4{margin:0;font-size:1.1rem}.question-count{font-size:.875rem;color:#fff9}.round-actions{display:flex;gap:.5rem;flex-wrap:wrap}.round-actions .btn{flex:1;padding:.5rem;font-size:.875rem;min-width:fit-content}.round-actions .btn-sm{flex:0 1 auto;min-width:auto}.holding-buttons{display:flex;gap:1rem;flex-wrap:wrap}.holding-buttons .btn{flex:1;min-width:180px}.settings-group{display:flex;gap:1rem;align-items:flex-end}.settings-group label{display:flex;flex-direction:column;gap:.5rem;color:#ffffffe6}.settings-group input{padding:.5rem;border-radius:6px;border:1px solid rgba(244,196,48,.3);background:#ffffff1a;color:#fff;font-size:1rem;width:100px}.setting-help{margin-top:1rem;font-size:.875rem;color:#fff9;font-style:italic}.students-grid{display:flex;flex-wrap:wrap;gap:.5rem}.student-chip{background:#f4c43033;border:1px solid #f4c430;padding:.5rem 1rem;border-radius:20px;font-size:.875rem}.display-preview{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;border:2px solid rgba(244,196,48,.3)}.preview-frame{width:100%;height:100%;border:none;transform:scale(.5);transform-origin:top left;width:200%;height:200%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f4c43066}.btn-secondary:hover{background:#fff3;border-color:#f4c430}@media (max-width: 768px){.control-header{flex-direction:column;gap:1rem}.header-right{width:100%}.header-right .btn{flex:1}.control-content{padding:1rem}.round-grid{grid-template-columns:1fr}.holding-buttons{flex-direction:column}.settings-group{flex-direction:column;align-items:stretch}.display-preview{aspect-ratio:4 / 3}}:root{--match-exact: #4caf50;--match-partial: #ff9800;--match-none: #f44336;--status-correct: #4caf50;--status-half: #ff9800;--status-incorrect: #f44336;--status-pending: #9e9e9e;--text-secondary: rgba(255, 255, 255, .7)}.broadcast-marking{min-height:100vh;background:linear-gradient(135deg,#0a1128,#1e3a5f);color:#fff}.marking-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;border-bottom:2px solid #f4c430}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:40px;cursor:pointer}.header-left h1{font-size:1.5rem;margin:0;color:#f4c430}.marking-content{padding:2rem;max-width:1600px;margin:0 auto}.question-selector{background:#ffffff0d;border:2px solid rgba(244,196,48,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.question-selector h3{margin:0 0 1rem;color:#f4c430}.question-chips{display:flex;flex-wrap:wrap;gap:.75rem}.question-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.875rem}.question-chip:hover{background:#ffffff26;border-color:#f4c430}.question-chip.active{background:linear-gradient(135deg,#f4c430,#ff8c42);color:#0a1128;border-color:#f4c430;font-weight:600}.question-info-card{background:linear-gradient(135deg,#f4c43033,#ff8c4233);border:2px solid #f4c430;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.question-info-card h2{margin:0 0 1rem;font-size:1.3rem}.acceptable-answers{color:#fffc;font-size:1rem}.marking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#ffffffb3}.stat-card.match-exact{border-color:var(--match-exact)}.stat-card.match-exact .stat-value{color:var(--match-exact)}.stat-card.match-partial{border-color:var(--match-partial)}.stat-card.match-partial .stat-value{color:var(--match-partial)}.stat-card.match-none{border-color:var(--match-none)}.stat-card.match-none .stat-value{color:var(--match-none)}.stat-card.status-pending{border-color:var(--status-pending)}.stat-card.status-pending .stat-value{color:var(--status-pending)}.bulk-actions{display:flex;gap:1rem;margin-bottom:2rem}.answers-table-container{background:#ffffff0d;border:2px solid rgba(244,196,48,.3);border-radius:12px;overflow:hidden}.answers-table{width:100%;border-collapse:collapse}.answers-table thead{background:#0000004d}.answers-table th{padding:1rem;text-align:left;font-weight:600;color:#f4c430;border-bottom:2px solid rgba(244,196,48,.3)}.answers-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.answer-row{transition:background .3s ease}.answer-row:hover{background:#ffffff0d}.answer-row.correct{background:#4caf501a}.answer-row.half{background:#ff98001a}.answer-row.incorrect{background:#f443361a}.student-name{font-weight:600}.submitted-answer{font-family:monospace;font-size:.9375rem}.auto-match{display:flex;align-items:center;gap:.5rem}.match-badge,.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.matched-keyword{font-size:.75rem;color:#fff9;font-style:italic}.actions{display:flex;gap:.5rem}.btn-mark{width:36px;height:36px;border:none;border-radius:6px;font-size:1.125rem;cursor:pointer;transition:all .3s ease;font-weight:700}.btn-mark:disabled{opacity:.3;cursor:not-allowed}.btn-mark.correct{background:var(--status-correct);color:#fff}.btn-mark.correct:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 8px #4caf5066}.btn-mark.half{background:var(--status-half);color:#fff}.btn-mark.half:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 8px #ff980066}.btn-mark.incorrect{background:var(--status-incorrect);color:#fff}.btn-mark.incorrect:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 8px #f4433666}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#f4c430}.empty-state{padding:3rem;text-align:center;color:#fff9;font-size:1.125rem}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#f4c430}@media (max-width: 768px){.marking-header{flex-direction:column;gap:1rem}.marking-content{padding:1rem}.question-chips{flex-direction:column}.marking-stats{grid-template-columns:repeat(2,1fr)}.answers-table{font-size:.875rem}.answers-table th,.answers-table td{padding:.5rem}.actions{flex-direction:column}.btn-mark{width:100%}}.pub-player{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;padding:1rem}.pub-join-card{max-width:400px;margin:auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(251,191,36,.2)}.pub-logo{height:80px;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.pub-join-card h1{font-size:2rem;margin-bottom:.5rem;color:#fbbf24}.session-code{color:#94a3b8;margin-bottom:2rem;font-family:monospace}.pub-input{width:100%;padding:1rem;margin-bottom:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.pub-input::placeholder{color:#ffffff80}.pub-btn{width:100%;padding:1rem;background:#fbbf24;color:#0f172a;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.pub-btn:hover{background:#f59e0b;transform:translateY(-2px)}.pub-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pub-button-group{display:flex;gap:1rem;width:100%}.pub-pass{flex:1;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.pub-pass:hover{background:#fff3;border-color:#ffffff80}.pub-submit{flex:2}.pub-waiting{text-align:center;margin:auto}.pub-pulse{width:100px;height:100px;margin:0 auto 2rem;border-radius:50%;background:#fbbf24;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.pub-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-radius:12px;margin-bottom:1rem}.pub-player-name{font-size:1.1rem;font-weight:600;color:#fbbf24}.pub-question{flex:1;display:flex;flex-direction:column;gap:1.5rem}.pub-question-text{font-size:clamp(1.5rem,5vw,2.5rem);text-align:center;margin:0;padding:1.5rem;background:#ffffff0d;border-radius:12px;line-height:1.4}.pub-options{display:flex;flex-direction:column;gap:1rem}.pub-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .2s;text-align:left}.pub-option:hover{background:#ffffff1a;border-color:#fbbf24}.pub-option.selected{background:#fbbf2433;border-color:#fbbf24}.option-letter{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fbbf24;color:#0f172a;border-radius:8px;font-weight:700;font-size:1.2rem}.option-text{flex:1}.pub-textarea{width:100%;min-height:120px;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.1rem;font-family:inherit;resize:vertical}.pub-textarea::placeholder{color:#ffffff80}.pub-submit{margin-top:auto}.pub-submitted{text-align:center;margin:auto}.pub-check{width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:#10b981;border-radius:50%;font-size:4rem;animation:checkBounce .5s ease-out}@keyframes checkBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.pub-completed{text-align:center;margin:auto}.pub-completed h1{font-size:3rem;color:#fbbf24;margin-bottom:1rem}.round-ident-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:identFadeIn .5s ease-out}.round-ident-label{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;color:#fbbf24;letter-spacing:.3em;margin-bottom:1rem;animation:identBounce .6s ease-out}.round-ident-title{font-size:clamp(2rem,8vw,5rem);font-weight:900;color:#fff;text-align:center;animation:identBounce .6s ease-out .1s both}.pub-answer-mode-screen{justify-content:center;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.answer-mode-label{font-size:4rem;font-weight:900;color:#fbbf24;text-align:center;text-shadow:0 8px 32px rgba(251,191,36,.5);animation:answerModePulse 2s ease-in-out infinite;letter-spacing:.1em}.pub-holding-screen{justify-content:center;align-items:center;min-height:100vh;background:#1e293b}.pub-holding-logos{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:holdingFadeIn .5s ease-out}.pub-holding-logo{height:120px;filter:drop-shadow(0 8px 24px rgba(251,191,36,.4))}.pub-holding-text{height:60px;filter:drop-shadow(0 8px 24px rgba(251,191,36,.4))}@keyframes holdingFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.pub-player{padding:.75rem}.pub-question-text{font-size:1.5rem;padding:1rem}.pub-option{padding:1rem}.option-letter{width:35px;height:35px;font-size:1rem}.pub-holding-logo{height:80px}.pub-holding-text{height:40px}}.pub-display{width:100vw;height:100vh;background:#1e293b;color:#fff;display:flex;flex-direction:column;overflow:hidden}.pub-display-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:#0f172a;border-bottom:3px solid #fbbf24}.pub-header-logo{height:60px;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.pub-header-text{height:45px;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.pub-session-id{font-family:monospace;font-size:1.2rem;color:#94a3b8;background:#ffffff0d;padding:.5rem 1rem;border-radius:8px}.pub-round-badge{font-size:1.5rem;font-weight:700;color:#fbbf24;background:#fbbf241a;padding:.75rem 1.5rem;border-radius:12px}.pub-timer{font-size:2rem;font-weight:700;color:#fbbf24;background:#1e293be6;padding:.75rem 1.5rem;border-radius:12px;border:2px solid #fbbf24;min-width:120px;text-align:center;transition:all .3s ease}.pub-timer-warning{color:#ef4444;border-color:#ef4444;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pub-player-badge{font-size:1.3rem;font-weight:600;color:#fff;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:12px}.pub-waiting-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem}.pub-waiting-content h1{font-size:4rem;margin:0;color:#fbbf24}.pub-qr-container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000004d}.pub-qr-code{width:300px;height:300px;display:block}.pub-player-count{font-size:2.5rem;margin:0;color:#fff}.pub-join-url{font-size:1.8rem;color:#94a3b8;font-family:monospace;margin:0 0 3rem}.pub-joined-teams{margin-top:3rem;width:100%;max-width:1200px}.pub-joined-teams h3{font-size:2rem;color:#fbbf24;margin-bottom:1.5rem;text-align:center}.pub-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;overflow-y:auto}.pub-team-badge{background:#fbbf241a;border:2px solid #fbbf24;border-radius:12px;padding:1rem;text-align:center;font-size:1.3rem;font-weight:600;color:#fff;transition:all .3s ease;animation:teamFadeIn .3s ease-out}.pub-team-badge:hover{background:#fbbf2433;transform:scale(1.05)}@keyframes teamFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pub-pulse-ring{width:150px;height:150px;border-radius:50%;background:#fbbf24;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.pub-round-ident{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:identFadeIn .5s ease-out}.pub-ident-label{font-size:5rem;font-weight:700;color:#fbbf24;letter-spacing:.3em;margin-bottom:2rem;animation:identBounce .6s ease-out}.pub-ident-title{font-size:7rem;font-weight:900;color:#fff;text-align:center;animation:identBounce .6s ease-out .1s both}@keyframes identFadeIn{0%{opacity:0}to{opacity:1}}@keyframes identBounce{0%{transform:scale(.5) translateY(-50px);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.pub-holding{background:#1e293b;display:flex;align-items:center;justify-content:center}.pub-holding-logos{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:pulse 2s infinite}.pub-holding-logo{height:clamp(150px,30vh,400px);filter:drop-shadow(0 8px 24px rgba(251,191,36,.4))}.pub-holding-text{height:clamp(100px,18vh,250px);filter:drop-shadow(0 8px 24px rgba(251,191,36,.4))}.pub-question-content{flex:1;display:flex;flex-direction:column;padding:3rem;gap:2rem}.pub-question-title{font-size:clamp(2.5rem,5vw,4rem);text-align:center;margin:0;padding:2rem;background:#ffffff0d;border-radius:16px;line-height:1.3}.pub-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto;width:100%}.pub-option-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#334155;border-radius:16px;border:3px solid transparent;transition:all .3s}.pub-option-card:hover{border-color:#fbbf24}.pub-option-letter{flex-shrink:0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fbbf24;color:#0f172a;font-size:2.5rem;font-weight:700;border-radius:12px}.pub-option-text{flex:1;font-size:1.8rem;line-height:1.4}.pub-text-question-notice{text-align:center;padding:3rem;background:#fbbf241a;border:3px dashed #fbbf24;border-radius:16px;max-width:800px;margin:0 auto}.pub-text-question-notice p{font-size:2rem;color:#fbbf24;margin:0}@media (max-width: 1200px){.pub-options-grid{grid-template-columns:1fr}.pub-ident-label{font-size:3rem}.pub-ident-title{font-size:4rem}}@media (max-width: 768px){.pub-display-header{padding:1rem 1.5rem}.pub-header-logo{height:40px}.pub-header-text{height:30px}.pub-question-content,.pub-option-card{padding:1.5rem}.pub-option-letter{width:50px;height:50px;font-size:1.8rem}.pub-option-text{font-size:1.3rem}}.pub-option-card.correct-answer{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#4ade80!important;transform:scale(1.05);box-shadow:0 0 30px #22c55e80!important;animation:correctPulse 1.5s ease-in-out infinite}@keyframes correctPulse{0%,to{box-shadow:0 0 30px #22c55e80}50%{box-shadow:0 0 50px #22c55ecc}}.pub-revealed-text-answer{text-align:center;padding:3rem}.pub-answer-label{font-size:2rem;color:#fbbf24;margin-bottom:1.5rem;font-weight:700}.pub-answer-value{font-size:4rem;color:#22c55e;font-weight:900;text-shadow:0 0 20px rgba(34,197,94,.5);animation:answerReveal .5s ease-out}@keyframes answerReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.transition-next{animation:slideInFromRight .6s ease-out}.transition-previous{animation:slideInFromLeft .6s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.pub-show-teams{padding:3rem;justify-content:flex-start}.pub-teams-header{text-align:center;margin-bottom:3rem}.pub-teams-header h1{font-size:4rem;font-weight:900;color:#fbbf24;text-shadow:0 4px 20px rgba(251,191,36,.5);margin:0}.pub-teams-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-height:70vh;overflow-y:auto}.pub-team-showcase-card{background:linear-gradient(135deg,#1e293b,#334155);border:3px solid #fbbf24;border-radius:16px;padding:2rem;text-align:center;animation:teamCardFadeIn .5s ease-out;transition:all .3s ease}.pub-team-showcase-card:hover{transform:scale(1.05);box-shadow:0 8px 32px #fbbf2480}@keyframes teamCardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pub-team-number{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:1rem}.pub-team-showcase-name{font-size:1.75rem;font-weight:700;color:#fff;word-wrap:break-word}.pub-answer-mode-ident{justify-content:center;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.pub-answer-mode-label{font-size:8rem;font-weight:900;color:#fbbf24;text-align:center;text-shadow:0 8px 32px rgba(251,191,36,.5);animation:answerModePulse 2s ease-in-out infinite;letter-spacing:.1em}@keyframes answerModePulse{0%,to{transform:scale(1);text-shadow:0 8px 32px rgba(251,191,36,.5)}50%{transform:scale(1.05);text-shadow:0 12px 48px rgba(251,191,36,.8)}}.pub-leaderboard{padding:2rem 3rem;justify-content:flex-start;overflow:hidden}.pub-leaderboard-header{text-align:center;margin-bottom:2rem}.pub-leaderboard-header h1{font-size:4rem;color:#fbbf24;margin:0;text-shadow:0 4px 12px rgba(251,191,36,.3)}.leaderboard-subtitle{font-size:1.5rem;color:#fff;margin:.5rem 0 0;opacity:.8}.pub-leaderboard-scroll{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1200px;margin:0 auto;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:1rem}.pub-leaderboard-scroll::-webkit-scrollbar{width:8px}.pub-leaderboard-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.pub-leaderboard-scroll::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:10px}.pub-leaderboard-content{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;width:100%}.pub-lb-card{display:grid;grid-template-columns:120px 1fr 150px;gap:2rem;align-items:center;padding:2rem;background:#334155;border-radius:16px;border:3px solid #475569;transition:all .3s ease;opacity:0;transform:translateY(50px) scale(.9)}.pub-lb-card.revealed{animation:leaderboardReveal .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes leaderboardReveal{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaderboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pub-lb-card.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;transform:scale(1.08)}.pub-lb-card.rank-2{background:linear-gradient(135deg,#d4d4d8,#a1a1aa);border-color:#d4d4d8;transform:scale(1.05)}.pub-lb-card.rank-3{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#fb923c;transform:scale(1.03)}.pub-lb-rank{font-size:4rem;font-weight:900;text-align:center}.rank-number{font-size:3rem;color:#fbbf24;font-weight:700}.pub-lb-card.rank-1 .pub-lb-rank,.pub-lb-card.rank-1 .pub-lb-team,.pub-lb-card.rank-1 .pub-lb-score,.pub-lb-card.rank-2 .pub-lb-rank,.pub-lb-card.rank-2 .pub-lb-team,.pub-lb-card.rank-2 .pub-lb-score{color:#0f172a}.pub-lb-card.rank-3 .pub-lb-rank,.pub-lb-card.rank-3 .pub-lb-team,.pub-lb-card.rank-3 .pub-lb-score{color:#fff}.pub-lb-info{display:flex;flex-direction:column;gap:.5rem}.pub-lb-team{font-size:2.5rem;font-weight:700;color:#fff}.pub-lb-captain{font-size:1.5rem;color:#ffffffb3}.pub-lb-card.rank-1 .pub-lb-captain,.pub-lb-card.rank-2 .pub-lb-captain{color:#0f172ab3}.pub-lb-score{font-size:4rem;font-weight:900;color:#fbbf24;text-align:right}.pub-carousel{display:flex;justify-content:center;align-items:center;padding:4rem}.pub-carousel-container{width:100%;max-width:1200px;text-align:center}.pub-carousel-header{margin-bottom:3rem}.pub-carousel-header h1{font-size:4.5rem;margin-bottom:1rem;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}.carousel-progress{font-size:2rem;color:#fffc}.pub-carousel-card{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:4rem;border-radius:30px;box-shadow:0 20px 60px #0006;border:4px solid #fbbf24;position:relative;animation:slideIn .5s ease-out}.pub-carousel-card.slide-out{animation:slideOut .5s ease-in}.pub-carousel-card.winner-card{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.pub-carousel-card.silver-card{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.pub-carousel-card.bronze-card{background:linear-gradient(135deg,#a16207,#ca8a04)}.rank-corner-badge{position:absolute;top:2rem;left:2rem;font-size:3.5rem;font-weight:900;color:#fbbf24}.pub-carousel-card .rank-badge{font-size:8rem;margin-bottom:2rem}.team-name-large{font-size:5rem;font-weight:900;margin-bottom:2rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3)}.score-large{font-size:6rem;font-weight:900;color:#fbbf24}.winner-badge{margin-top:2rem;font-size:3rem;font-weight:900;color:#0f172a;animation:bounce 1s infinite}.carousel-starting{padding:4rem;text-align:center}.drum-roll{font-size:10rem;animation:pulse 1s infinite}.carousel-starting h2{font-size:4rem;color:#fbbf24}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-100%) scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.pub-control{min-height:100vh;background:#0f172a;color:#fff}.control-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#1e293b;border-bottom:3px solid #fbbf24}.control-logo{height:60px;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.control-header h1{margin:0;font-size:2rem;color:#fbbf24}.session-code{margin:.25rem 0 0;font-family:monospace;color:#94a3b8}.header-right{display:flex;gap:1rem;align-items:center}.live-clock{font-size:1.8rem;font-weight:600;padding:.75rem 1.5rem;background:#3b82f61a;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;font-family:monospace}.player-count{font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;background:#fbbf24;border:2px solid #fbbf24;border-radius:8px;color:#0f172a}.control-body{padding:2rem;max-width:1400px;margin:0 auto}.control-section{background:#1e293b;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.control-section h2{margin:0 0 1.5rem;color:#fbbf24;font-size:1.5rem}.delay-control{display:flex;align-items:center;gap:1rem}.delay-control button{width:50px;height:50px;font-size:1.5rem;background:#334155;color:#fff;border:2px solid #64748b;border-radius:8px;cursor:pointer;transition:all .2s}.delay-control button:hover{background:#475569;border-color:#fbbf24}.delay-value{font-size:2rem;font-weight:700;color:#fbbf24;min-width:100px;text-align:center}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.control-btn{padding:1rem 1.5rem;background:#334155;color:#fff;border:2px solid #64748b;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.control-btn:hover{background:#475569;border-color:#fbbf24}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.primary{background:#1e40af;border-color:#3b82f6}.control-btn.primary:hover{background:#1e3a8a;border-color:#60a5fa}.control-btn.success{background:#15803d;border-color:#22c55e;color:#fff;font-weight:700}.control-btn.success:hover{background:#166534;border-color:#4ade80}.control-btn.reveal{background:#dc2626;border-color:#ef4444;color:#fff;font-size:1.2rem;font-weight:700;padding:1.25rem 2rem}.control-btn.reveal:hover{background:#b91c1c;border-color:#f87171;transform:scale(1.05)}.rounds-list{display:flex;flex-direction:column;gap:1.5rem}.round-card{background:#334155;border-radius:8px;padding:1.5rem;border:2px solid #475569}.round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.round-header h3{margin:0;color:#fff;font-size:1.3rem}.question-count{color:#94a3b8;font-size:.9rem}.round-actions{display:flex;gap:1rem;margin-bottom:1rem}.questions-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #475569;display:flex;flex-direction:column;gap:.5rem}.question-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#1e293b;border:1px solid #475569;border-radius:6px;cursor:pointer;transition:all .2s}.question-item:hover{background:#0f172a;border-color:#fbbf24}.q-num{flex-shrink:0;width:50px;font-weight:700;color:#fbbf24}.q-text{flex:1;color:#fff}.q-type{flex-shrink:0;padding:.25rem .75rem;background:#475569;color:#fff;border-radius:4px;font-size:.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.danger-btn{background:#dc2626!important;border-color:#ef4444!important;color:#fff!important}.danger-btn:hover{background:#b91c1c!important;border-color:#f87171!important}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.player-card{display:flex;justify-content:space-between;align-items:center;background:#334155;border-radius:8px;padding:1rem;border:2px solid #475569}.player-info{flex:1}.player-team{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.player-captain{font-size:.9rem;color:#94a3b8}.kick-btn{padding:.5rem 1rem;background:#dc2626;color:#fff;border:2px solid #ef4444;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.kick-btn:hover{background:#b91c1c;border-color:#f87171;transform:scale(1.05)}.answer-mode-active{background:#fbbf240d;border:2px solid #fbbf24}.answer-mode-rounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.answer-mode-round-card{background:#334155;border-radius:8px;padding:1.5rem;border:2px solid #475569}.answer-mode-round-card h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.answer-mode-navigation{display:flex;flex-direction:column;gap:1.5rem}.answer-mode-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1e293b;border-radius:8px;border:2px solid #475569}.answer-mode-nav-header h3{margin:0;color:#fbbf24;font-size:1.3rem}.answer-mode-nav-controls{display:flex;gap:1rem;justify-content:center}.answer-mode-question-list{background:#1e293b;border-radius:8px;padding:1.5rem;border:2px solid #475569}.answer-mode-question-list h4{margin:0 0 1rem;color:#fbbf24;font-size:1.1rem}.answer-mode-q-btn{display:block;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;background:#334155;color:#fff;border:2px solid #475569;border-radius:6px;text-align:left;font-size:.9rem;cursor:pointer;transition:all .2s}.answer-mode-q-btn:hover{background:#475569;border-color:#fbbf24;transform:translate(5px)}.leaderboard-table{background:#334155;border-radius:8px;overflow:hidden}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:80px 1fr 1fr 100px;gap:1rem;padding:1rem;align-items:center}.leaderboard-header{background:#1e293b;font-weight:700;color:#fbbf24;border-bottom:2px solid #475569}.leaderboard-row{border-bottom:1px solid #475569}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#3b4b61}.lb-rank{font-size:1.5rem;text-align:center;font-weight:700}.lb-team{font-weight:600;color:#fff}.lb-captain{color:#94a3b8}.lb-score{font-size:1.5rem;font-weight:700;color:#fbbf24;text-align:right}.answer-analytics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#334155;border-radius:8px;padding:1.5rem;text-align:center;border:2px solid #475569}.stat-card.answered{border-color:#22c55e}.stat-card.remaining{border-color:#f59e0b}.stat-card.total{border-color:#3b82f6}.stat-value{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-card.answered .stat-value{color:#22c55e}.stat-card.remaining .stat-value{color:#f59e0b}.stat-card.total .stat-value{color:#3b82f6}.stat-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.answer-breakdown{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #475569}.answer-breakdown h3{margin:0 0 1rem;font-size:1.1rem;color:#fbbf24}.breakdown-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.breakdown-option{min-width:100px;font-weight:600;color:#fff}.breakdown-bar{flex:1;height:30px;background:#1e293b;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.breakdown-stats{min-width:80px;text-align:right;color:#94a3b8;font-size:.9rem}@media (max-width: 768px){.control-header{flex-direction:column;gap:1rem}.header-left{flex-direction:column;text-align:center}.control-body,.control-section{padding:1rem}.button-group{flex-direction:column}.control-btn{width:100%}}.answer-matrix-modal{width:95vw;max-width:1400px;max-height:90vh;padding:0}.answer-matrix-modal .modal-header{padding:1.5rem;border-bottom:2px solid #fbbf24;display:flex;justify-content:space-between;align-items:center;background:#0f172a}.answer-matrix-modal .modal-header h2{margin:0;color:#fbbf24}.answer-matrix-table-container{overflow:auto;max-height:calc(90vh - 100px);padding:1.5rem}.answer-matrix-table{width:100%;border-collapse:collapse;font-size:.9rem}.answer-matrix-table th{background:#1e293b;color:#fbbf24;padding:.75rem;text-align:center;position:sticky;top:0;z-index:10;border:1px solid #334155}.answer-matrix-table td{padding:.75rem;border:1px solid #334155;text-align:center}.team-name-cell{background:#1e293b;color:#fff;font-weight:600;text-align:left!important;position:sticky;left:0;z-index:5}.answer-cell{font-size:1.5rem;font-weight:700}.answer-cell.correct{color:#10b981;background:#10b9811a}.answer-cell.incorrect{color:#ef4444;background:#ef44441a}.score-cell{background:#1e293b;color:#fbbf24;font-weight:700;font-size:1.1rem}.close-btn{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#ef444433;color:#ef4444}.pub-marking{min-height:100vh;background:#0f172a;color:#fff;display:flex;flex-direction:column}.marking-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#1e293b;border-bottom:3px solid #fbbf24}.header-left{display:flex;align-items:center;gap:1.5rem}.marking-logo{height:60px;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.marking-header h1{margin:0;font-size:2rem;color:#fbbf24}.back-btn{padding:.75rem 1.5rem;background:#334155;color:#fff;border:2px solid #64748b;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:#475569;border-color:#fbbf24}.marking-body{display:flex;flex:1;overflow:hidden}.questions-sidebar{width:300px;background:#1e293b;border-right:1px solid rgba(255,255,255,.1);padding:1.5rem;overflow-y:auto}.questions-sidebar h2{margin:0 0 1rem;font-size:1.3rem;color:#fbbf24}.question-item{padding:1rem;background:#334155;border:2px solid #475569;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.question-item:hover{background:#475569;border-color:#fbbf24}.question-item.active{background:#fbbf241a;border-color:#fbbf24}.q-round{font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.q-preview{font-size:.95rem;color:#fff}.answers-panel{flex:1;padding:2rem;overflow-y:auto}.question-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #fbbf24}.question-header h2{margin:0 0 1rem;font-size:1.8rem;color:#fff}.correct-answer{font-size:1.1rem;color:#94a3b8}.correct-answer span{color:#fbbf24;font-weight:700}.answers-list{display:flex;flex-direction:column;gap:1.5rem}.answer-card{background:#1e293b;border:2px solid #475569;border-radius:12px;padding:1.5rem;transition:all .2s}.answer-card.correct{border-color:#22c55e;background:#22c55e1a}.answer-card.half{border-color:#f59e0b;background:#f59e0b1a}.answer-card.wrong{border-color:#ef4444;background:#ef44441a}.answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.player-name{font-size:1.2rem;font-weight:700;color:#fff}.answer-status{font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:6px;background:#334155;color:#94a3b8}.answer-card.correct .answer-status{background:#22c55e;color:#fff}.answer-card.half .answer-status{background:#f59e0b;color:#fff}.answer-card.wrong .answer-status{background:#ef4444;color:#fff}.answer-text{font-size:1.3rem;padding:1rem;background:#334155;border-radius:8px;margin-bottom:1rem;color:#fff}.marking-actions{display:flex;gap:1rem}.mark-btn{flex:1;padding:.75rem;border:2px solid;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.mark-btn.correct{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.mark-btn.correct:hover{background:#22c55e;color:#fff}.mark-btn.half{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.mark-btn.half:hover{background:#f59e0b;color:#fff}.mark-btn.wrong{background:#ef44441a;border-color:#ef4444;color:#ef4444}.mark-btn.wrong:hover{background:#ef4444;color:#fff}.no-questions,.no-answers{text-align:center;padding:3rem;color:#94a3b8;font-size:1.2rem}.no-questions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:50vh}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;color:#fbbf24}@media (max-width: 768px){.marking-body{flex-direction:column}.questions-sidebar{width:100%;max-height:200px}.marking-actions{flex-direction:column}}.settings-container{min-height:100vh;background:linear-gradient(135deg,#0a1128,#1e3a5f);color:#fff;padding-bottom:50px}.settings-content{max-width:1200px;margin:0 auto;padding:100px 20px 20px}.settings-header{text-align:center;margin-bottom:50px}.settings-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#f4c430,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{font-size:1.1rem;color:#ffffffb3}.message-category{background:#ffffff0d;border:2px solid #f4c430;border-radius:12px;padding:30px;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap;gap:15px}.category-header h2{font-size:1.8rem;margin:0 0 5px;color:#f4c430}.category-header p{font-size:.95rem;color:#fff9;margin:0;flex-basis:100%}.message-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.message-item{display:flex;gap:10px;align-items:center}.message-input{flex:1;padding:12px 15px;background:#ffffff1a;border:1px solid rgba(244,196,48,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.message-input:focus{outline:none;border-color:#f4c430;background:#ffffff26;box-shadow:0 0 0 3px #f4c43033}.message-input::placeholder{color:#fff6}.add-message{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(244,196,48,.2)}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f4c430,#ff8c42);color:#0a1128}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f4c43066}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f4433666}.btn-sm{padding:8px 12px;font-size:.9rem}.settings-info{background:#ffffff0d;border:2px solid rgba(244,196,48,.3);border-radius:12px;padding:25px;margin-top:40px}.settings-info h3{color:#f4c430;margin-top:0;margin-bottom:15px;font-size:1.3rem}.settings-info ul{margin:15px 0;padding-left:25px}.settings-info li{margin:8px 0;color:#fffc;line-height:1.6}.settings-info strong{color:#f4c430;font-family:monospace;font-size:1.05rem}.settings-info .note{margin-top:15px;padding:12px;background:#f4c4301a;border-left:3px solid #f4c430;border-radius:4px;color:#ffffffe6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(244,196,48,.2);border-top-color:#f4c430;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:1.2rem;color:#ffffffb3}@media (max-width: 768px){.settings-content{padding:80px 15px 15px}.settings-header h1{font-size:2rem}.category-header{flex-direction:column}.category-header h2{font-size:1.5rem}.message-item{flex-direction:column;align-items:stretch}.add-message{flex-direction:column}.btn{width:100%}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b)}.home-content{text-align:center;color:#fff}.home-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.home-subtitle{font-size:1.5rem;margin-bottom:3rem;opacity:.95}.demo-quiz-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;padding:2rem;margin:2rem auto;max-width:800px;box-shadow:0 8px 24px #fbbf244d;border:3px solid #fbbf24}.demo-quiz-content{display:flex;align-items:center;gap:1.5rem}.demo-icon{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.demo-text{flex:1;text-align:left}.demo-text h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.demo-text p{margin:0;color:#334155;font-size:1rem}.demo-buttons{display:flex;flex-direction:column;gap:.75rem}.btn-demo{background:#1e293b;color:#fbbf24;border:none;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:180px}.btn-demo:hover{background:#0f172a;transform:translate(5px);box-shadow:0 4px 12px #0000004d}.btn-demo-player:hover,.btn-demo-display:hover{transform:translate(5px) scale(1.05)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.home-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 10px 40px #0000004d;transition:all .3s ease;text-decoration:none;color:inherit;cursor:pointer}.home-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #fbbf2480;border-color:#fcd34d}.card-icon{font-size:4rem;margin-bottom:1rem}.home-card h2{font-size:1.5rem;margin-bottom:.75rem;color:#f7fafc}.home-card p{color:#cbd5e0;line-height:1.6}.home-card.info-only{cursor:default;opacity:.7}.home-card.info-only:hover{transform:none;box-shadow:0 8px 24px #0000004d}.no-quiz-badge{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#4a5568;border-radius:20px;font-size:.85rem;color:#a0aec0}.active-quiz-badge{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;font-size:.85rem;color:#fff;font-weight:600}.active-sessions-section{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #fbbf24;border-radius:20px;box-shadow:0 8px 32px #fbbf244d}.active-sessions-section h2{color:#f7fafc;text-align:center;margin-bottom:2rem;font-size:2rem}.quiz-category{margin-bottom:3rem}.quiz-category:last-child{margin-bottom:0}.quiz-category h3{color:#fbbf24;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;padding-left:.75rem;border-left:4px solid #fbbf24}.active-sessions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.session-card{background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #fbbf24;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #fbbf2433}.session-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #fbbf2466;border-color:#fcd34d}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-id{font-size:1.1rem;font-weight:700;color:#f7fafc;font-family:Monaco,Courier New,monospace}.live-badge{background:linear-gradient(135deg,#f56565,#fc8181);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.session-description{color:#cbd5e0;margin-bottom:1rem;font-size:.95rem}.join-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.join-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:scale(1.02)}.pub-quiz-card{border-color:#dc2626}.pub-quiz-card:hover{border-color:#ef4444;box-shadow:0 8px 32px #dc262666}.pub-badge{background:linear-gradient(135deg,#dc2626,#ef4444)}.pub-join-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.pub-join-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.logo-container{text-align:center;margin-bottom:1.5rem}.home-logo{max-width:400px;height:auto;margin:0 auto;filter:drop-shadow(0 0 20px rgba(251,191,36,.6)) drop-shadow(0 0 40px rgba(251,191,36,.4))}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.login-container{width:100%;max-width:450px}.login-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000080;border:2px solid #fbbf24}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{height:80px;width:auto;filter:drop-shadow(0 0 15px rgba(251,191,36,.7)) drop-shadow(0 0 30px rgba(251,191,36,.5));margin-bottom:1rem}.login-text-logo{height:60px;width:auto;filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) drop-shadow(0 0 24px rgba(251,191,36,.4));margin-bottom:1.5rem}.login-header h1{color:#f7fafc;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#cbd5e0;font-size:1rem}.error-message{background:#ef444433;border:2px solid #ef4444;color:#fecaca;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{color:#e2e8f0;font-weight:600;font-size:.95rem}.login-form .input{padding:.875rem 1rem;font-size:1rem;border-radius:10px;border:2px solid #4a5568;background:#2d3748;color:#f7fafc;transition:all .2s ease}.login-form .input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.login-form .input::placeholder{color:#718096}.login-btn{margin-top:.5rem;padding:1rem;font-size:1.1rem;font-weight:700}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #4a5568;text-align:center}.login-hint{color:#94a3b8;font-size:.9rem;margin:0}.login-hint strong{color:#fbbf24;font-weight:600}@media (max-width: 768px){.login-card{padding:2rem 1.5rem}.login-logo{height:60px}.login-text-logo{height:45px}.login-header h1{font-size:1.75rem}}.app-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;margin-bottom:2rem}.app-header nav{display:flex;gap:2rem;align-items:center}.app-header a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.app-header a:hover{background:#fff3}.card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0000004d;margin-bottom:1.5rem;border:2px solid #fbbf24}.dark-theme .card{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 10px 40px #00000080;color:#e2e8f0}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a!important;border:none;font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2480;color:#1e3a8a!important}.dark-theme .btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a!important;border:none}.dark-theme .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#1e3a8a!important}.btn-success{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e3a8a;border:none;font-weight:700}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2480;color:#1e3a8a}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background:#e53e3e}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;width:100%;transition:border-color .2s ease}.input:focus{border-color:#fbbf24}.dark-theme .input{background:#2d3748;border:2px solid #718096;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme .input:focus{border-color:#fbbf24;background:#1a202c;box-shadow:0 0 0 3px #fbbf244d,0 2px 8px #0006;outline:none}.select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;width:100%;background:#fff;transition:border-color .2s ease}.select:focus{border-color:#fbbf24}.dark-theme .select{background:#2d3748;border:2px solid #718096;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme .select:focus{border-color:#fbbf24;background:#1a202c;box-shadow:0 0 0 3px #fbbf244d,0 2px 8px #0006;outline:none}.dark-theme textarea.input{background:#2d3748;border:2px solid #718096;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme textarea.input:focus{border-color:#fbbf24;background:#1a202c;box-shadow:0 0 0 3px #fbbf244d,0 2px 8px #0006;outline:none}.dark-theme .input::placeholder,.dark-theme textarea.input::placeholder,.dark-theme .select::placeholder{color:#a0aec0;opacity:1}.dark-theme .input:disabled,.dark-theme .select:disabled{background:#2d3748;color:#718096;cursor:not-allowed}.dark-theme .btn-secondary{background:#4a5568;color:#e2e8f0}.dark-theme .btn-secondary:hover:not(:disabled){background:#718096}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.badge-success{background:#c6f6d5;color:#22543d}.badge-danger{background:#fed7d7;color:#742a2a}.badge-warning{background:#feebc8;color:#7c2d12}.badge-info{background:#bee3f8;color:#2c5282}.dark-theme .badge-success{background:#48bb7833;color:#68d391}.dark-theme .badge-danger{background:#f5656533;color:#fc8181}.dark-theme .badge-warning{background:#ed893633;color:#f6ad55}.dark-theme .badge-info{background:#4299e133;color:#63b3ed}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff;font-size:1.5rem}.error{background:#fed7d7;color:#742a2a;padding:1rem;border-radius:8px;margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:20px}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}