/* Skillpo account workspace V8 — shared by every student profile page. */
:root{--sp-account-ink:#191b3d;--sp-account-muted:#71748c;--sp-account-line:#e7e7f1;--sp-account-purple:#6d28d9;--sp-account-blue:#2563eb;--sp-account-bg:#f5f6fb}

:is(.edit-profile-section,.purchase-courses-section,.wishlist-courses-section,.purchase-book-section,.wishlist-book-section,.recently-viewed-courses-section,.recently-viewed-book-section,.assignment-section,.submit-assignment-section,.profile-setting-section,.notification-section,.my-balance-section,.dashboard-section){
    background:radial-gradient(circle at 8% 5%,rgba(109,40,217,.07),transparent 27%),linear-gradient(180deg,#f9f9fd 0%,var(--sp-account-bg) 100%);
    min-height:calc(100vh - 80px);
    padding-bottom:76px!important;
    padding-top:44px!important;
}
:is(.edit-profile-section,.purchase-courses-section,.wishlist-courses-section,.purchase-book-section,.wishlist-book-section,.recently-viewed-courses-section,.recently-viewed-book-section,.assignment-section,.profile-setting-section,.notification-section,.my-balance-section)>.container>.row{align-items:flex-start}
.sp-account-sidebar-column{flex:0 0 26%;max-width:26%}
.sp-account-sidebar-column+.col-md-8{flex:0 0 74%;max-width:74%}
.sp-account-sidebar-column>.profile-sidebar{background:#fff;border:1px solid rgba(31,32,69,.08);border-radius:22px;box-shadow:0 18px 55px rgba(24,27,73,.08);overflow:hidden;position:sticky;top:92px}
.sp-account-sidebar-column .profile-card{background:linear-gradient(145deg,#11164e,#6126cf);padding:22px 18px 20px;text-align:center}
.sp-account-sidebar-column .profile-cover{display:none}
.sp-account-sidebar-column .profile-info{margin:0!important;padding:0!important}
.sp-account-sidebar-column .profile-picture{margin:0 auto 11px!important;position:static!important}
.sp-account-sidebar-column .profile-picture img{border:4px solid rgba(255,255,255,.3);border-radius:18px;height:74px!important;object-fit:cover;width:74px!important}
.sp-account-sidebar-column .profile-info h3{color:#fff!important;font-size:15px!important;margin:0 0 4px!important}
.sp-account-sidebar-column .profile-info p{color:#d8d5ed!important;font-size:12px!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-account-sidebar-column .profile-menu{padding:12px}
.sp-account-sidebar-column .profile-menu ul{margin:0;padding:0}
.sp-account-sidebar-column .profile-menu li{margin:2px 0}
.sp-account-sidebar-column .profile-menu li a{align-items:center;border-radius:11px;color:#51536b;display:flex;font-size:13px;font-weight:750;gap:10px;min-height:44px;padding:10px 11px;transition:.2s}
.sp-account-sidebar-column .profile-menu li a svg{flex:0 0 17px;height:17px;width:17px}.sp-account-sidebar-column .profile-menu li a svg path{fill:currentColor!important}
.sp-account-sidebar-column .profile-menu li.active>a,.sp-account-sidebar-column .profile-menu li>a:hover{background:#f0ebff;color:var(--sp-account-purple);transform:translateX(2px)}

.sp-account-sidebar-column+.col-md-8>:is(.edit-profile-wrapper,.purchase-courses-wrapper,.wishlist-courses-wrapper,.purchase-book-wrapper,.wishlist-book-wrapper,.recently-viewed-courses-wrapper,.recently-viewed-book-wrapper,.my-assignment-wrapper,.profile-setting-wrapper,.notification-wrapper,.my-balance-wrapper),
.submit-assignment-section .assignment-details-wrapper,
.dashboard-section .container>.row{
    background:#fff;border:1px solid rgba(31,32,69,.08);border-radius:22px;box-shadow:0 18px 55px rgba(24,27,73,.07);padding:27px;
}
.sp-account-sidebar-column+.col-md-8 .section-title-v3{border-bottom:1px solid var(--sp-account-line);margin-bottom:24px!important;padding-bottom:18px}
.sp-account-sidebar-column+.col-md-8 .section-title-v3 h4,.submit-assignment-section .section-title-v3 h4{color:var(--sp-account-ink)!important;font-size:24px!important;letter-spacing:-.035em;line-height:1.2;margin:0!important}
.sp-account-sidebar-column+.col-md-8 :is(input.form-control,select.form-select,textarea.form-control),.submit-assignment-section :is(input.form-control,select.form-select,textarea.form-control){background:#fbfbfe;border:1px solid #dedeea!important;border-radius:12px!important;min-height:45px;transition:.2s}
.sp-account-sidebar-column+.col-md-8 :is(input.form-control,select.form-select,textarea.form-control):focus,.submit-assignment-section :is(input.form-control,select.form-select,textarea.form-control):focus{background:#fff;border-color:#8b5cf6!important;box-shadow:0 0 0 4px rgba(109,40,217,.09)!important}
.sp-account-sidebar-column+.col-md-8 .template-btn,.submit-assignment-section .template-btn{border-radius:12px!important;box-shadow:0 10px 22px rgba(72,42,170,.16);min-height:44px}
.sp-account-sidebar-column+.col-md-8 .course-item{border:1px solid var(--sp-account-line)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(24,27,73,.06)!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sp-account-sidebar-column+.col-md-8 .course-item:hover{box-shadow:0 16px 38px rgba(24,27,73,.12)!important;transform:translateY(-3px)}
.sp-account-sidebar-column+.col-md-8 table{border-collapse:separate;border-spacing:0;min-width:650px}
.sp-account-sidebar-column+.col-md-8 .table-responsive{border:1px solid var(--sp-account-line);border-radius:15px;overflow:auto}

.sp-account-mobile-nav{background:#fff;border:1px solid rgba(31,32,69,.09);border-radius:18px;box-shadow:0 14px 35px rgba(24,27,73,.08);margin-bottom:14px;overflow:hidden}
.sp-account-mobile-nav__identity{align-items:center;background:linear-gradient(135deg,#121650,#6528d4);display:flex;gap:11px;padding:14px}
.sp-account-mobile-nav__identity img{border:3px solid rgba(255,255,255,.26);border-radius:12px;height:46px;object-fit:cover;width:46px}
.sp-account-mobile-nav__identity small,.sp-account-mobile-nav__identity strong{display:block}.sp-account-mobile-nav__identity small{color:#cfc8ef;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-account-mobile-nav__identity strong{color:#fff;font-size:12px;margin-top:2px}
.sp-account-mobile-nav details summary{align-items:center;color:var(--sp-account-ink);cursor:pointer;display:flex;font-size:14px;font-weight:850;justify-content:space-between;list-style:none;min-height:50px;padding:11px 14px}.sp-account-mobile-nav details summary::-webkit-details-marker{display:none}.sp-account-mobile-nav details summary span{align-items:center;display:flex;gap:8px}.sp-account-mobile-nav details[open] summary>i{transform:rotate(180deg)}
.sp-account-mobile-nav nav{border-top:1px solid var(--sp-account-line);display:grid;gap:7px;grid-template-columns:1fr 1fr;padding:11px}.sp-account-mobile-nav nav a{align-items:center;background:#f7f5ff;border:1px solid #ebe6f8;border-radius:11px;color:#383a59;display:flex;font-size:12px;font-weight:800;gap:8px;min-height:46px;padding:10px}.sp-account-mobile-nav nav a i{color:var(--sp-account-purple)}

@media(max-width:991.98px){
    .sp-account-sidebar-column{flex:0 0 30%;max-width:30%}.sp-account-sidebar-column+.col-md-8{flex:0 0 70%;max-width:70%}
    .sp-account-sidebar-column+.col-md-8>:is(.edit-profile-wrapper,.purchase-courses-wrapper,.wishlist-courses-wrapper,.purchase-book-wrapper,.wishlist-book-wrapper,.recently-viewed-courses-wrapper,.recently-viewed-book-wrapper,.my-assignment-wrapper,.profile-setting-wrapper,.notification-wrapper,.my-balance-wrapper){padding:20px}
}
@media(max-width:767.98px){
    :is(.edit-profile-section,.purchase-courses-section,.wishlist-courses-section,.purchase-book-section,.wishlist-book-section,.recently-viewed-courses-section,.recently-viewed-book-section,.assignment-section,.submit-assignment-section,.profile-setting-section,.notification-section,.my-balance-section,.dashboard-section){padding-bottom:48px!important;padding-top:22px!important}
    .sp-account-sidebar-column,.sp-account-sidebar-column+.col-md-8{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
    .sp-account-sidebar-column+.col-md-8>:is(.edit-profile-wrapper,.purchase-courses-wrapper,.wishlist-courses-wrapper,.purchase-book-wrapper,.wishlist-book-wrapper,.recently-viewed-courses-wrapper,.recently-viewed-book-wrapper,.my-assignment-wrapper,.profile-setting-wrapper,.notification-wrapper,.my-balance-wrapper),.submit-assignment-section .assignment-details-wrapper{border-radius:17px;padding:15px}
    .sp-account-sidebar-column+.col-md-8 .section-title-v3{margin-bottom:16px!important;padding-bottom:13px}.sp-account-sidebar-column+.col-md-8 .section-title-v3 h4,.submit-assignment-section .section-title-v3 h4{font-size:19px!important}
    .sp-account-sidebar-column+.col-md-8 .course_section_wrap>[class*="col-"],.sp-account-sidebar-column+.col-md-8 .course-items-v3>[class*="col-"]{flex:0 0 50%!important;max-width:50%!important;padding:5px!important}
    .sp-account-sidebar-column+.col-md-8 .course-item .course-item-body{padding:11px!important}.sp-account-sidebar-column+.col-md-8 .course-item h4{font-size:11px!important;line-height:1.35!important}
}
@media(max-width:360px){.sp-account-mobile-nav nav{grid-template-columns:1fr}.sp-account-sidebar-column+.col-md-8 .course_section_wrap>[class*="col-"],.sp-account-sidebar-column+.col-md-8 .course-items-v3>[class*="col-"]{padding:4px!important}}
[dir=rtl] .sp-account-sidebar-column .profile-menu li.active>a,[dir=rtl] .sp-account-sidebar-column .profile-menu li>a:hover{transform:translateX(-2px)}