.full-body{background:#fff;color:#000;display:flex;justify-content:center;padding:40px}.settings-container{display:flex;max-width:1100px}.sidebars{width:250px;padding-right:50px;padding-left:20px}.left-tab{margin-top:20px;margin-bottom:15px}.left-tab{cursor:pointer;padding:10px 0;color:#000;font-family:'brandon grotesque'}.left-tab.active{font-weight:700;color:#e91e63;font-family:'brandon grotesque'}.tab-content{display:none}.tab-content.active{display:block}.main-content{flex:1;padding-left:30px;width:850px}.card{background:#fff;border:1px solid #eee;border-radius:6px;padding:20px;margin-bottom:30px;box-shadow:0 0 10px rgb(0 0 0 / .03);width:100%}.card h2{font-size:26px;margin-bottom:20px;font-family:"brandon grotesque"}.form-row{margin-bottom:15px;border-bottom:1px solid #ccc;display:inline-block}label{font-size:13px;color:#666;margin-bottom:5px;font-family:'brandon grotesque'}.input-spacing{margin-left:60px;padding:10px;border:none!important;font-size:20px!important;outline:none;width:600px!important;font-family:'brandon grotesque'}.input-password{margin-left:20px;padding:10px;border:none!important;font-size:20px!important;outline:none;font-family:'brandon grotesque';width:680px!important}.input-address{margin-left:20px;padding:10px;border:none!important;font-size:20px!important;outline:none;font-family:'brandon grotesque';width:680px!important}.btn-account{margin-top:10px;padding:8px 12px;background:#fff;color:#e91e63;border:1px solid #e91e63;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.3s ease}.btn-account:hover{background:#e91e63;color:#fff}.payment-table{overflow-x:auto}.payment-table table{width:100%;border-collapse:collapse;font-size:16px}.payment-table th,.payment-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee;vertical-align:top}.payment-table th{color:#666;font-size:14px}.payment-table td small{color:#888;font-size:12px}.badge{display:inline-block;padding:4px 10px;font-size:12px;border-radius:12px;background-color:#e0f7e9;color:#2e7d32;font-weight:700}.badge.complete{background-color:#e6f4ea;color:#1e7f3c}.course-card.glass{display:block;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:20px 30px;width:100%;margin:20px auto;box-shadow:0 8px 32px rgb(0 0 0 / .25);transition:transform 0.3s ease}.course-card.glass:hover{transform:scale(1.03);box-shadow:0 12px 40px rgb(0 0 0 / .4)}.course-header{display:flex;justify-content:space-between;align-items:center}.course-header h3{font-size:20px;margin:0}.course-progress-text{font-size:14px;color:#aaffc3}.progress-bar-container{margin-top:15px;width:100%;height:16px;background:rgb(255 255 255 / .2);border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00ff99,#00ccff);border-radius:10px;transition:width 0.4s ease}.error{color:red;font-size:14px;margin-top:5px}.success{color:green;font-weight:700;margin-bottom:10px}@media screen and (max-width:768px){.full-body{padding:0px!important;flex-direction:column}.settings-container{flex-direction:column}.sidebars h5{display:none}.sidebars{width:100%;padding:0;margin-bottom:20px;display:flex;overflow-x:auto;border-bottom:1px solid #ddd}.left-tab{margin:0 10px;white-space:nowrap;padding:10px;border-bottom:2px solid #fff0}.left-tab.active{border-bottom:2px solid #e91e63}.main-content{width:100%;padding:0}.input-spacing,.input-password,.input-address{width:280px!important;margin-left:0;box-sizing:border-box;font-size:16px!important}.card h2{font-size:22px}.payment-table table{font-size:14px}.payment-table th,.payment-table td{padding:10px 5px}}@media screen and (max-width:768px){.payment-table table,.payment-table thead,.payment-table tbody,.payment-table th,.payment-table td,.payment-table tr{display:block;width:100%}.payment-table thead{display:none}.payment-table tr{margin-bottom:15px;border:1px solid #ddd;padding:10px;border-radius:6px;box-shadow:0 0 5px rgb(0 0 0 / .05)}.payment-table td{text-align:left;padding:8px 10px;position:relative;min-height:40px}.payment-table td::before{content:attr(data-label);position:absolute;top:8px;font-weight:700;color:#555;font-size:13px}}