.account-section{padding:80px 0}.account-section .account-sidebar{background:var(--section-bg);border-radius:15px;padding:30px;box-shadow:0 5px 15px #0000001a}.account-section .account-sidebar .user-info{text-align:center;margin-bottom:30px}.account-section .account-sidebar .user-info .user-avatar{width:80px;height:80px;border-radius:50%;background:var(--body);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.account-section .account-sidebar .user-info .user-avatar span{font-size:36px;font-weight:700;color:#fff}.account-section .account-sidebar .user-info h3{font-size:18px;margin-bottom:10px;word-break:break-all}.account-section .account-sidebar .user-info .membership-badge{margin-bottom:10px}.account-section .account-sidebar .user-info .membership-badge .badge{padding:5px 15px;border-radius:20px;font-size:14px;font-weight:600}.account-section .account-sidebar .user-info .membership-badge .badge.badge-premium{background-color:var(--body);color:#fff}.account-section .account-sidebar .user-info .membership-badge .badge.badge-free{background-color:var(--base);color:#fff}.account-section .account-sidebar .user-info .join-date{font-size:14px;opacity:.8}.account-section .account-sidebar .account-menu ul{list-style:none;padding:0;margin:0}.account-section .account-sidebar .account-menu ul li{margin-bottom:10px}.account-section .account-sidebar .account-menu ul li a{display:block;padding:10px 15px;border-radius:8px;color:var(--white);transition:all .3s ease}.account-section .account-sidebar .account-menu ul li a:hover{background:#ffffff0d}.account-section .account-sidebar .account-menu ul li.active a{background:rgba(var(--body-rgb),.2);color:var(--white)}.account-section .account-sidebar .logout-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#f003;color:#ff6464e6;font-weight:600;margin-top:20px;transition:all .3s ease}.account-section .account-sidebar .logout-btn:hover{background:#ff00004d}.account-section .account-content{background:var(--section-bg);border-radius:15px;padding:30px;box-shadow:0 5px 15px #0000001a}.account-section .account-content .account-section-content{display:none}.account-section .account-content .account-section-content.active{display:block}.account-section .account-content .account-section-content h2{font-size:24px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.account-section .account-content .profile-info .info-item{margin-bottom:20px}.account-section .account-content .profile-info .info-item label{font-weight:600;display:block;margin-bottom:5px;color:var(--white)}.account-section .account-content .profile-info .info-item p{padding:10px;background:#0000001a;border-radius:5px;margin:0}.account-section .account-content .subscription-info .active-sub,.account-section .account-content .subscription-info .no-sub{background:#0000001a;padding:20px;border-radius:10px;margin-bottom:20px}.account-section .account-content .subscription-info .active-sub h4,.account-section .account-content .subscription-info .no-sub h4{font-size:18px;margin-bottom:10px}.account-section .account-content .subscription-info .active-sub{border-left:4px solid var(--body)}.account-section .account-content .subscription-info .no-sub{border-left:4px solid var(--base)}.account-section .account-content .workflow-access{background:#0000001a;padding:20px;border-radius:10px}.account-section .account-content .workflow-access h4{font-size:18px;margin-bottom:15px}.account-section .account-content .workflow-access ul{list-style:none;padding:0}.account-section .account-content .workflow-access ul li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.account-section .account-content .workflow-access ul li:last-child{border-bottom:none}.account-section .account-content .workflow-access ul li .workflow-access-type{font-weight:600}.account-section .account-content .workflow-access ul li .workflow-access-status.access-granted{color:green}.account-section .account-content .workflow-access ul li .workflow-access-status.access-denied{color:var(--base)}.account-section .account-content .settings-form .form-group{margin-bottom:20px}.account-section .account-content .settings-form .form-group label{font-weight:600;display:block;margin-bottom:10px}.account-section .account-content .settings-form .form-group .form-control{background:#0000001a;border:1px solid rgba(255,255,255,.1);color:var(--white);padding:10px;border-radius:5px;width:100%}.account-section .account-content .settings-form .form-group .form-control:focus{outline:none;border-color:var(--body)}.account-section .account-content .settings-form .form-group .form-control:disabled{opacity:.6;cursor:not-allowed}.account-section .account-content .settings-form .form-group .small-btn{padding:8px 15px;font-size:14px}.account-section .account-content .settings-form .form-group .checkbox-group .form-check{display:flex;align-items:center;margin-bottom:10px}.account-section .account-content .settings-form .form-group .checkbox-group .form-check .form-check-input{margin-right:10px}@media (max-width: 991px){.account-section .account-sidebar{margin-bottom:30px}}
