.tf-avatar{width:88px;height:88px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#d4ed31;color:#143020;font-size:36px;font-weight:800;box-shadow:0 8px 18px #14302025}.tf-profile-card h2{margin-bottom:3px}.tf-menu-item{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;border:0;border-radius:10px;background:#fff;color:#143020;text-align:right;text-decoration:none;font:inherit;font-weight:700}.tf-menu-item small{margin-right:auto;color:#7b8b81;font-weight:400}.tf-menu-svg,.tf-info-icon,.tf-skill-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:currentColor}.tf-menu-svg svg,.tf-info-icon svg,.tf-skill-icon svg{display:block;width:20px;height:20px;fill:currentColor}.tf-skill-icon{color:#143020}.tf-logout{margin-top:18px;color:#c64545}.tcb-guest .tf-home,.tcb-guest .tf-nav{display:none}.tcb-guest #tf-login{display:grid!important}.tf-field-label{display:grid;gap:5px;color:#456052;font-size:12px;font-weight:700;text-align:right}.tf-field-label input{width:100%;height:44px;padding:0 12px;border:1px solid #d7e1db;border-radius:9px;background:#fbfdfc;color:#143020;font:inherit;text-align:right}.tf-auth-card .tf-level{display:none!important}.tf-info-modal{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:20px;background:#14302075}.tf-info-modal[hidden]{display:none}.tf-info-dialog{position:relative;width:min(390px,100%);padding:27px 20px 20px;border-radius:20px;background:#f5f7f6;box-shadow:0 20px 50px #0004}.tf-info-dialog h2{margin:0 0 10px;text-align:center;font-size:19px}.tf-info-dialog .tf-field-label{margin:10px 0}.tf-info-dialog .tf-submit{margin-top:12px}.tf-info-close,.tf-skills-close{position:absolute;top:7px;left:12px;border:0;background:transparent;color:#143020;font-size:27px;line-height:1}.tf-skills-note{margin:0 0 15px;color:#728177;font-size:12px;text-align:center}.tf-skill-rating{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e2e9e5}.tf-skill-rating b{font-size:14px}.tf-skill-dots{display:flex;gap:5px;direction:ltr}.tf-skill-dots button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#9aa89f;font-size:12px;font-weight:800}.tf-skill-dots button.active{border-color:#d4ed31;background:#d4ed31;color:#143020}
