:root{--brand-blue:#3d74ff;--brand-blue-dark:#2f5dd1;--brand-blue-darker:#1f3fbf;--brand-blue-light:#5d8aff;--main-green:var(--brand-blue);--dark-green:var(--brand-blue-darker);--light-green:var(--brand-blue-light);--white-text:#fff;--primary-color:var(--main-green);--secondary-color:var(--dark-green);--dark-color:#2d3436;--light-color:#f7f7f7;--gray-color:#a4b0be;--white:#fff;--shadow:0 4px 6px #0000001a;--border-radius:12px;--navbar-height:60px}*{box-sizing:border-box;margin:0;padding:0;font-family:Offside,sans-serif}body{background-color:var(--light-color);color:var(--dark-color);min-height:100vh;padding-bottom:var(--navbar-height);margin:0;line-height:1.6;position:relative}.profile-banner{background:var(--main-green);background:linear-gradient(135deg, var(--main-green), var(--dark-green));height:180px;box-shadow:var(--shadow);margin-bottom:60px;position:relative}.profile-picture{border:5px solid var(--white);background-color:var(--white);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-70px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 10px #0003}.profile-picture img{object-fit:cover;width:100%;height:100%}.container{max-width:800px;min-height:calc(100vh - var(--navbar-height));margin:0 auto;padding:20px 20px 0}.navbar,.navbar *{margin:0!important;padding:0!important;text-decoration:none!important;list-style:none!important}.navbar:before,.navbar:after,.navbar :before,.navbar :after{content:none!important;display:none!important}.navbar{z-index:1000;height:var(--navbar-height);background:var(--main-green);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.nav-item{color:#fff;text-align:center;opacity:.7;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5px;font-size:.8rem;text-decoration:none;transition:all .3s;display:flex}.nav-item.active{opacity:1;font-weight:700;position:relative}.nav-item.active:after{content:"";background-color:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.nav-icon{filter:brightness(0)invert();width:24px;height:24px;margin-bottom:4px;transition:all .3s}.nav-item:hover{opacity:1}body{padding-bottom:var(--navbar-height)}.profile-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;margin-bottom:10px;padding:30px}.profile-header{text-align:center;margin-bottom:25px}.profile-header h1{color:var(--dark-color);margin-bottom:15px;font-size:2rem;font-weight:700}.role-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.role-badge{border-radius:20px;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 5px #0000001a}.role-badge i{margin-right:6px;font-size:.9rem}.role-badge.primary{background-color:var(--primary-color);color:#fff}.role-badge.secondary{background-color:var(--secondary-color);color:#fff}.role-badge i{color:inherit}.profile-details{text-align:left;margin:25px 0}.help-tags-section{text-align:left;margin:5px 0 20px}.help-tags-label{color:var(--gray-color);margin-bottom:6px;font-size:.85rem;display:block}.help-tags-list{flex-wrap:wrap;gap:8px;display:flex}.help-tag{color:var(--primary-color);background:#e8f2ff;border-radius:999px;align-items:center;padding:6px 12px;font-size:.8rem;display:inline-flex;box-shadow:0 2px 5px #0000000f}.help-tag-icon{margin-right:6px;font-size:.9rem}.help-tag-empty{color:var(--gray-color);box-shadow:none;background:#f1f1f1}.profile-bio{text-align:left;margin:10px 0 18px}.profile-bio-title{color:var(--gray-color);margin-bottom:6px;font-size:.95rem;font-weight:600}.profile-bio-text{color:var(--dark-color);white-space:pre-wrap;font-size:.95rem;line-height:1.5}.detail-item{border-bottom:1px solid #eee;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.detail-item i{color:var(--primary-color);text-align:center;width:40px;margin-right:15px;font-size:1.5rem}.detail-label{color:var(--gray-color);margin-bottom:3px;font-size:.85rem;display:block}.detail-value{color:var(--dark-color);font-size:1rem;font-weight:500}.profile-actions{margin-top:30px}.edit-profile-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ff6b6b66}.edit-profile-btn i{margin-right:8px}.edit-profile-btn:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}@media (width<=768px){.profile-banner{height:160px}.profile-picture{width:120px;height:120px;bottom:-60px}.profile-header h1{font-size:1.7rem}}@media (width<=480px){.profile-card{padding:20px 15px}.detail-item{text-align:center;flex-direction:column}.detail-item i{margin:0 0 10px}}body,html{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.navbar{box-sizing:border-box!important;z-index:9999!important;width:100vw!important;max-width:100%!important;margin:0!important;padding:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translate(0)!important}:root{--navbar-height:60px}.container{padding:20px!important;padding-bottom:calc(var(--navbar-height) + 20px)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important}body .profile-banner .profile-picture{border-width:6px!important;width:160px!important;height:160px!important;bottom:-80px!important;box-shadow:0 6px 15px #00000040!important}body .profile-banner .profile-picture img{object-fit:cover!important;width:100%!important;height:100%!important}.user-container,.panel-content,.user-section,#user-content,body,html{scrollbar-width:none;-ms-overflow-style:none}.user-container::-webkit-scrollbar{width:0;height:0;display:none}.panel-content::-webkit-scrollbar{width:0;height:0;display:none}.user-section::-webkit-scrollbar{width:0;height:0;display:none}#user-content::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}html::-webkit-scrollbar{width:0;height:0;display:none}.user-container{overflow-y:auto}body,html{width:100%;max-width:100%;overflow-x:hidden}