.tp-wrapper {display:flex;gap:30px;max-width:1200px;margin:40px auto;}
.tp-sidebar {width:260px;background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;}
.tp-userbox {text-align:center;margin-bottom:20px;}
.tp-avatar {width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #FAC761;}
.tp-username {margin-top:10px;font-weight:600;}
.tp-sidebar ul {padding:0;margin:0;list-style:none;}
.tp-sidebar li {padding:12px;font-weight:600;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#333;transition:0.2s;}
.tp-sidebar li.active, .tp-sidebar li:hover {background:#fff8e1;}
.tp-content {flex:1;}
.tp-sub {color:#777;margin-bottom:20px;}
.tp-card {background:#fff;padding:25px;border:1px solid #eee;border-radius:12px;}
.tp-row {display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #ddd;}
.tp-row:last-child {border-bottom:none;}
.tp-btn {background:#FAC761;color:#000;border:none;padding:12px 18px;border-radius:8px;margin-top:20px;cursor:pointer;font-weight:bold;}
.tp-btn:hover {background:#e0a93b;}
@media(max-width:768px){.tp-wrapper{flex-direction:column;}.tp-sidebar{width:100%;}}