header{background-color:#fff;box-shadow:0 2px 5px #0000001a;height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:1}header .container{align-items:center;display:flex;height:70px;justify-content:space-between}header .container h2{line-height:1;margin:0}header .container nav{align-items:center;display:flex;gap:12px;z-index:1000}header .container nav a{color:#333;text-decoration:none}header .container nav a:hover{color:#007bff}header .container nav a.active{color:#007bff;font-weight:600}header .container nav button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}header .container nav button:hover{background:#0062cc}@media(max-width:600px){header .container nav{display:none}}.notification-container{align-items:end;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%}.notification-container .notification-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.notification-container .notification-stack .notification{animation:fadeInOut 3s ease forwards;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:16px;font-weight:500;min-width:200px;padding:16px 24px;pointer-events:auto;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.dashboard{display:flex;flex-direction:column;gap:12px}.dashboard .dashboard-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard .dashboard-cards .dashboard-card{--card-bg:#007bff;--card-text:#fff;box-shadow:0 2px 5px #0000001a;position:relative}.dashboard .dashboard-cards .dashboard-card .card-info{background-color:var(--card-bg);border-radius:6px;color:var(--card-text);padding:20px}.dashboard .dashboard-cards .dashboard-card .card-info p{font-size:20px;font-weight:500}.dashboard .dashboard-cards .dashboard-card button{background-color:var(--card-text);color:var(--card-bg);position:absolute;right:20px;top:50%;transform:translateY(-50%)}.quiz-dashboard{font-family:Arial,sans-serif}.quiz-dashboard .summary-cards{display:flex;gap:20px;margin-bottom:20px}.quiz-dashboard .summary-cards .card{background-color:#4caf50;border-radius:8px;color:#fff;flex:1 1;padding:20px;text-align:center}.quiz-dashboard .summary-cards .card h4{margin-bottom:10px}.quiz-dashboard .summary-cards .card p{font-size:24px;font-weight:700}.quiz-dashboard table{border-collapse:collapse;margin-bottom:30px;width:100%}.quiz-dashboard table td,.quiz-dashboard table th{border:1px solid #ddd;padding:8px 12px;text-align:center}.quiz-dashboard table th{background-color:#2196f3;color:#fff}.quiz-dashboard table tbody tr:nth-child(2n){background-color:#f9f9f9}.quiz-dashboard h3{margin-bottom:10px;margin-top:30px}.quizzes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}.quizzes .quiz-card{align-items:start;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.quizzes .quiz-card .extra-info{display:flex;justify-content:space-between;width:100%}.quizzes .quiz-card p{color:gray;font-size:11px;font-style:italic}.quizzes .quiz-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}@media(min-width:860px){.quizzes{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.quizzes{grid-template-columns:repeat(3,1fr)}}.users-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.users-container .user-tile{border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;gap:8px;justify-content:center;padding:12px;transition:transform .2s ease}.users-container .user-tile .avatar{border-radius:50%;padding:8px;width:32px}.users-container .user-tile:hover{transform:translateY(-3px)}.room-container{position:relative}.room-container .rooms-list{grid-gap:16px;display:grid;gap:16px}.room-container .rooms-list .room-tile{align-items:start;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.room-container .rooms-list .room-tile p{color:#5f5e5e;font-style:italic}.room-container .rooms-list .room-tile .room-info{align-items:center;display:flex;justify-content:space-between;width:100%}.room-container .rooms-list .room-tile .room-info div *{font-size:11px;font-style:italic}.room-container .rooms-list .room-tile .room-info .room-actions{display:flex;gap:4px}.room-container .rooms-list .room-tile:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.room-container .rooms-list{grid-template-columns:repeat(1,1fr)}@media(min-width:600px){.room-container .rooms-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.room-container .rooms-list{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.room-container .rooms-list{grid-template-columns:repeat(4,1fr)}}.profile{gap:8px;height:100%}.profile,.profile .profile-info{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile .profile-info{gap:4px}.quiz-player{margin:0 auto;max-width:760px;min-width:350px}.quiz-player,.quiz-player .quiz-content{align-items:start;display:flex;flex-direction:column;gap:12px}.quiz-player .quiz-content{width:100%}.quiz-player .quiz-content .quiz-progress{background-color:rgba(51,51,51,.071);border-radius:10px;flex:1 1;overflow:hidden}.quiz-player .quiz-content .quiz-progress div{background-color:#007bff;height:10px;transition:width .3s ease-in-out;width:0}.quiz-player .quiz-content .question-block{display:flex;flex-direction:column;gap:8px}.quiz-player .quiz-content .question-block .options-container{display:flex;flex-wrap:wrap;gap:12px}.quiz-player .quiz-content .question-block .options-container .option-item{align-items:center;display:flex}.quiz-player .quiz-content .question-block .options-container .option-item label{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s,border-color .2s}.quiz-player .quiz-content .question-block .options-container .option-item label:hover{background-color:#f1f1f1;border-color:#ccc}.quiz-player .quiz-content .question-block .options-container .option-item label .custom-radio{border:2px solid #007bff;border-radius:50%;height:16px;margin-right:8px;position:relative;width:16px}.quiz-player .quiz-content .question-block .options-container .option-item input[type=radio]{display:none}.quiz-player .quiz-content .question-block .options-container .option-item input[type=radio]:checked+.custom-radio:after{background-color:#007bff;border-radius:50%;content:"";height:8px;left:2px;position:absolute;top:2px;width:8px}.clamp-1{-webkit-line-clamp:1;line-clamp:1}.clamp-1,.clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.clamp-3{-webkit-line-clamp:3;line-clamp:3}.clamp-3,.clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.clamp-4{-webkit-line-clamp:4;line-clamp:4}.clamp-5{-webkit-line-clamp:5;line-clamp:5}.clamp-5,.clamp-6{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.clamp-6{-webkit-line-clamp:6;line-clamp:6}.clamp-7{-webkit-line-clamp:7;line-clamp:7}.clamp-7,.clamp-8{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.clamp-8{-webkit-line-clamp:8;line-clamp:8}.clamp-9{-webkit-line-clamp:9;line-clamp:9}.clamp-10,.clamp-9{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.clamp-10{-webkit-line-clamp:10;line-clamp:10}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{border:none;box-sizing:border-box;font-size:13px;margin:0;outline:none;padding:0;scrollbar-color:#0000004d #0000;scrollbar-width:thin;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#00000080}.app{flex-direction:column;min-height:100vh;position:relative}.app,main{display:flex}main{width:100%}main,main .container{flex:1 1}.container{margin:0 auto;max-width:1250px;padding:16px;position:relative}table{border:.5px solid #ccc;border-collapse:initial;border-radius:4px;border-spacing:0;overflow:hidden;width:100%}table td,table th{border:.5px solid #ccc;padding:6px 8px;text-align:start}table td{padding:4px 8px}table th:first-child{border-top-left-radius:4px}table th:last-child{border-top-right-radius:4px}table tr:last-child td:first-child{border-bottom-left-radius:4px}table tr:last-child td:last-child{border-bottom-right-radius:4px}button{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 16px}button.icon{border-radius:50%;padding:8px}button.error{background-color:red;color:#fff}button.success{background-color:green;color:#fff}button.fab,button.primary{background-color:#007bff;color:#fff}button.fab{align-items:center;border-radius:28px;bottom:70px;box-shadow:0 2px 6px #0000004d;display:flex;font-size:24px;height:56px;justify-content:center;min-width:56px;position:fixed;right:16px;z-index:100}button.fab:hover{background-color:#0062cc}input,select,textarea{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}input:focus,select:focus,textarea:focus{border:1px solid #007bff}textarea{min-height:100px}footer{background-color:#fff;border-top:.5px solid #0000001a;bottom:0;display:none;height:60px;position:-webkit-sticky;position:sticky}@media(max-width:600px){footer,footer a{display:flex;justify-content:center}footer a{align-items:center;color:#000;flex:1 1;flex-direction:column}footer a:hover{color:#007bff}footer a.active{color:#007bff;font-weight:600}}.overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.overlay .modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:16px;max-height:80vh;max-width:1218px;min-width:320px;padding:24px}.overlay .modal .modal-content{display:flex;flex-direction:column;gap:12px;overflow:scroll}.overlay .modal .modal-buttons{display:flex;gap:10px;justify-content:flex-end}.overlay .modal .modal-buttons button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.overlay .modal .modal-buttons button:last-child{background:#007bff;color:#fff}.overlay .modal .modal-buttons button:first-child{background:#ccc}.overlay .incoming-call{align-items:center;background-color:rgba(0,0,0,.431);border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:300px;padding:16px;width:100%}.overlay .incoming-call h3{color:#fff;font-size:16px;text-align:center}.overlay .incoming-call .actions{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.overlay .incoming-call .actions button{width:100%}.overlay .call-box{height:100%;position:relative;width:100%}.overlay .call-box.container{padding:0}.overlay .call-box video{background-color:#000;border-radius:8px;height:100%;overflow:hidden;width:100%}.overlay .call-box .local-video{border:2px solid #fff;height:90px;right:16px;width:125px}.overlay .call-box .call-actions{align-items:center;display:flex;gap:10px;justify-content:center;left:16px}.overlay .call-box .absolute{bottom:16px;position:absolute}.loader{animation:spin 1s linear infinite reverse;background:conic-gradient(from 0deg,#3498db 0,#3498db00 100%);border-radius:50%;height:48px;mask:radial-gradient(circle,#0000 60%,#000 61%);-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);width:48px}@keyframes spin{to{transform:rotate(1turn)}}.room-content{display:flex;flex-direction:column;gap:8px;height:calc(80vh - 48px)}.room-content .message-container{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:end;list-style-type:none;overflow-y:auto}.room-content .message-container .message-group{display:flex;flex-direction:column;gap:2px}.room-content .message-container .message-group .message-bubble{border-radius:8px;font-size:11px;max-width:80%;padding:8px 12px;white-space:normal}.room-content .input-container{align-items:center;display:flex;gap:8px}.room-content .input-container button{background-color:#007bff;color:#fff;height:34px;padding:0;width:34px}
/*# sourceMappingURL=main.c666103e.css.map*/