@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg-color-light: #f7f9fc;--card-color-light: #ffffff;--pri-color-light: #009688;--link-bg-color-light: rgba(0, 150, 136, .1)}*{margin:0;padding:0;box-sizing:border-box;line-height:1}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:500}input,label,button,select,textarea,a,span,td,th,p{font-family:Inter,sans-serif}body{background-color:var(--bg-color-light)}main{position:absolute;top:60px;left:260px;width:calc(100% - 292px);max-width:1628px;margin:16px;min-height:calc(100vh - 92px)}nav.sidebar{position:fixed;top:0;left:0;width:260px;background-color:var(--card-color-light);box-shadow:0 2px 10px #0000001a;height:100vh}nav.sidebar>div.logo{display:flex;align-items:center;padding:16px 16px 0}nav.sidebar div.logo img{height:40px}nav.sidebar div.logo strong{font-size:1.2rem;font-family:Open Sans,sans-serif;font-weight:600}nav.sidebar span{color:#718fb6}nav.sidebar ul{list-style:none;padding:0}nav.sidebar ul li span{margin:16px 16px 16px 21px;display:inline-block}nav.sidebar a{text-decoration:none;color:#333;font-weight:500;display:flex;align-items:center;padding:10px 16px;border-left:4px solid transparent;margin-left:1px;transition:all .3s ease}nav.sidebar a,nav.sidebar span{font-size:.8rem}nav.sidebar a svg{margin-right:5px;height:20px;color:#748ab0}nav.sidebar a:hover{color:var(--pri-color-light)}nav.sidebar a:hover svg{color:var(--pri-color-light)}nav.sidebar a.active{color:var(--pri-color-light)}nav.sidebar a.active svg{color:var(--pri-color-light)}nav.sidebar>ul>li>ul>li>a.active{background-color:var(--link-bg-color-light);border-color:var(--pri-color-light)}nav.sidebar ul ul ul{padding-left:16px;height:0;overflow:hidden;transition:height .5s ease}nav.sidebar ul ul li.show a svg.lucide-chevron-right{transform:rotate(90deg)}nav.sidebar a i{flex:1}nav.topbar{position:fixed;top:0;left:260px;width:calc(100% - 260px);height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:var(--card-color-light);box-shadow:0 2px 10px #0000001a;z-index:1}nav.topbar button{background-color:transparent;border:none;cursor:pointer;color:#333;transition:color .3s ease}nav.topbar button:hover{color:var(--pri-color-light)}nav.topbar>div{display:flex;align-items:center;gap:10px;font-size:1rem}.pg-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pg-title a{background-color:var(--pri-color-light);color:#fff;padding:0 2px;border-radius:4px}form{display:flex;flex-direction:column;gap:15px}form>div{display:flex;align-items:flex-start;gap:0 16px}form>div p{flex:1}form p{display:flex;flex-direction:column}form p input,form p select,form p textarea{padding:10px 0;border:none;border-bottom:2px solid #ccc;border-radius:4px;font-size:1rem;color:#8d8d8d;background-color:transparent}form p input.error,form p select.error,form p textarea.error{border-bottom:2px solid red}form p input:focus,form p select:focus,form p textarea:focus{outline:none}form p input::placeholder,form p select::placeholder,form p textarea::placeholder{color:#bbb}form p input:disabled,form p select:disabled,form p textarea:disabled{cursor:not-allowed}form p input[type=checkbox],form p input[type=radio]{zoom:1.3}form p.check-row{flex-direction:row;align-items:center;gap:5px}form p label{color:#333}form a{color:#8d8d8d;text-decoration:none}form hr{color:#ccc;opacity:.5}button.btn{padding:15px 40px;border:none;border-radius:50px;background-color:var(--pri-color-light);color:#fff;cursor:pointer;transition:background-color .3s ease}button.btn:disabled{background-color:#e5e5e5;color:#8d8d8d;cursor:not-allowed}button.i-btn{background-color:var(--pri-color-light);color:#fff;padding:0 2px;border-radius:4px;border:none;cursor:pointer}button.i-btn.f-end{position:absolute;right:16px}button.i-btn.f-end-2{position:absolute;right:48px}button.i-btn.f-end-3{position:absolute;right:80px}form:has(>button.i-btn.f-end),form:has(>button.i-btn.f-end-2),form:has(>button.i-btn.f-end-3){position:relative}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{width:100%;max-width:400px;padding:30px;background-color:var(--card-color-light);border-radius:8px;box-shadow:0 2px 10px #0000001a}.login-box h2{text-align:center}.card{background-color:var(--card-color-light);padding:16px;box-shadow:0 2px 10px #0000001a}.tbl-box{overflow-x:auto}.tbl-box table{width:100%;min-width:800px;border-collapse:collapse}.tbl-box.sm table{min-width:400px}.tbl-box table tbody tr:nth-child(2n){background-color:#f2f2f2}.tbl-box table tbody tr:nth-child(odd){background-color:#fff}.tbl-box table td{padding:8px;font-size:.8rem;border:1px solid #ddd}.tbl-box table td:has(button){white-space:nowrap}.tbl-box table th{padding:10px 8px;font-size:.8rem;font-weight:500;border:1px solid #ddd;white-space:nowrap}.tbl-box table caption{background-color:var(--pri-color-light);color:#fff;padding:10px 8px;font-weight:700;border-left:2px solid #ddd;border-right:2px solid #ddd}.tbl-box table thead{background-color:var(--pri-color-light);color:#fff}.tbl-box tbody tr:hover{background-color:#e6e6e7!important}.tbl-box table td:has(input),.tbl-box table td:has(select){padding:0}.tbl-box table td>input,.tbl-box table td>select{padding:8px;width:100%;font-size:1rem;font-weight:400;color:#504958;background-color:#fff}.tbl-box table td>button{border:none;font-size:inherit;cursor:pointer;margin:0 4px;background:transparent}.filter{margin-bottom:5px;gap:5px;display:flex;align-items:center;flex-wrap:wrap}.filter>div{flex:1}.filter>input,.filter>select{padding:.3rem .5rem;color:#504958;background-color:transparent;border:1px solid #504958;min-width:240px}.filter>input:focus,.filter>select:focus{border-color:var(--pri-color-light);outline:none}.tbl-pagination{display:flex;margin-top:5px;border:1px solid var(--pri-color-light);width:min-content;border-radius:5px}.tbl-pagination button{padding:3px 8px;font-size:.8rem;font-weight:700;background-color:var(--color-light);color:var(--pri-color-light);border:1px solid var(--pri-color-light);cursor:pointer}.tbl-pagination button.active{background-color:var(--pri-color-light);color:#fff}.overlay{position:fixed;height:100vh;width:100vw;z-index:1;background:#232323;opacity:.5;display:none;top:0;left:0}.popup{position:fixed;top:0;z-index:2;height:100%;display:none;justify-content:center;align-items:center;left:0;right:0}.popup .overlay{display:block;z-index:-1}.popup.show{display:flex}.popup .content{width:90%;max-width:480px;background-color:#fff;padding:15px;overflow:auto;position:relative;border-radius:10px;max-height:800px}.popup .content .head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1;padding-bottom:10px;margin-bottom:10px}.popup .content .footer{border-top:1px solid #cbd5e1;padding-top:10px;margin-top:10px;text-align:end}.text-center{text-align:center}.popup.lg .content{max-width:720px}.popup.xl .content{max-width:1080px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.course{background-color:var(--card-color-light);box-shadow:#0000002e 0 2px 4px;padding-bottom:8px}.course div{margin:8px 16px}.course div.title{display:flex;justify-content:space-between;align-items:top;gap:5px}.course div.title h4{line-height:1.5}.course img{width:100%}.box-loader{display:flex;justify-content:center;align-items:center;padding:50px 0}form:has(>.box-overlay-loader),div:has(>.box-overlay-loader){position:relative}.box-overlay-loader{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%}.accordion{border:1px solid #ddd;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#fff;box-shadow:#00968829 0 1px 4px;transition:box-shadow .3s ease}.accordion>button{background-color:#f5f7fa;padding:14px 16px;font-size:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;width:100%;text-align:left;transition:background-color .3s ease}.accordion>button:hover{background-color:#eaeef3}.accordion>button svg{transition:transform .3s ease}.accordion.open>button svg{transform:rotate(180deg)}.accordion>div{overflow:hidden;transition:max-height .3s ease;background:#fff}.accordion>div>div{padding:14px 16px;font-size:15px;color:#444;line-height:1.5}.tile{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;align-items:center;background-color:var(--card-color-light);padding:8px 16px;border-radius:8px;box-shadow:#00968829 0 1px 4px;margin-bottom:8px}.tile button{background:transparent;border:none;color:var(--pri-color-light);cursor:pointer}.mcqs-form{min-height:50px}.mcqs-form>p{position:relative}.mcqs-form>p button{background:transparent;border:none;color:red;cursor:pointer;position:absolute;right:0;top:0}.student-profile{display:flex;flex-direction:column;gap:24px}.student-profile__id-badge{font-size:.8rem;color:#748ab0;background-color:#748ab01a;padding:6px 12px;border-radius:999px}.student-profile__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(116,138,176,.12);border-radius:12px;background:linear-gradient(135deg,#00968814,#00968805)}.student-profile__hero-left{display:flex;gap:18px;align-items:flex-start}.student-profile__avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#009688,#32b6a8);color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:600;box-shadow:0 8px 18px #00968833}.student-profile__hero-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.student-profile__hero-top h3{font-size:1.4rem;font-weight:600;color:#0f2743}.student-profile__tier{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#4f678d;padding:4px 10px;border-radius:999px;background:#4f678d1f;margin-bottom:12px}.student-profile__bio{color:#4f4f63;font-size:.9rem;line-height:1.5;margin-bottom:16px;white-space:pre-line}.student-profile__meta{display:flex;flex-wrap:wrap;gap:12px 20px;color:#4f678d;font-size:.85rem}.student-profile__meta span{display:inline-flex;align-items:center;gap:6px}.student-profile__status{font-size:.75rem;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.student-profile__status--1{background:#0096881f;color:#00897b}.student-profile__status--0{background:#f443361f;color:#c62828}.student-profile__contact{display:flex;flex-direction:column;gap:10px}.student-profile__contact-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(116,138,176,.18);color:#0f2743;text-decoration:none;font-size:.85rem;background-color:#fff}.student-profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.student-profile__stat-card{border:1px solid rgba(116,138,176,.12);border-radius:12px;padding:18px;display:grid;gap:6px;background:#fff;box-shadow:0 8px 18px #0f27430a}.student-profile__stat-icon{width:30px;height:30px;border-radius:8px;background:#0096881f;color:var(--pri-color-light);display:grid;place-items:center}.student-profile__stat-value{font-size:1.6rem;color:#0f2743}.student-profile__stat-label{font-size:.9rem;color:#4f678d}.student-profile__stat-helper{font-size:.75rem;color:#748ab0}.student-profile__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.student-profile__panel{border:1px solid rgba(116,138,176,.12);border-radius:12px;padding:20px;background-color:#fff;box-shadow:0 8px 18px #0f27430a;display:flex;flex-direction:column;gap:18px}.student-profile__panel header h4{font-size:1rem;font-weight:600;color:#0f2743}.student-profile__detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.student-profile__detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#748ab0;margin-bottom:6px}.student-profile__detail-value{font-size:.95rem;color:#0f2743;font-weight:500}.student-profile__activity-list{list-style:none;display:flex;flex-direction:column;gap:14px}.student-profile__activity-list li{display:flex;gap:12px;align-items:flex-start}.student-profile__activity-icon{width:32px;height:32px;border-radius:8px;background:#0096881f;color:var(--pri-color-light);display:grid;place-items:center}.student-profile__activity-list strong{color:#0f2743;font-size:.95rem}.student-profile__activity-list span{color:#4f678d;font-size:.85rem}.student-profile__panel--wide{grid-column:1 / -1}@media (max-width: 920px){.student-profile__hero{flex-direction:column}.student-profile__hero-left{width:100%}.student-profile__contact{width:100%;flex-direction:row;flex-wrap:wrap}.student-profile__contact-chip{flex:1;min-width:220px}}@media (max-width: 640px){.student-profile__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.student-profile__hero{padding:20px}.student-profile__avatar{width:64px;height:64px;font-size:1.2rem}}