#app{font-family:Helvetica,Arial,Avenir,sans-serif}.login[data-v-220727a5]{align-items:center;display:flex;justify-content:center;height:100vh;background-color:#f4f4f4}.login-container[data-v-220727a5]{background-color:#fff;padding:40px 60px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.1);text-align:center;display:flex;flex-direction:column;align-items:center}h2[data-v-220727a5]{margin-bottom:25px;color:#333}.login-button[data-v-220727a5]{background-color:#4285f4;color:#fff;border:none;border-radius:5px;padding:10px 15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.login-button[data-v-220727a5]:hover{background-color:#357abd}.google-icon[data-v-220727a5]{width:20px;height:20px;margin-right:10px}.dashboard[data-v-2e5ee4ca]{width:70%;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.nav-bar[data-v-2e5ee4ca]{border:1px solid#CCC8AA;border-radius:8px;background-color:#f1efef}.body-content[data-v-2e5ee4ca],.nav-bar[data-v-2e5ee4ca]{width:100%;margin-top:20px;padding:8px;box-sizing:border-box}.body-content[data-v-2e5ee4ca]{border:2px solid#d2c8bc;border-radius:8px}.menu-items[data-v-2e5ee4ca]{display:flex;gap:20px;flex-wrap:wrap}.menu-item[data-v-2e5ee4ca]{padding:20px 30px}.menu-item-right[data-v-2e5ee4ca],.menu-item[data-v-2e5ee4ca]{background-color:#f5f5f5;border-radius:5px;transition:background-color .3s}.menu-item-right[data-v-2e5ee4ca]{padding:10px;cursor:pointer}.menu-item-right[data-v-2e5ee4ca]:hover,.menu-item[data-v-2e5ee4ca]:hover{background-color:#cee6f3;transition:background-color .3s ease}.user-section[data-v-2e5ee4ca]{display:flex;align-items:center;position:relative;cursor:pointer}.user-name[data-v-2e5ee4ca]{margin-right:10px;font-size:1rem;color:#333}.user-avatar[data-v-2e5ee4ca]{width:40px;height:40px;border-radius:50%}.popover-menu[data-v-2e5ee4ca]{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.2);width:300px;z-index:10}.menu-item[data-v-2e5ee4ca]{padding:10px 15px;cursor:pointer;font-weight:700}.cards-container[data-v-2e5ee4ca]{display:flex;justify-content:space-between;margin-top:20px;margin-bottom:20px;margin-left:20px;margin-right:20px;gap:40px}.card[data-v-2e5ee4ca]{background-color:#f5f5f5;flex:1;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden;margin:0;align-items:center;cursor:pointer}.card[data-v-2e5ee4ca]:hover{background-color:#d2c8bc;transition:background-color .3s ease}.icon-container[data-v-2e5ee4ca]{display:flex;justify-content:center;align-items:center;height:100px}.card-header[data-v-2e5ee4ca]{padding:10px;font-weight:700;display:flex;flex-direction:column;align-items:center}.card-body[data-v-2e5ee4ca]{padding:10px}.card-content[data-v-2e5ee4ca]{font-size:14px}.card-icon[data-v-2e5ee4ca]{width:60px;height:60px;margin:10px}.card-preview-web-app[data-v-2e5ee4ca]{width:100%;margin:auto}.site-footer[data-v-2e5ee4ca]{width:100%;border:1px solid#d2c8bc;border-radius:8px;margin-top:10px;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f1efef;color:#000;box-sizing:border-box}.site-footer a[data-v-2e5ee4ca],.site-footer p[data-v-2e5ee4ca]{margin:0 20px;color:#000;text-decoration:none}.site-footer a[data-v-2e5ee4ca]:hover{text-decoration:underline}.dashboard[data-v-46e08ea9]{width:70%;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.nav-bar[data-v-46e08ea9]{margin:auto;width:100%;display:flex;justify-content:space-between;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.menu-items[data-v-46e08ea9]{display:flex;gap:20px;flex-wrap:wrap}.menu-item[data-v-46e08ea9]{padding:20px 20px;background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:background-color .3s}.menu-item[data-v-46e08ea9]:hover{background-color:#cee6f3;transition:background-color .3s ease}.user-section[data-v-46e08ea9]{display:flex;align-items:center;position:relative;cursor:pointer}.user-name[data-v-46e08ea9]{margin-right:10px;font-size:1rem;color:#333}.user-avatar[data-v-46e08ea9]{width:40px;height:40px;border-radius:50%}.classroom-create[data-v-46e08ea9]{margin-top:20px;display:flex;justify-content:flex-end;margin-bottom:20px}.create-button[data-v-46e08ea9]{padding:15px 20px;background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.create-button[data-v-46e08ea9]:hover{background-color:#357abf}.classroom-content[data-v-46e08ea9]{width:100%;margin:auto;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.classes-table[data-v-46e08ea9]{border-collapse:collapse;margin-top:20px}.classes-table thead[data-v-46e08ea9]{background-color:#e8f4fc}.classes-table td[data-v-46e08ea9],.classes-table th[data-v-46e08ea9]{padding:10px 15px;border:1px solid #e0e0e0;text-align:left}.classes-table tbody tr[data-v-46e08ea9]:hover{background-color:#fafafa}.classes-table .col-title[data-v-46e08ea9]{width:30%}.classes-table .col-students[data-v-46e08ea9]{width:10%}.classes-table .col-last-edited[data-v-46e08ea9]{width:20%}.classes-table .col-delete[data-v-46e08ea9],.classes-table .col-edit[data-v-46e08ea9]{width:10%}.classes-table button[data-v-46e08ea9]{padding:10px 15px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.classes-table button[data-v-46e08ea9]:hover{transform:scale(1.05)}.classes-table td:nth-child(4) button[data-v-46e08ea9]{background-color:#4caf50;color:#fff}.classes-table td:nth-child(4) button[data-v-46e08ea9]:hover{background-color:#45a049}.classes-table td:nth-child(5) button[data-v-46e08ea9]{background-color:#f44336;color:#fff}.classes-table td:nth-child(5) button[data-v-46e08ea9]:hover{background-color:#da190b}.classes-table td:nth-child(6) button[data-v-46e08ea9]{background-color:#2196f3;color:#fff}.classes-table td:nth-child(6) button[data-v-46e08ea9]:hover{background-color:#1976d2}.classes-table td a[data-v-46e08ea9]{text-decoration:none;font-style:italic;color:inherit}.classes-table td a[data-v-46e08ea9]:hover{text-decoration:underline}.dashboard[data-v-b860b3ec]{width:70%;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.nav-bar[data-v-b860b3ec]{margin:auto;width:100%;display:flex;justify-content:space-between;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.menu-items[data-v-b860b3ec]{display:flex;gap:20px;flex-wrap:wrap}.menu-item[data-v-b860b3ec]{padding:20px 20px;background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:background-color .3s}.menu-item[data-v-b860b3ec]:hover{background-color:#cee6f3;transition:background-color .3s ease}.user-section[data-v-b860b3ec]{display:flex;align-items:center;position:relative;cursor:pointer}.user-name[data-v-b860b3ec]{margin-right:10px;font-size:1rem;color:#333}.user-avatar[data-v-b860b3ec]{width:40px;height:40px;border-radius:50%}.quiz-create[data-v-b860b3ec]{margin-top:20px;display:flex;justify-content:flex-end;margin-bottom:20px}.create-button[data-v-b860b3ec]{padding:15px 20px;background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.create-button[data-v-b860b3ec]:hover{background-color:#357abf}.quiz-content[data-v-b860b3ec]{width:100%;margin:auto;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.quizzes-table[data-v-b860b3ec]{border-collapse:collapse;margin-top:20px}.quizzes-table thead[data-v-b860b3ec]{background-color:#e8f4fc}.quizzes-table td[data-v-b860b3ec],.quizzes-table th[data-v-b860b3ec]{padding:10px 15px;border:1px solid #e0e0e0;text-align:left}.quizzes-table tbody tr[data-v-b860b3ec]:hover{background-color:#fafafa}.quizzes-table .col-title[data-v-b860b3ec]{width:30%}.quizzes-table .col-questions[data-v-b860b3ec]{width:10%}.quizzes-table .col-last-edited[data-v-b860b3ec]{width:20%}.quizzes-table .col-delete[data-v-b860b3ec],.quizzes-table .col-edit[data-v-b860b3ec]{width:10%}.quizzes-table button[data-v-b860b3ec]{padding:10px 15px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.quizzes-table button[data-v-b860b3ec]:hover{transform:scale(1.05)}.quizzes-table td:nth-child(4) button[data-v-b860b3ec]{background-color:#4caf50;color:#fff}.quizzes-table td:nth-child(4) button[data-v-b860b3ec]:hover{background-color:#45a049}.quizzes-table td:nth-child(5) button[data-v-b860b3ec]{background-color:#f44336;color:#fff}.quizzes-table td:nth-child(5) button[data-v-b860b3ec]:hover{background-color:#da190b}.quizzes-table td:nth-child(6) button[data-v-b860b3ec]{background-color:#2196f3;color:#fff}.quizzes-table td:nth-child(6) button[data-v-b860b3ec]:hover{background-color:#1976d2}.quizzes-table td a[data-v-b860b3ec]{text-decoration:none;font-style:italic;color:inherit}.quizzes-table td a[data-v-b860b3ec]:hover{text-decoration:underline}.dashboard[data-v-a84fc432]{width:100%;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.nav-bar[data-v-a84fc432]{margin:auto;width:100%;display:flex;justify-content:space-between;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.menu-items[data-v-a84fc432]{display:flex;gap:20px;flex-wrap:wrap}.menu-item[data-v-a84fc432]{padding:20px 20px;background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:background-color .3s}.menu-item[data-v-a84fc432]:hover{background-color:#cee6f3;transition:background-color .3s ease}.user-section[data-v-a84fc432]{display:flex;align-items:center;position:relative;cursor:pointer}.user-name[data-v-a84fc432]{margin-right:10px;font-size:1rem;color:#333}.user-avatar[data-v-a84fc432]{width:40px;height:40px;border-radius:50%}.page-title[data-v-a84fc432]{font-size:24px;font-weight:700;color:#0056b3;margin-top:20px;margin-bottom:10px;text-align:center}.result-content[data-v-a84fc432]{width:100%;margin:auto;margin-top:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px}.results-table[data-v-a84fc432]{border-collapse:collapse;margin-top:20px}.results-table thead[data-v-a84fc432]{background-color:#e8f4fc}.results-table td[data-v-a84fc432],.results-table th[data-v-a84fc432]{padding:10px 15px;border:1px solid #e0e0e0;text-align:left}.results-table tbody tr[data-v-a84fc432]:hover{background-color:#fafafa}.results-table .col-submitted-at[data-v-a84fc432]{width:15%}.results-table .col-title[data-v-a84fc432]{width:20%}.results-table .col-quiz-name[data-v-a84fc432]{width:15%}.results-table .col-description[data-v-a84fc432]{width:20%}.results-table .col-classroom-name[data-v-a84fc432],.results-table .col-delete[data-v-a84fc432],.results-table .col-download[data-v-a84fc432]{width:10%}.results-table button[data-v-a84fc432]{padding:10px 15px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.results-table button[data-v-a84fc432]:hover{transform:scale(1.05)}.results-table td:nth-child(5) button[data-v-a84fc432]{background-color:#4caf50;color:#fff}.results-table td:nth-child(4) button[data-v-a84fc432]:hover{background-color:#45a049}.results-table td:nth-child(6) button[data-v-a84fc432]{background-color:#f44336;color:#fff}.results-table td:nth-child(6) button[data-v-a84fc432]:hover{background-color:#da190b}.results-table td a[data-v-a84fc432]{text-decoration:none;font-style:italic;color:inherit}.results-table td a[data-v-a84fc432]:hover{text-decoration:underline}#quiz-create[data-v-51919f5e]{background-color:#cee6f3}#quiz-title[data-v-51919f5e]{margin-top:10px;background-color:#cee6f3;width:88%;margin-right:10%;margin-left:2%;height:40px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:10px;border-radius:5px;font-size:16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}#btn-add-question[data-v-51919f5e]{width:80%;margin-bottom:10px;font-size:16px}#btn-add-question[data-v-51919f5e]:hover{background-color:#45a049}.plus-icon[data-v-51919f5e]{width:32px;margin-left:10px;margin-right:10px;height:32px;color:#ddd}#quiz-title-text[data-v-51919f5e]{margin-left:10%;margin-right:10%;width:50%;font-size:20px;border:none;padding:5px 5px 5px 5px;border-radius:5px;font-weight:700;text-align:center}#btn-submit-quiz[data-v-51919f5e]{background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-size:16px}#btn-submit-quiz[data-v-51919f5e]:hover{background-color:#357abf}#container[data-v-51919f5e]{display:flex;width:100%}#question-navigation[data-v-51919f5e]{width:20%;display:flex;flex-direction:column;align-items:center}.btn-question-navigation[data-v-51919f5e]{width:80%;margin-bottom:10px;background-color:#cee6f3;border:1px solid #a9a9a9}.highlighted[data-v-51919f5e]{background-color:#ff0;color:#000}#question-container[data-v-51919f5e]{width:80%;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;box-sizing:border-box;margin-right:10%}#label-question[data-v-51919f5e]{margin-bottom:10px;font-weight:700;color:#a9a9a9}.editor-container[data-v-51919f5e]{width:calc(100% - 80px);margin-right:80px;min-height:250px;border:1px solid #f0f0f0;padding:10px;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;background-color:#fff;border-radius:5px}#options-container.vertical-layout[data-v-51919f5e]{margin-bottom:20px;justify-content:left;margin:10px 10px 10px 10px}#options-container.vertical-layout .div-option[data-v-51919f5e]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}#options-container.two-columns-layout[data-v-51919f5e]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#options-container.two-columns-layout .div-option[data-v-51919f5e]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}#options-container.horizontal-layout[data-v-51919f5e]{display:flex;justify-content:space-between}#options-container.horizontal-layout .div-option[data-v-51919f5e]{margin-right:15px;flex-grow:1}.checkbox-container[data-v-51919f5e]{display:flex;align-items:center;font-size:24px;cursor:pointer}.div-option input[type=text][data-v-51919f5e]{font-size:36px;border:1px solid #f0f0f0;margin-right:25px;width:90%}.checkbox-container input[type=checkbox][data-v-51919f5e]{display:none}.checkmark[data-v-51919f5e]{width:44px;height:44px;border:1px solid #6c3428;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:36px;position:relative}.checkbox-container input[type=checkbox]:checked+.checkmark[data-v-51919f5e]{background-color:#30c99c;color:#fff}.checkmark[data-v-51919f5e]:before{position:absolute;color:#000;content:attr(data-text);display:block}#btn-delete-op[data-v-51919f5e]{background-color:#fff;color:red}#additional-container[data-v-51919f5e]{display:flex;justify-content:space-between;margin-top:20px;margin-bottom:20px;margin:10px 10px 10px 10px}#btn-del-question[data-v-51919f5e]{background-color:#f44336;color:#fff}#btn-del-question[data-v-51919f5e]:hover{background-color:#da190b}button[data-v-51919f5e]{padding:10px 20px;font-size:16px;border-radius:5px;border:none;cursor:pointer;font-weight:700}button[data-v-51919f5e]:hover{background-color:#ddd}#layout-buttons[data-v-51919f5e]{display:flex;justify-content:center;gap:10px;margin-top:20px}#layout-buttons button[data-v-51919f5e]{padding:10px 20px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s ease}#layout-buttons button[data-v-51919f5e]:hover{background-color:#0056b3}#layout-buttons button[data-v-51919f5e]:active{background-color:#004085;transform:scale(.98)}.loading-spinner-container{height:100vh}.loading-spinner,.loading-spinner-container{display:flex;align-items:center;justify-content:center}.loading-spinner{width:400px;height:400px;position:relative}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:180px;color:#07c}.loading-spinner:after{content:"";display:block;width:320px;height:320px;margin:8px;border-radius:50%;border:30px solid #f60;border-color:transparent #f60 transparent #f60;animation:loading-spinner 1.2s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard[data-v-744b9842]{width:70%;display:flex;flex-direction:column;align-items:stretch;margin:0 auto}.nav-bar[data-v-744b9842]{margin:auto;width:100%;display:flex;justify-content:space-between;margin-top:20px;margin-bottom:20px;border:1px solid#d2c8bc;border-radius:8px;padding:8px;box-sizing:border-box}.menu-items[data-v-744b9842]{display:flex;gap:20px;flex-wrap:wrap}.menu-item[data-v-744b9842]{padding:20px 20px;background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:background-color .3s}.menu-item[data-v-744b9842]:hover{background-color:#cee6f3;transition:background-color .3s ease}.user-section[data-v-744b9842]{display:flex;align-items:center;justify-content:flex-end;position:relative;cursor:pointer}.user-name[data-v-744b9842]{margin-right:10px;font-size:1rem;color:#333}.user-avatar[data-v-744b9842]{width:40px;height:40px;border-radius:50%}.classroom-create label[data-v-744b9842]{display:block;margin-bottom:10px;font-weight:700}.classroom-create input[data-v-744b9842]{width:100%;height:30px;margin-bottom:10px;border-radius:5px;border:1px solid #ccc;font-size:18px;box-sizing:border-box}.classroom-content[data-v-744b9842]{display:flex;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px 20px 20px 20px;width:100%;box-sizing:border-box}#student-fullname1[data-v-744b9842]{margin:auto 10px;width:40%}#student-fullname2[data-v-744b9842]{width:20%;margin:auto 10px}#student-text1[data-v-744b9842]{margin-bottom:10px;border-radius:5px;border:1px solid #ccc;font-size:16px;box-sizing:border-box;resize:none;width:100%;height:250px}button[data-v-744b9842]{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button[data-v-744b9842]:hover{background-color:#45a049}#button-container[data-v-744b9842]{display:flex;justify-content:center}