:root{--main-green: #0a9d3a;--dark-green: #088530;--light-green: #0cb344;--white-text: #ffffff}:root{--primary-color: var(--main-green);--secondary-color: var(--dark-green);--dark-color: #2D3436;--light-color: #F7F7F7;--gray-color: #A4B0BE;--white: #FFFFFF;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 12px;--navbar-height: 60px}*{margin:0;padding:0;box-sizing:border-box;font-family:Finlandica Headline,sans-serif}body{background-color:var(--light-color);color:var(--dark-color);line-height:1.6;margin:0;min-height:100vh;position:relative;padding-bottom:var(--navbar-height)}.profile-banner{background:var(--main-green);background:linear-gradient(135deg,var(--main-green),var(--dark-green));height:180px;position:relative;margin-bottom:60px;box-shadow:var(--shadow)}.profile-picture{width:140px;height:140px;border-radius:50%;border:5px solid var(--white);background-color:var(--white);position:absolute;bottom:-70px;left:50%;transform:translate(-50%);overflow:hidden;box-shadow:0 4px 10px #0003}.profile-picture img{width:100%;height:100%;object-fit:cover}.container{max-width:800px;margin:0 auto;padding:20px 20px 0;min-height:calc(100vh - var(--navbar-height))}.navbar,.navbar *{list-style:none!important;text-decoration:none!important;margin:0!important;padding:0!important}.navbar:before,.navbar:after,.navbar *:before,.navbar *:after{content:none!important;display:none!important}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:1000;height:var(--navbar-height);background:var(--main-green);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000001a}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.8rem;padding:5px;flex:1;text-align:center;transition:all .3s ease;opacity:.7}.nav-item.active{opacity:1;font-weight:700;position:relative}.nav-item.active:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:5px;height:5px;background-color:#fff;border-radius:50%}.nav-icon{width:24px;height:24px;margin-bottom:4px;filter:brightness(0) invert(1);transition:all .3s ease}.nav-item:hover{opacity:1}body{padding-bottom:var(--navbar-height)}.profile-card{background:var(--white);border-radius:var(--border-radius);padding:30px;margin-bottom:10px;box-shadow:var(--shadow);text-align:center}.profile-header{margin-bottom:25px;text-align:center}.profile-header h1{font-size:2rem;color:var(--dark-color);margin-bottom:15px;font-weight:700}.role-badges{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap;justify-content:center}.role-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.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}.detail-item{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.detail-item i{font-size:1.5rem;color:var(--primary-color);width:40px;text-align:center;margin-right:15px}.detail-label{display:block;color:var(--gray-color);font-size:.85rem;margin-bottom:3px}.detail-value{font-size:1rem;color:var(--dark-color);font-weight:500}.profile-actions{margin-top:30px}.edit-profile-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;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}.help-types{margin-top:24px;text-align:center}.help-label{text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;color:#6b7280;margin-bottom:10px}.help-badges{display:flex;flex-direction:column;gap:8px;align-items:center}.help-badge{background:#20b85821;color:#0c5a2e;border-radius:999px;padding:8px 18px;font-weight:600;font-size:.95rem;border:1px solid rgba(32,184,88,.35);width:fit-content;box-shadow:0 2px 6px #0d6d3514}@media(max-width:768px){.profile-banner{height:160px}.profile-picture{width:120px;height:120px;bottom:-60px}.profile-header h1{font-size:1.7rem}}@media(max-width:480px){.profile-card{padding:20px 15px}.detail-item{flex-direction:column;text-align:center}.detail-item i{margin:0 0 10px}}body,html{margin:0!important;padding:0!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important}.navbar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;max-width:100%!important;margin:0!important;padding:0!important;transform:translate(0)!important;box-sizing:border-box!important;z-index:9999!important}:root{--navbar-height: 60px}.container{margin:0 auto!important;padding:20px!important;padding-bottom:calc(var(--navbar-height) + 20px)!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}body .profile-banner .profile-picture{width:160px!important;height:160px!important;bottom:-80px!important;border-width:6px!important;box-shadow:0 6px 15px #00000040!important}body .profile-banner .profile-picture img{width:100%!important;height:100%!important;object-fit:cover!important}.user-container,.panel-content,.user-section,#user-content,body,html{scrollbar-width:none;-ms-overflow-style:none}.user-container::-webkit-scrollbar,.panel-content::-webkit-scrollbar,.user-section::-webkit-scrollbar,#user-content::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0;height:0}.user-container{overflow-y:auto}body,html{overflow-x:hidden;width:100%;max-width:100%}