.student-body{background:#fafafa}.student-body .student-content{min-height:100vh;margin-left:300px;padding:25px;margin-top:65px}.student-body .student-content::-webkit-scrollbar{width:1px;background:transparent}.student-body .student-content.hide-header-sidebar{margin-top:0;margin-left:0;padding:0}.student-body .card-1{border-radius:15px;background:#fff;padding:20px 15px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.student-body .card-1 .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.student-body .card-1 .card-header .action{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:500;font-size:14px;cursor:pointer;transition:.3s ease-in-out}.student-body .card-1 .card-header .action:hover{gap:12px;transition:.3s ease-in-out}.student-body .tabs{width:100%;border-bottom:1px solid var(--neutral-3);display:flex;gap:15px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:20px}.student-body .tabs .tab-item{padding:10px 0;font-weight:500;display:flex;align-items:center;cursor:pointer;gap:8px;color:var(--dark-3)}.student-body .tabs .tab-item.active{color:var(--foreground);border-bottom:3px solid var(--primary)}.student-body .tabs .tab-item .circle{display:grid;place-items:center;width:20px;height:20px;font-size:13px;border-radius:50%;font-weight:700;color:var(--primary);background:var(--primary-50)}.scroll-800{max-height:800px;overflow-y:scroll}.scroll-100vh{max-height:100vh;overflow-y:scroll}.scroll-100vh::-webkit-scrollbar,.scroll-800::-webkit-scrollbar{width:1px;background:transparent}.scroll-100vh::-webkit-scrollbar-thumb,.scroll-800::-webkit-scrollbar-thumb{background:var(--primary-200)}.row-section{width:100%;display:flex;gap:20px}.row-section .left-section{width:65%}.row-section .right-section{flex:1 1;max-width:100%}.circle-timer-component{width:80px;height:80px}.circle-timer-component .time{font-size:18px;font-weight:500;color:var(--foreground)}.circle-timer-component .time .count-up{color:var(--red)}@media screen and (max-width:1400px){.row-section{flex-wrap:wrap}.row-section .left-section,.row-section .right-section{width:100%}}@media screen and (max-width:1100px){.student-body .student-content{margin-left:0;padding:15px}.student-body .tabs{flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll}.student-body .tabs::-webkit-scrollbar{display:none}}