$primary:#1a90ff;.el-button--primary,.el-button--primary:focus,.el-button--primary:hover{background-color:$primary!important;border-color:$primary!important}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:$primary!important}.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner,.el-switch.is-checked .el-switch__core{background-color:$primary!important;border-color:$primary!important}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.el-select-dropdown{.el-select-dropdown__item{justify-content:center!important}.el-select-dropdown__empty,.el-select-dropdown__item,.el-select-dropdown__loading,.el-select-dropdown__wrap{text-align:center!important}}.el-select .el-input__inner{text-align:center!important;&::-moz-placeholder{text-align:center!important}&::placeholder{text-align:center!important}}.el-select .el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}html body .el-autocomplete .el-input__suffix,html body .el-cascader .el-input__suffix,html body .el-date-editor .el-input__prefix,html body .el-date-editor .el-input__suffix,html body .el-input__prefix,html body .el-input__suffix,html body .el-select .el-input__suffix,html body .el-time-picker .el-input__prefix,html body .el-time-picker .el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;i{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important}i,svg{vertical-align:middle!important}svg{display:block!important;margin:0 auto!important}.el-input__prefix-inner,.el-input__suffix-inner{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}}body .el-input{.el-input__prefix,.el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:auto!important;top:0!important;bottom:0!important;margin:auto!important}&.el-input--suffix .el-input__suffix{right:8px!important;.el-input__suffix-inner{width:100%!important}i{margin:0!important;line-height:1!important}}&.el-input--prefix .el-input__prefix,&.el-input--suffix .el-input__suffix{width:25px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}&.el-input--prefix .el-input__prefix{left:8px!important;.el-input__prefix-inner{width:100%!important}i{margin:0!important;line-height:1!important}}}body .el-date-editor{.el-input__prefix,.el-input__suffix{height:100%!important;width:25px!important;i{margin:0!important;line-height:1!important}}&.el-input--suffix .el-input__suffix{right:8px!important}&.el-input--prefix .el-input__prefix{left:8px!important}.el-input__inner{text-align:center!important;&::-moz-placeholder{text-align:center!important}&::placeholder{text-align:center!important}}}.el-time-picker{.el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}.el-input__inner{text-align:center!important}}.el-cascader{.el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}.el-input__inner{text-align:center!important;&::-moz-placeholder{text-align:center!important}&::placeholder{text-align:center!important}}}.el-tree-select{.el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}.el-input__inner{text-align:center!important}}.el-autocomplete{.el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}.el-input__inner{text-align:center!important;&::-moz-placeholder{text-align:center!important}&::placeholder{text-align:center!important}}}.el-input-number{.el-input-number__decrease,.el-input-number__increase{display:flex!important;align-items:center!important;justify-content:center!important;height:50%!important;&:hover{color:$primary!important}}.el-input__inner{text-align:center!important}}.el-slider{.el-slider__runway{margin:0 auto!important}.el-slider__bar{background-color:$primary!important}.el-slider__button{border-color:$primary!important}}.el-checkbox,.el-radio,.el-switch{display:flex!important;align-items:center!important;justify-content:center!important}.el-checkbox,.el-radio{.el-checkbox__label,.el-radio__label{text-align:center!important}}.el-color-picker,.el-rate,.el-upload{display:flex!important;justify-content:center!important;align-items:center!important}.el-upload{.el-upload-dragger{text-align:center!important}}.el-tag-input{.el-input__inner{text-align:center!important}}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb{background:transparent}body,html{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}$primary-hover:#1580e6;$background-light:#f5f7f8;$background-dark:#0f1923;$font-display:"Inter","Noto Sans SC",system-ui,sans-serif;body{font-family:$font-display;line-height:1.6;color:#1e293b}.page-container,body{background:$background-light}.page-container{min-height:100vh;padding:20px}.page-header{background:transparent;padding:20px 0;margin-bottom:20px;border:none;box-shadow:none}.header-content{justify-content:space-between;width:100%}.header-content,.page-title{display:flex;align-items:center}.page-title{gap:8px;font-size:20px;font-weight:600;color:#1e293b;margin:0}.title-icon{width:20px;height:20px;color:$primary}.content-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0;transition:all .2s ease;&:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}}.glass-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-bottom:24px;overflow:hidden}.form-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.form-group{margin-bottom:20px;.form-label{display:block;color:#1e293b;font-size:14px;font-weight:600;margin-bottom:8px}.form-help{color:#64748b;font-size:12px;margin-top:4px}}.el-input{.el-input__inner{border-radius:8px;border:2px solid #e2e8f0;font-size:14px;padding:0 16px;height:44px;transition:all .3s ease;&:focus{border-color:$primary;box-shadow:0 0 0 4px rgba(26,144,255,.1)}&::-moz-placeholder{color:#94a3b8}&::placeholder{color:#94a3b8}}&.is-error .el-input__inner{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}&.el-input--prefix .el-input__inner{padding-left:40px}.el-input__prefix{left:12px;color:#94a3b8;font-size:16px}&.el-input--suffix .el-input__inner{padding-right:40px}.el-input__suffix{right:12px;color:#94a3b8;font-size:16px}}.el-textarea{.el-textarea__inner{border-radius:8px;border:2px solid #e2e8f0;font-size:14px;padding:12px 16px;transition:all .3s ease;&:focus{border-color:$primary;box-shadow:0 0 0 4px rgba(26,144,255,.1)}}}.el-select{.el-input__inner{border-radius:8px;border:2px solid #e2e8f0;&:focus{border-color:$primary;box-shadow:0 0 0 4px rgba(26,144,255,.1)}}.el-select-dropdown{.el-select-dropdown__item{text-align:center;padding:0 20px;&:hover{background-color:#f5f7fa}&.selected{color:$primary;font-weight:600}}}.el-input__suffix{display:flex;align-items:center;justify-content:center;.el-select__caret{transition:transform .3s ease;&.is-reverse{transform:rotate(180deg)}}}.el-input__inner{text-align:center;&::-moz-placeholder{text-align:center;color:#94a3b8}&::placeholder{text-align:center;color:#94a3b8}}.el-select-dropdown__wrap{text-align:center}.el-select-dropdown__empty{color:#94a3b8}.el-select-dropdown__empty,.el-select-dropdown__loading{text-align:center;padding:20px}}.btn-primary{background:$primary!important;border-color:$primary!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:$primary-hover!important;border-color:$primary-hover!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,144,255,.3)}&:active{transform:translateY(0)}}.btn-success{background:#10b981!important;border-color:#10b981!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:#059669!important;border-color:#059669!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}&:active{transform:translateY(0)}}.btn-warning{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:#d97706!important;border-color:#d97706!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}&:active{transform:translateY(0)}}.btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:#dc2626!important;border-color:#dc2626!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}&:active{transform:translateY(0)}}.btn-common{border-radius:8px;font-weight:600;transition:all .3s ease;padding:12px 24px;&:hover{transform:translateY(-2px)}&:active{transform:translateY(0)}}.dialog-btn{border-radius:8px;font-weight:600;transition:all .3s ease;padding:10px 20px;&.confirm{background:$primary!important;border-color:$primary!important;color:#fff!important;&:hover{background:$primary-hover!important;border-color:$primary-hover!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,144,255,.3)}}&.cancel{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;&:hover{background:#dc2626!important;border-color:#dc2626!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}}}.confirm-btn,.detail-btn{background:$primary!important;border-color:$primary!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:$primary-hover!important;border-color:$primary-hover!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,144,255,.3)}&:active{transform:translateY(0)}}.cancel-btn{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;border-radius:8px;font-weight:600;transition:all .3s ease;&:hover{background:#dc2626!important;border-color:#dc2626!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}&:active{transform:translateY(0)}}.dialog-footer{display:flex;justify-content:flex-end;gap:15px;padding-top:20px}@media (max-width:768px){.cancel-btn,.confirm-btn,.detail-btn{padding:8px 16px;font-size:12px}.dialog-footer{flex-direction:column;gap:10px}}.page-header-container{padding:20px;background:#f8fafc}.page-search-button-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-search-section{display:flex;align-items:center;gap:15px;flex:1}.page-button-section{display:flex;align-items:center;gap:15px;flex-shrink:0}.page-table-main{margin-top:20px}.page-table-standard{border-radius:8px!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;width:100%!important}.page-table-pagination{margin-top:25px!important;text-align:center}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.table-header{padding:20px;border-bottom:1px solid #e2e8f0;.table-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.table-count{color:#64748b;font-size:14px}}.el-table{.el-table__header{th{color:#1e293b;font-weight:600;border-bottom:1px solid #e2e8f0;padding:16px 8px}}.el-table__body{td{border-bottom:1px solid #f1f5f9;color:#64748b;padding:16px 8px}tr:hover>td{background:#f8fafc}}}.status-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;&.active{background:#dcfce7;color:#166534}&.inactive{background:#fee2e2;color:#991b1b}&.pending{background:#fef3c7;color:#92400e}}.role-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;&.student{background:#dbeafe;color:#1e40af}&.teacher{background:#fef3c7;color:#92400e}&.admin{background:#fecaca;color:#991b1b}}.search-area{background:transparent;padding:0;border:none;box-shadow:none;margin-bottom:0}.search-form{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.action-area{background:transparent;padding:0;border:none;box-shadow:none;margin-bottom:0}.action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pagination-area{background:#fff;padding:20px;border-radius:12px;margin-top:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.el-pagination,.pagination-area{display:flex;justify-content:center}.el-pagination{align-items:center;.el-pager li{border-radius:6px;margin:0 2px;&.active{background:$primary;color:#fff}&:hover{background:#eff6ff;color:$primary}}.btn-next,.btn-prev{border-radius:6px}.el-pagination__sizes{.el-select{.el-input{.el-input__inner{height:32px;line-height:32px;padding:0 8px;font-size:14px}}}}.el-pager,.el-pagination__jump,.el-pagination__sizes,.el-pagination__total{align-items:center;height:32px}.el-pagination__jump{.el-input{width:60px;margin:0 8px;.el-input__inner{height:32px;line-height:32px;padding:0 8px;text-align:center;font-size:14px}}}.el-pagination__total{font-size:14px;color:#64748b;margin-right:16px}.el-pagination__jump{font-size:14px;color:#64748b;.el-input{margin:0 8px}}.btn-next,.btn-prev,.el-pager,.el-pagination__jump,.el-pagination__sizes,.el-pagination__total{align-items:center;height:32px;line-height:1}}.stats-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{text-align:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;.stat-number{font-size:32px;font-weight:700;color:$primary;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px;font-weight:500}}.question-collapse{.el-collapse-item__header{background:#f8fafc;border:none;padding:16px 20px 16px 40px;font-size:16px;font-weight:600;color:#1e293b}.el-collapse-item__content{padding:20px;background:#fff}}@media (max-width:768px){.content-card,.page-container,.page-header{padding:16px}.search-form{flex-direction:column;align-items:stretch;.el-input,.el-select{width:100%}}.action-buttons{justify-content:center;gap:8px}.stats-grid{grid-template-columns:1fr;gap:16px}.table-container{.el-table{font-size:12px;.el-table__body td,.el-table__header th{padding:8px 4px}}}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-in}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.scale-in{animation:scaleIn .3s ease-in}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.hidden{display:none}.visible{display:block}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.el-footer{text-align:center;height:50px!important;background-color:#fff;opacity:.6}