.el-dialog .mail-info[data-v-f1bd00f2],.el-dialog .reply-info[data-v-f1bd00f2],.el-dialog .setting-item[data-v-f1bd00f2]{display:flex;justify-content:space-between;margin-top:16px;font-size:16px}.el-dialog .copy-icon[data-v-f1bd00f2]{cursor:pointer}.el-dialog a[data-v-f1bd00f2]{text-decoration:none;color:#097c70;font-weight:600}.el-dialog .reply-time[data-v-f1bd00f2]{text-align:right}.el-dialog .reply-time .work-time-note[data-v-f1bd00f2]{font-weight:600}.sidebar[data-v-f1bd00f2]{justify-content:space-between;background-color:transparent;width:90px;color:#010101;padding-top:16px;transition:width .3s ease-in-out,background-color .3s ease;display:flex;flex-direction:column;z-index:99;box-shadow:none;position:fixed;top:0;left:0;height:100vh}.sidebar .sidebar-header[data-v-f1bd00f2]{display:flex}.sidebar .sidebar-header .user-info[data-v-f1bd00f2]{width:100%}.sidebar .sidebar-header .user-info .user-row[data-v-f1bd00f2]{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar .achievement-section[data-v-f1bd00f2]{padding:24px 16px 16px}.sidebar .achievement-section .section-title[data-v-f1bd00f2]{font-weight:700;margin-bottom:10px;color:#010101;white-space:nowrap}.sidebar .achievement-section .achievement-badges[data-v-f1bd00f2]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:12px;margin-top:10px}.sidebar .achievement-section .achievement-badges .badge-item[data-v-f1bd00f2]{width:100%;height:80px;background:linear-gradient(135deg,rgba(245,108,66,.2),rgba(22,162,73,.2));border:1px solid rgba(245,108,66,.302);border-radius:24px;display:flex;align-items:center;justify-content:center}.sidebar .achievement-section .achievement-badges .badge-item i[data-v-f1bd00f2]{font-size:16px;margin-bottom:0}.sidebar .toggle-btn[data-v-f1bd00f2]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;border-radius:50%;transition:transform .3s ease,background-color .2s;margin-right:5px;cursor:pointer}.sidebar .toggle-btn i[data-v-f1bd00f2]{pointer-events:none}.sidebar .user-info[data-v-f1bd00f2]{white-space:nowrap;overflow:hidden}.sidebar .user-info .second-row[data-v-f1bd00f2]{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.sidebar .user-info .user-name[data-v-f1bd00f2]{font-weight:700;font-size:18px;color:#010101}.sidebar .menu-section[data-v-f1bd00f2]{display:flex;flex-direction:column;gap:16px}.sidebar .stat-item[data-v-f1bd00f2]{display:flex;align-items:center;color:#fff;padding:8px 10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:padding .3s ease,width .3s ease;overflow:hidden;height:60px;position:relative}.sidebar .stat-item i[data-v-f1bd00f2]{font-size:20px!important}.sidebar .stat-item .stat-icon[data-v-f1bd00f2]{margin-right:0;font-size:14px;margin-bottom:2px;color:#fff}.sidebar .stat-item .fa-calendar[data-v-f1bd00f2]{color:#474700}.sidebar .stat-item .stat-label[data-v-f1bd00f2],.sidebar .stat-item .stat-value[data-v-f1bd00f2]{color:#010101}.sidebar .stat-item .stat-label[data-v-f1bd00f2]{flex-grow:1;font-size:16px;white-space:nowrap;overflow:hidden}.sidebar .stat-item .stat-value[data-v-f1bd00f2]{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden}.sidebar .bottom-menu[data-v-f1bd00f2]{padding-bottom:38px}.sidebar .bottom-menu .menu-item[data-v-f1bd00f2]{display:flex;align-items:center;padding:0 16px;cursor:pointer;transition:background-color .2s,color .2s;color:#010101;font-weight:500;height:40px}.sidebar .bottom-menu .menu-item i[data-v-f1bd00f2]{width:30px;font-size:18px;text-align:center}.sidebar .bottom-menu .menu-item span[data-v-f1bd00f2]{white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.is-expanded[data-v-f1bd00f2]{width:300px;background-color:rgba(240,250,255,.749);box-shadow:2px 0 6px rgba(0,0,0,.1)}.sidebar.is-expanded .user-info[data-v-f1bd00f2]{padding:0 16px}.sidebar.is-expanded .toggle-btn i[data-v-f1bd00f2]{font-size:18px}.sidebar.is-expanded .sidebar-header[data-v-f1bd00f2]{justify-content:space-between}.sidebar.is-expanded .toggle-btn[data-v-f1bd00f2]{margin-right:0}.sidebar.is-expanded .menu-section[data-v-f1bd00f2]{padding:0 16px;margin-top:8px;padding-top:12px;border-top:1px solid hsla(0,0%,50%,.274)}.sidebar.is-expanded .stat-item .stat-icon[data-v-f1bd00f2]{height:40px;width:40px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:hsla(0,0%,100%,.2);margin-right:12px}.sidebar.is-expanded .stat-item .stat-icon i[data-v-f1bd00f2]{font-size:18px}.sidebar:not(.is-expanded) .achievement-section[data-v-f1bd00f2],.sidebar:not(.is-expanded) .menu-item span[data-v-f1bd00f2],.sidebar:not(.is-expanded) .stat-label[data-v-f1bd00f2],.sidebar:not(.is-expanded) .user-info[data-v-f1bd00f2]{display:none}.sidebar:not(.is-expanded) .sidebar-header[data-v-f1bd00f2]{justify-content:center;margin-bottom:16px}.sidebar:not(.is-expanded) .toggle-btn[data-v-f1bd00f2]{margin:0;background-color:rgba(240,250,255,.749);border:2px solid #dae2e7;width:42px;height:42px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#010101}.sidebar:not(.is-expanded) .toggle-btn[data-v-f1bd00f2]:hover{background-color:rgba(163,222,252,.749)}.sidebar:not(.is-expanded) .stat-item[data-v-f1bd00f2]{width:60px;height:60px;padding:0;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.sidebar:not(.is-expanded) .stat-item .stat-icon[data-v-f1bd00f2]{margin-right:0;font-size:14px;margin:4px 0;color:#fff}.sidebar:not(.is-expanded) .stat-item .stat-icon i[data-v-f1bd00f2]{font-size:16px}.sidebar:not(.is-expanded) .stat-item .fa-calendar[data-v-f1bd00f2]{color:#000}.sidebar:not(.is-expanded) .stat-item .stat-value[data-v-f1bd00f2]{position:static;transform:none;font-size:16px;line-height:1;display:block;width:100%;text-align:center}.sidebar:not(.is-expanded) .bottom-menu[data-v-f1bd00f2]{border-top:none;display:flex;align-items:center;flex-direction:column;gap:16px}.sidebar:not(.is-expanded) .bottom-menu .menu-item[data-v-f1bd00f2]{background-color:rgba(240,250,255,.749);border:2px solid #dae2e7;width:40px;height:40px;border-radius:12px;justify-content:center;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar:not(.is-expanded) .bottom-menu .menu-item[data-v-f1bd00f2]:hover{background-color:rgba(163,222,252,.749)}.sidebar:not(.is-expanded) .bottom-menu .menu-item i[data-v-f1bd00f2]{width:auto;font-size:18px;color:#010101}.sidebar .teacher-menu-item[data-v-f1bd00f2]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;color:#555;border-radius:0;position:relative;white-space:nowrap}.sidebar .teacher-menu-item[data-v-f1bd00f2]:hover{background-color:rgba(0,0,0,.05);color:#2aaea0}.sidebar .teacher-menu-item.active[data-v-f1bd00f2]{background-color:#e6f7f5;color:#2aaea0;border-right:3px solid #2aaea0}.sidebar .teacher-menu-item .menu-icon[data-v-f1bd00f2]{width:30px;text-align:center;font-size:18px;margin-right:10px;flex-shrink:0}.sidebar .teacher-menu-item .menu-label[data-v-f1bd00f2]{font-size:16px;font-weight:500;flex-grow:1}.sidebar .teacher-menu-item .menu-sub[data-v-f1bd00f2]{font-size:12px;color:#999;margin-left:5px;display:block;transform:scale(.9)}.sidebar:not(.is-expanded) .teacher-menu-item[data-v-f1bd00f2]{padding:15px 0;justify-content:center}.sidebar:not(.is-expanded) .teacher-menu-item .menu-icon[data-v-f1bd00f2]{margin-right:0;font-size:20px}.sidebar:not(.is-expanded) .teacher-menu-item .menu-label[data-v-f1bd00f2],.sidebar:not(.is-expanded) .teacher-menu-item .menu-sub[data-v-f1bd00f2]{display:none}.teacher-sidebar.sidebar.is-expanded[data-v-f1bd00f2],.teacher-sidebar[data-v-f1bd00f2]{background-color:#f7fbfb}@media(orientation:landscape)and (max-height:767.98px)and (pointer:coarse){.sidebar[data-v-f1bd00f2]{width:90px;padding:0;background-color:unset;box-shadow:none;overflow-y:scroll}.sidebar .sidebar-header .toggle-btn[data-v-f1bd00f2]{visibility:visible!important;position:fixed;left:10px;top:10px;z-index:100;width:42px;height:42px;background-color:rgba(240,250,255,.749);border:2px solid #dae2e7}.sidebar:not(.is-expanded) .bottom-menu[data-v-f1bd00f2],.sidebar:not(.is-expanded) .menu-section[data-v-f1bd00f2]{display:none}.sidebar:not(.is-expanded) .toggle-btn[data-v-f1bd00f2]{margin:0}.sidebar .achievement-section .achievement-badges .badge-item[data-v-f1bd00f2]{width:100px}.sidebar.is-expanded[data-v-f1bd00f2]{width:100%;height:100vh;top:0;left:0;padding:10px 0;background-color:#f0faff;box-shadow:2px 0 6px rgba(0,0,0,.3);position:fixed}.sidebar.is-expanded .bottom-menu[data-v-f1bd00f2]{padding-bottom:0}.sidebar.is-expanded .sidebar-header .toggle-btn[data-v-f1bd00f2]{position:static;background-color:transparent;border:none;box-shadow:none;width:30px;height:30px}}body{margin:0}.apexcharts-legend-text{top:-1px!important}*,:after,:before{box-sizing:border-box}.el-form--label-top .el-form-item__label{display:flex!important;padding:0!important}.loading-container{display:flex;align-items:center;font-size:24px;font-weight:600;color:#010101;justify-content:center;flex-direction:column;gap:10px 0}.result-title{margin-top:16px}.timer-bar-wrap .timer-progress{border:2px solid #e1e0e0;border-radius:16px}.timer-bar-wrap .timer-progress .el-progress-bar__innerText{font-size:16px;font-weight:700;color:#000!important}.timer-bar-wrap .timer-progress :deep(.el-progress-bar__inner){transition:width 1s linear;background-color:#e74c3c}.scrollable-chart-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:20px}.scrollable-chart-container ::v-deep .apexcharts-canvas,.scrollable-chart-container ::v-deep .apexcharts-svg{width:100%!important}.select-all-box{padding:5px 15px;display:flex;justify-content:space-between;border-bottom:1px solid #eee;margin-bottom:5px;position:sticky;top:0;background:#fff;z-index:1}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected,.el-select-dropdown__item.selected{color:#4abcb1!important}.el-table .cell{font-size:16px}.level-scroll-container{height:350px;padding:6px 0}.islands-scroll-container{margin:4% 4% 4% 6%}.island-map-container{display:flex;flex-wrap:nowrap;gap:0 5%;margin-top:7%}.island-map-container .island-card img{width:300px;height:100%}.return-last-page{color:#010101;font-size:18px;font-weight:700;text-wrap:nowrap;cursor:pointer;text-align:left;display:flex;align-items:center;align-self:flex-start;padding:16px 0 0 24px}.timer-bar{flex-grow:1;margin-right:20px}.timer-bar .timer-progress .el-progress-bar__outer{border:2px solid #dae2e7!important;background-color:#f8f9fa}.timer-bar .timer-progress .el-progress-bar__inner{background-color:#de4d30!important}.el-dialog{display:flex;flex-direction:column;justify-content:center}.el-dialog .el-dialog__header{display:none!important}.el-dialog .el-dialog__body{padding:30px 20px 24px!important}.el-dialog .el-dialog__body .title{font-weight:600;margin:0 0 16px;font-size:20px;color:#010101}.el-dialog .dialog-content{display:flex;align-items:center;flex-direction:column;padding:0!important}.el-dialog .dialog-content .dialog-avatar,.el-dialog .dialog-content .result-avatar{width:180px;height:auto;margin-bottom:12px}.el-dialog .dialog-content .description{margin:0;text-align:center;color:#67777e;font-size:16px}.el-dialog .el-dialog__footer button{width:100px}.el-dialog .el-dialog--center .el-dialog__body,.el-dialog .el-dialog__footer{padding:0!important}.el-dialog .el-dialog__footer button:first-child{border:1px solid #67777e}.el-dialog .el-dialog__footer button:first-child:hover{background:#67777e;color:#fff}.el-dialog .el-dialog__footer button:nth-child(2){background-color:#115b53;color:#fff;border-color:#115b53}.el-dialog .el-dialog__footer button:nth-child(2):hover{background-color:#075e55}.start-modal{height:450px;border:4px solid #dae2e0;border-radius:16px!important}.challenge-confirm-modal,.confirm-change-pw-modal,.confirm-pw-modal,.exit-confirm-modal,.mails-modal,.settings-modal{border:6px solid var(--btn-g,#4abcb1);border-radius:16px!important;padding-bottom:24px}.challenge-confirm-modal .warning-text,.confirm-change-pw-modal .warning-text,.confirm-pw-modal .warning-text,.exit-confirm-modal .warning-text,.mails-modal .warning-text,.settings-modal .warning-text{color:#761c00;font-weight:700;margin-top:10px}.challenge-confirm-modal .title{margin-bottom:16px!important}button{cursor:pointer}.is-bw{filter:grayscale(100%)}.teal-select{width:250px}.teal-select .el-input__inner{background-color:#13786f;color:#fff;border-radius:8px;border:none;font-size:14px}.teal-select .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.8)}.teal-select .el-input__inner::placeholder{color:hsla(0,0%,100%,.8)}.teal-select ::v-deep .el-input__icon{color:#fff}.expand-table-wrapper{padding:20px;background-color:#f9fbfb;border-radius:8px;margin:10px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.expand-table-wrapper .expand-title{margin-top:0;margin-bottom:15px;color:#13786f;font-size:16px;border-left:4px solid #13786f;padding-left:10px}.expand-table-wrapper .el-table th{background-color:#f0f2f5!important}.el-tag.el-tag--info{color:#000!important;font-weight:600;font-size:14px}.tinder-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;min-width:600px;box-shadow:0 6px 10px -2px rgba(0,0,0,.15)!important}#app{font-family:Inter,sans-serif!important;min-height:100vh;overflow:hidden}.has-global-bg{background-image:url(/img/bg.d2fdf5dd.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.router-view-content{min-height:100vh}.orientation-lock{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;color:#fff;overflow:hidden}.orientation-lock .lock-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center}.orientation-lock .lock-content i{font-size:80px;margin-bottom:30px;animation:rotate-device 2s ease-in-out infinite}.orientation-lock .lock-content p{font-size:26px;font-weight:700;letter-spacing:2px;line-height:1.6}@media screen and (orientation:portrait){.orientation-lock{display:block!important}}@keyframes rotate-device{0%{transform:rotate(0deg);opacity:1}30%{transform:rotate(0deg)}60%{transform:rotate(-90deg);opacity:1}to{transform:rotate(-90deg);opacity:0}}@media(orientation:landscape)and (max-height:1199.98px)and (pointer:coarse){.return-last-page{padding:16px 0 0 0}.intro-card,.main-card{min-width:500px!important}}@media(orientation:landscape)and (max-height:767.98px)and (pointer:coarse){.return-last-page{padding:16px 0 0 32px}.tinder-card{min-width:unset}.intro-card,.main-card{min-width:500px!important}.intro-card .question-content,.main-card .question-content{padding:5%!important}.intro-card .question-content .instruction-text,.main-card .question-content .instruction-text{margin:0 0 24px}.intro-card .question-content .question-title,.main-card .question-content .question-title{font-size:120px!important}.intro-card .question-content .context-fill-title,.main-card .question-content .context-fill-title{font-size:34px!important}.page-title{font-size:24px}}.login-page{min-height:100vh;background-image:url(/img/login-bg.ac61f1ed.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;justify-content:center;display:flex;align-items:center}.login-page i{margin-right:4px}.el-dialog .title{margin-bottom:10px}.confirm-pw-modal .description,.confirm-pw-modal .pw-checklist{display:inline;align-self:flex-start;margin:4px 0;text-align:left!important}.confirm-pw-modal .pw-checklist{font-weight:600;padding-left:3%}.confirm-pw-modal .ask-confirm-pw{margin-top:16px}.confirm-pw-modal .el-dialog__footer button{width:120px}.confirm-change-pw-modal .description{text-align:center}.confirm-change-pw-modal .input-pw-area{margin-top:24px}.login-container{width:100vw;padding:4% 18%}.login-container .el-col{display:flex;flex-direction:column}.login-container .oidc-guide-box{text-align:center}.login-container .oidc-guide-box .guide-text{color:#666}.login-container .oidc-guide-box .oidc-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4abcb1,#38bdf8)!important;color:#fff!important;border-radius:12px}.login-container .oidc-guide-box .oidc-btn:hover{filter:brightness(1.1)}.login-container .announcement-card,.login-container .login-card{height:600px;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:11px;padding:24px;box-sizing:border-box}.login-container .announcement-list{flex:1;margin-top:8px;overflow-y:auto}.login-container .role-notice-text{font-size:14px;color:#ad5910;margin-top:-20px;margin-bottom:20px;text-align:center;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-container .announcement-card{position:relative;z-index:10}.login-container .announcement-card .announcement-list{flex:1;margin-top:8px;overflow-y:auto;min-height:0}.login-container .announcement-card .announcement-item{padding:12px;border-radius:16px;margin:12px 0;background-color:rgba(240,243,245,.502);transition:transform .3s ease}.login-container .announcement-card .announcement-item:hover{background-color:rgba(240,243,245,.843)}.login-container .announcement-card .announcement-item:last-child{border-bottom:none}.login-container .announcement-card .announcement-item .item-header{font-weight:700;color:#010101;margin-bottom:5px;display:flex;align-items:center;gap:10px;justify-content:space-between}.login-container .announcement-card .announcement-item .tag{font-size:14px;padding:6px 10px;border-radius:4px;color:#010101}.login-container .announcement-card .announcement-item .tag.new{background-color:#38bdf8}.login-container .announcement-card .announcement-item .tag.active{background-color:#f97316}.login-container .announcement-card .announcement-item .tag.update{background-color:#9a9bf8}.login-container .announcement-card .announcement-item .tag.maintain{background-color:#4caf9f}.login-container .announcement-card .announcement-item .item-content{font-size:16px;color:#67777e;margin:5px 0}.login-container .announcement-card .announcement-item .item-date{display:block;font-size:12px;color:#67777e}.login-container .card-title{color:#325362;font-size:24px;font-weight:700;margin:0;display:flex;align-items:center}.login-container .login-card{text-align:center}.login-container .login-card .fade-transform-enter-active,.login-container .login-card .fade-transform-leave-active{transition:all .3s ease}.login-container .login-card .fade-transform-enter-from{opacity:0;transform:translateX(10px)}.login-container .login-card .fade-transform-leave-to{opacity:0;transform:translateX(-10px)}.login-container .login-card .login-form-container{min-height:280px;display:flex;flex-direction:column;text-align:left}.login-container .login-card .login-form-container .forgot-password-link{color:#097c70;display:flex;justify-content:center;cursor:pointer;margin-top:16px}.login-container .login-card .login-form-container .forgot-password-link:hover{color:#325362}.login-container .login-card .input-group{margin-bottom:20px}.login-container .login-card .input-group .password-overlay{position:absolute;top:32px;left:0;width:100%;height:40px;background:rgba(240,250,255,.8);z-index:10;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;font-weight:500;pointer-events:none;border:1px dashed #38bdf8}.login-container .login-card .input-group .password-overlay i{margin-right:6px;color:#38bdf8}.login-container .login-card .input-group .input-label{display:block;font-size:16px;font-weight:700;color:#010101;margin-bottom:8px}.login-container .login-card .input-group .custom-input{width:100%;outline:none;color:#010101;transition:box-shadow .2s}.login-container .login-card .input-group .custom-input input{padding:14px 16px;border:1px solid rgba(40,169,156,.2);border-radius:12px;background-color:#f0faff}.login-container .login-card .input-group .custom-input::-moz-placeholder{color:#aab8c2}.login-container .login-card .input-group .custom-input::placeholder{color:#aab8c2}.login-container .login-card .role-switch{display:flex;margin-bottom:30px;border:1px solid #dae2e7;border-radius:11px;overflow:hidden;padding:8px}.login-container .login-card .role-switch .role-btn{flex:1;padding:8px;background-color:#f8f9fa;font-size:16px;transition:all .2s ease;border:none}.login-container .login-card .role-switch .role-btn:first-child{border-radius:8px 0 0 8px}.login-container .login-card .role-switch .role-btn:nth-child(2){border-radius:0 8px 8px 0}.login-container .login-card .role-switch .role-btn.active:first-child,.login-container .login-card .role-switch .role-btn.active:nth-child(2),.login-container .login-card button{background-color:#4abcb1;color:#010101}.login-container .login-card button{width:100%;border:none;padding:12px;border-radius:16px;font-size:16px;font-weight:600}.login-container .login-card button:hover{transition:.3s;background-color:#acf5ee}.login-container .login-card .card-title{justify-content:center}.login-container .login-card .card-subtitle{font-size:1rem;text-align:center;color:#666;margin-bottom:25px}.dev-test-zone{margin-top:30px;padding-top:20px;border-top:2px dashed #eee}.dev-test-zone .dev-title{font-size:14px;color:#999;margin-bottom:12px;text-align:center;font-weight:700}.dev-test-zone .dev-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dev-test-zone .dev-role-btn{border:none;padding:8px;border-radius:8px;font-size:13px;cursor:pointer;transition:transform .1s,opacity .2s;color:#fff;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dev-test-zone .dev-role-btn:hover{opacity:.9;transform:translateY(-1px)}.dev-test-zone .dev-role-btn:active{transform:translateY(1px)}.dev-test-zone .dev-role-btn.btn-student{background-color:#38bdf8}.dev-test-zone .dev-role-btn.btn-teacher{background-color:#2a9d8f}.dev-test-zone .dev-role-btn.btn-admin{background-color:#f4a261}.dev-test-zone .dev-role-btn.btn-top{background-color:#e76f51}@media(orientation:landscape)and (max-height:1199.98px)and (pointer:coarse){.login-container{padding:0}.login-page{padding:0 8%}}@media(orientation:landscape)and (max-height:767.98px)and (pointer:coarse){.login-container{padding:0}.mobile-scroll-box{-webkit-overflow-scrolling:touch;margin-bottom:20px}.mobile-scroll-box::-webkit-scrollbar{width:4px}.mobile-scroll-box::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.login-page{padding:5%!important;height:auto;overflow-y:auto}}